feat: add type for @opentiny/tiny-engine-common

Author: chilingling

packages/common/component/BindI18n.vue

@@ -56,6 +56,7 @@
 
 <script lang="ts">
 import { reactive, ref, watchEffect } from 'vue'
+import type { Component } from 'vue'
 import { useLayout, useTranslate } from '@opentiny/tiny-engine-meta-register'
 import { PROP_DATA_TYPE } from '../js/constants'
 import { utils } from '@opentiny/tiny-engine-utils'
@@ -65,7 +66,7 @@ export default {
   components: {
     TinySelect: Select,
     TinyOption: Option,
-    TinyButton: Button,
+    TinyButton: Button as Component,
     TinyInput: Input
   },
   inheritAttrs: false,

packages/common/component/LifeCycles.vue

@@ -97,14 +97,15 @@ import { initCompletion } from '../js/completion'
 import { initLinter, lint } from '../js/linter'
 import { SvgButton } from '../index'
 import { constants } from '@opentiny/tiny-engine-utils'
+
 const { OPEN_DELAY } = constants
 
 export default {
   components: {
     TinyPopover: Popover as Component,
     TinyDialogBox: DialogBox,
     TinySearch: Search,
-    TinyButton: Button,
+    TinyButton: Button as Component,
     MonacoEditor: VueMonaco,
     SvgButton,
     MetaListItems,

packages/common/component/MetaCodeEditor.vue

@@ -76,6 +76,7 @@
 
 <script lang="ts">
 import { computed, nextTick, reactive, ref, watchEffect } from 'vue'
+import type { Component } from 'vue'
 import { Button, DialogBox, Split } from '@opentiny/vue'
 import VueMonaco from './VueMonaco.vue'
 import { formatString } from '../js/ast'
@@ -85,7 +86,7 @@ export default {
   components: {
     TinySplit: Split,
     MonacoEditor: VueMonaco,
-    TinyButton: Button,
+    TinyButton: Button as Component,
     TinyDialogBox: DialogBox
   },
   props: {

packages/common/component/MetaForm.vue

@@ -16,14 +16,15 @@
 
 <script lang="ts">
 import { reactive } from 'vue'
+import type { Component } from 'vue'
 import { Form, FormItem, Input, Button } from '@opentiny/vue'
 
 export default {
   components: {
     TinyForm: Form,
     TinyFormItem: FormItem,
     TinyInput: Input,
-    TinyButton: Button
+    TinyButton: Button as Component
   },
   props: {
     option: {

packages/common/component/MetaModalItem.vue

@@ -26,6 +26,7 @@
 </template>
 
 <script lang="ts">
+import type { Component } from 'vue'
 import { Button } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
 import { reactive, computed } from 'vue'
@@ -34,7 +35,7 @@ import MetaChildItem from './MetaChildItem.vue'
 export default {
   components: {
     MetaChildItem,
-    TinyButton: Button,
+    TinyButton: Button as Component,
     IconClose: iconClose()
   },
   props: {

packages/common/component/MetaPopover.vue

@@ -21,7 +21,7 @@ export default {
   components: {
     MetaChildItem,
     TinyPopover: Popover as Component,
-    TinyButton: Button
+    TinyButton: Button as Component
   },
   inheritAttrs: false,
   props: {

packages/common/package.json

@@ -9,6 +9,7 @@
   },
   "main": "dist/index.js",
   "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
@@ -56,6 +57,7 @@
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "glob": "^10.3.4",
     "vite": "^5.4.2",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^1.0.6"
   },
   "peerDependencies": {

packages/common/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowJs": true,
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "emitDeclarationOnly": true,
+    "jsx": "preserve",
+    "useDefineForClassFields": true
+  },
+  "include": ["index.ts", "js/**/*.js", "component/**/*", "composable/**/*"]
+}

packages/common/vite.config.ts

@@ -18,6 +18,7 @@ import { glob } from 'glob'
 import { fileURLToPath } from 'node:url'
 import generateComments from '@opentiny/tiny-engine-vite-plugin-meta-comments'
 import { viteStaticCopy } from 'vite-plugin-static-copy'
+import dts from 'vite-plugin-dts'
 
 const jsEntries = glob.sync('./js/**/*.js').map((file) => {
   return [file.slice(0, file.length - path.extname(file).length), fileURLToPath(new URL(file, import.meta.url))]
@@ -37,6 +38,13 @@ export default defineConfig({
           dest: '.'
         }
       ]
+    }),
+    dts({
+      tsconfigPath: path.resolve(__dirname, './tsconfig.json'),
+      rollupTypes: true,
+      outDir: path.resolve(__dirname, './dist'),
+      entryRoot: path.resolve(__dirname, './')
+      // include: ['index.ts', 'js/**/*.js', 'component/**/*', 'composable/**/*']
     })
   ],
   publicDir: false,