WIP feat: support vue

.gitignore

@@ -12,3 +12,5 @@
 /tests/fixtures/build/*/node_modules
 /tests/fixtures/prebundle/*/compiled
 /tests/fixtures/prebundle/*/modules
+/suites/**/dist
+/suites/**/node_modules

.prettierignore

@@ -1,3 +1,4 @@
 dist
 compiled
-*.yaml
+*.yaml
+node_modules

bin/father.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-require('v8-compile-cache');
+// require('v8-compile-cache');
 require('../dist/cli/cli')
   .run()
   .catch((e) => {

examples/with-vue/.fatherrc.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'father';
+import path from 'path';
+
+export default defineConfig({
+  esm: {},
+  // cjs: {},
+  // umd: {
+  //   externals: {
+  //     vue: 'vue',
+  //   },
+  // },
+  alias: {
+    '@': path.resolve(__dirname, './src'),
+  },
+  platform: 'browser',
+  plugins: ['@fatherjs/plugin-vue'],
+});

examples/with-vue/package.json

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "build": "rm -rf ./node_modules/.cache && father build",
+    "build:no-clean": "father build --no-clean",
+    "dev": "father dev",
+    "doctor": "father doctor",
+    "version": "father version"
+  },
+  "dependencies": {
+    "father": "workspace:*",
+    "vue": "^3.2.47"
+  },
+  "devDependencies": {
+    "@fatherjs/plugin-vue": "workspace:*"
+  }
+}

examples/with-vue/src/A.tsx

@@ -0,0 +1,19 @@
+import ElEmpty from './Empty.vue.b';
+import type { CSSProperties, FunctionalComponent } from 'vue';
+
+type EmptyRendererProps = {
+  class?: JSX.IntrinsicAttributes['class'];
+  style?: CSSProperties;
+};
+
+const Footer: FunctionalComponent<EmptyRendererProps> = (props, { slots }) => {
+  return (
+    <div class={props.class} style={props.style}>
+      {slots.default ? slots.default() : <ElEmpty />}
+    </div>
+  );
+};
+
+Footer.displayName = 'ElTableV2Empty';
+
+export default Footer;

examples/with-vue/src/Content.tsx

@@ -0,0 +1,7 @@
+class Content {
+  say() {
+    return 'Hello father 3';
+  }
+}
+
+export default new Content().say();

examples/with-vue/src/Empty.vue

@@ -0,0 +1,41 @@
+<template>
+  <div :class="ns.b()">
+    <div :class="ns.e('image')" :style="imageStyle">
+      <img v-if="image" :src="image" ondragstart="return false" />
+      <slot v-else name="image">
+        <img-empty />
+      </slot>
+    </div>
+    <div :class="ns.e('description')">
+      <slot v-if="$slots.description" name="description" />
+      <p v-else>{{ emptyDescription }}</p>
+    </div>
+    <div v-if="$slots.default" :class="ns.e('bottom')">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+// import { emptyProps } from './empty';
+
+import type { CSSProperties } from 'vue';
+
+const props = defineProps({
+  image: {
+    type: String,
+    default: '',
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: '',
+  },
+});
+
+const emptyDescription = computed(() => props.description);
+const imageStyle = computed<CSSProperties>(() => ({
+  width: props.imageSize,
+}));
+</script>

examples/with-vue/src/Hello.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>{{ hello }}</div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+const hello = ref('hello vue');
+</script>

examples/with-vue/src/empty.ts

@@ -0,0 +1,16 @@
+import { buildProps } from '@/utils/buildProps';
+import type { ExtractPropTypes } from 'vue';
+
+export const emptyProps = buildProps({
+  image: {
+    type: String,
+    default: '',
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: '',
+  },
+} as const);
+
+export type EmptyProps = ExtractPropTypes<typeof emptyProps>;

examples/with-vue/src/foo.ts

@@ -0,0 +1 @@
+console.log('foo here');

examples/with-vue/src/index.ts

@@ -0,0 +1,11 @@
+import Hello from './Hello.vue';
+import Empty from './Empty.vue';
+import A from '@/A';
+import Content from '@/Content';
+
+export default {
+  Hello,
+  Empty,
+  A,
+  Content,
+};

examples/with-vue/src/utils/buildProps.ts

@@ -0,0 +1 @@
+export const buildProps = (props: any) => props;

examples/with-vue/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "baseUrl": "."
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+}