From f65f9a20b7fb20917725fdc641319037b823f69e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=BF=AA=E7=94=9F?= <2046353594@qq.com>
Date: Mon, 17 Oct 2022 18:36:17 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20init=20shark=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/src/shake/index.ts  | 4 ++++
 packages/components/src/shake/shake.vue | 0
 packages/components/src/shake/types.ts  | 0
 3 files changed, 4 insertions(+)
 create mode 100644 packages/components/src/shake/index.ts
 create mode 100644 packages/components/src/shake/shake.vue
 create mode 100644 packages/components/src/shake/types.ts

diff --git a/packages/components/src/shake/index.ts b/packages/components/src/shake/index.ts
new file mode 100644
index 0000000..33b18fb
--- /dev/null
+++ b/packages/components/src/shake/index.ts
@@ -0,0 +1,4 @@
+import shake from './shake.vue'
+import { withInstall } from '@kitty-ui/utils'
+const Shake = withInstall(shake)
+export default Shake
diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
new file mode 100644
index 0000000..e69de29
diff --git a/packages/components/src/shake/types.ts b/packages/components/src/shake/types.ts
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 417fcd13d6dae077837619518bcee63f353ae255 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=BF=AA=E7=94=9F?= <2046353594@qq.com>
Date: Tue, 18 Oct 2022 18:54:01 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90shake=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8A=A8=E7=94=BB,=E8=B0=83=E6=95=B4dragger?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/app.vue                              |  7 +++--
 packages/components/index.ts                  |  7 +++--
 packages/components/src/index.ts              |  1 +
 packages/components/src/shake/shake.vue       | 21 +++++++++++++
 .../components/src/shake/style/index.less     | 31 +++++++++++++++++++
 packages/components/src/upload/dragger.vue    |  2 +-
 packages/components/src/upload/types.ts       | 13 --------
 packages/components/src/upload/upload.vue     | 15 +++++----
 8 files changed, 70 insertions(+), 27 deletions(-)
 create mode 100644 packages/components/src/shake/style/index.less
 delete mode 100644 packages/components/src/upload/types.ts

diff --git a/examples/app.vue b/examples/app.vue
index bd10ef3..fe874b0 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -1,11 +1,12 @@
 <template>
     <div class="upload-demo">
-        <k-upload @getFilesList="getFilesList" drag multiple accept="image/*"></k-upload>
-        <Button></Button>
+        <Upload @getFilesList="getFilesList" accept="" drag=""></Upload>
+        <Shake>123</Shake>
+
     </div>
 </template>
 <script lang="ts" setup>
-import { Button } from 'kitty-ui'
+import { Shake, Upload } from 'kitty-ui'
 const getFilesList = (files: File[]) => {
     console.log(files)
 }
diff --git a/packages/components/index.ts b/packages/components/index.ts
index bd036db..36f17d3 100644
--- a/packages/components/index.ts
+++ b/packages/components/index.ts
@@ -1,9 +1,12 @@
 import * as components from './src/index'
 export * from './src/index'
+import { App } from 'vue'
 export default {
-    install: (app: any) => {
+    install: (app: App) => {
+
         for (const comkey in components) {
-            app.component((components as any)[comkey].name, (components as any)[comkey])
+            app.use((components as any)[comkey])
+            //  app.component((components as any)[comkey].name, (components as any)[comkey])
         }
     }
 }
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index be2b4cb..955b683 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -2,3 +2,4 @@ export { default as Button } from './button'
 export { default as Icon } from './icon'
 export { default as Link } from './link'
 export { default as Upload } from './upload'
+export { default as Shake } from './shake'
diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
index e69de29..4e02f51 100644
--- a/packages/components/src/shake/shake.vue
+++ b/packages/components/src/shake/shake.vue
@@ -0,0 +1,21 @@
+<template>
+    <div class="k-shake" :class="{['k-shakeactive']:props.trigger}">
+        <slot />
+    </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+import './style/index.less'
+export default defineComponent({
+    name: 'k-shake'
+});
+</script>
+<script lang='ts' setup>
+
+type ShakeProps = {
+    trigger: boolean
+}
+const props = defineProps<ShakeProps>()
+
+
+</script>
diff --git a/packages/components/src/shake/style/index.less b/packages/components/src/shake/style/index.less
new file mode 100644
index 0000000..c586fe0
--- /dev/null
+++ b/packages/components/src/shake/style/index.less
@@ -0,0 +1,31 @@
+@keyframes shake {
+
+    10%,
+    90% {
+        transform: translate3d(-1px, 0, 0);
+    }
+
+    20%,
+    80% {
+        transform: translate3d(2px, 0, 0);
+    }
+
+    30%,
+    70% {
+        transform: translate3d(-4px, 0, 0);
+    }
+
+    40%,
+    60% {
+        transform: translate3d(4px, 0, 0);
+    }
+
+    50%,
+    50% {
+        transform: translate3d(-4px, 0, 0);
+    }
+}
+
+.k-shake.k-shakeactive {
+    animation: shake 1s linear;
+}
\ No newline at end of file
diff --git a/packages/components/src/upload/dragger.vue b/packages/components/src/upload/dragger.vue
index a59a887..09163c8 100644
--- a/packages/components/src/upload/dragger.vue
+++ b/packages/components/src/upload/dragger.vue
@@ -34,7 +34,7 @@ const onDragover = (e: Event) => {
   if (timer.value !== null) {
     clearTimeout(timer.value);
   }
-  timer.value = setTimeout(() => {
+  timer.value = window.setTimeout(() => {
     isEnter.value = false;
     timer.value = null;
   }, 100);
diff --git a/packages/components/src/upload/types.ts b/packages/components/src/upload/types.ts
deleted file mode 100644
index 76e1deb..0000000
--- a/packages/components/src/upload/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-
-import { ExtractPropTypes } from 'vue'
-
-
-export const uploadType = {
-    multiple: Boolean,
-    accept: String,
-    drag: Boolean
-}
-
-export type UploadType = ExtractPropTypes<typeof uploadType>
-
-
diff --git a/packages/components/src/upload/upload.vue b/packages/components/src/upload/upload.vue
index 58433d7..067dad5 100644
--- a/packages/components/src/upload/upload.vue
+++ b/packages/components/src/upload/upload.vue
@@ -21,7 +21,6 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { type } from 'os'
 export default defineComponent({
     name: 'k-upload'
 });
@@ -30,17 +29,17 @@ export default defineComponent({
 import './style/index.less'
 import { ref } from 'vue'
 import Icon from '../icon/icon.vue'
-import { uploadType } from './types'
+
 import Drager from './dragger.vue'
 export type Emits = {
     (e: 'getFilesList', value: File[]): void
 }
-
-const props = defineProps<{
-    multiple: boolean,
-    accept: string,
-    drag: boolean
-}>()
+type UploadType = {
+    multiple?: boolean,
+    accept?: string,
+    drag?: boolean,
+}
+const props = defineProps<UploadType>()
 const kIpt = ref()
 
 const emits = defineEmits<Emits>()
-- 
Gitee


From 2a97061252ee1676a65ae9ed9774b8d37fd36428 Mon Sep 17 00:00:00 2001
From: qddidi <2046353594@qq.com>
Date: Wed, 19 Oct 2022 00:42:19 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90shake=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/app.vue                              | 25 +++++++++++-------
 package.json                                  |  2 +-
 packages/components/index.ts                  |  1 -
 .../src/shake/__tests__/shake.test.ts         | 26 +++++++++++++++++++
 packages/components/src/shake/shake.vue       | 23 +++++++++++++---
 5 files changed, 62 insertions(+), 15 deletions(-)
 create mode 100644 packages/components/src/shake/__tests__/shake.test.ts

diff --git a/examples/app.vue b/examples/app.vue
index fe874b0..31788f7 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -1,18 +1,25 @@
 <template>
-    <div class="upload-demo">
-        <Upload @getFilesList="getFilesList" accept="" drag=""></Upload>
-        <Shake>123</Shake>
-
+    <div class="Shake-demo">
+        <Shake>
+            用户名：<input type="text" />
+        </Shake>
+        <br>
+        <Shake v-model="trigger">
+            密&nbsp;&nbsp;&nbsp;码：<input type="text" />
+        </Shake>
+        <br>
+        <Button style="width:230px" type="primary" @click="trigger=true" size="small">登录</Button>
     </div>
 </template>
 <script lang="ts" setup>
-import { Shake, Upload } from 'kitty-ui'
-const getFilesList = (files: File[]) => {
-    console.log(files)
-}
+import { Shake, Upload, Button } from 'kitty-ui'
+import { ref } from 'vue';
+const trigger = ref(true)
+
 </script>
 <style lang="less">
-.upload-demo {
+.Shake-demo {
     width: 360px;
+    padding: 350px;
 }
 </style>
diff --git a/package.json b/package.json
index d674388..9124e1c 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "docs:serve": "pnpm run --filter ./site docs:serve",
     "exm:dev": "pnpm run --filter ./examples dev",
     "test": "pnpm run --filter ./packages/components test",
-    "coverage": "pnpm run --filter ./packages/components vitest run --coverage"
+    "coverage": "pnpm run --filter ./packages/components coverage"
   },
   "devDependencies": {
     "@types/gulp": "^4.0.9",
diff --git a/packages/components/index.ts b/packages/components/index.ts
index 36f17d3..65cf05a 100644
--- a/packages/components/index.ts
+++ b/packages/components/index.ts
@@ -3,7 +3,6 @@ export * from './src/index'
 import { App } from 'vue'
 export default {
     install: (app: App) => {
-
         for (const comkey in components) {
             app.use((components as any)[comkey])
             //  app.component((components as any)[comkey].name, (components as any)[comkey])
diff --git a/packages/components/src/shake/__tests__/shake.test.ts b/packages/components/src/shake/__tests__/shake.test.ts
new file mode 100644
index 0000000..d8c68eb
--- /dev/null
+++ b/packages/components/src/shake/__tests__/shake.test.ts
@@ -0,0 +1,26 @@
+import { describe, expect, it } from "vitest";
+import { mount } from '@vue/test-utils'
+import shake from '../shake.vue'
+// The component to test
+
+
+describe('test shake', () => {
+    it("should render slot", () => {
+        const wrapper = mount(shake, {
+            slots: {
+                default: 'Hello world'
+            }
+        })
+
+        // Assert the rendered text of the component
+        expect(wrapper.text()).toContain('Hello world')
+    })
+    it("should have class", () => {
+        const wrapper = mount(shake, {
+            props: {
+                modelValue: true
+            }
+        })
+        expect(wrapper.classes()).toContain('k-shakeactive')
+    })
+})
\ No newline at end of file
diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
index 4e02f51..e233e39 100644
--- a/packages/components/src/shake/shake.vue
+++ b/packages/components/src/shake/shake.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="k-shake" :class="{['k-shakeactive']:props.trigger}">
+    <div class="k-shake" :class="{['k-shakeactive']:props.modelValue}">
         <slot />
     </div>
 </template>
@@ -11,11 +11,26 @@ export default defineComponent({
 });
 </script>
 <script lang='ts' setup>
-
+import { watch } from 'vue'
 type ShakeProps = {
-    trigger: boolean
+    modelValue?: boolean
+}
+type Emits = {
+    (e: 'update:modelValue', value: boolean): void
 }
-const props = defineProps<ShakeProps>()
+const props = withDefaults(defineProps<ShakeProps>(), {
+    modelValue: false
+})
+
+const emits = defineEmits<Emits>()
+watch(() => props.modelValue, (newVal) => {
+    if (newVal) {
+        setTimeout(() => {
+            emits("update:modelValue", false)
+        }, 1000);
+    }
+
+}, { immediate: true })
 
 
 </script>
-- 
Gitee


From cad1c35f8474a30da848c41724c8f0ecd3bfef69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=BF=AA=E7=94=9F?= <2046353594@qq.com>
Date: Wed, 19 Oct 2022 11:34:52 +0800
Subject: [PATCH 4/5] fix

---
 packages/components/src/shake/shake.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
index 4e02f51..88dea2b 100644
--- a/packages/components/src/shake/shake.vue
+++ b/packages/components/src/shake/shake.vue
@@ -13,7 +13,7 @@ export default defineComponent({
 <script lang='ts' setup>
 
 type ShakeProps = {
-    trigger: boolean
+    trigger?: boolean
 }
 const props = defineProps<ShakeProps>()
 
-- 
Gitee


From 821b673e8a53c285f9c3b762368f7685a7af37a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=BF=AA=E7=94=9F?= <2046353594@qq.com>
Date: Wed, 19 Oct 2022 16:27:23 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9EdefineOptions?=
 =?UTF-8?q?=E5=88=B0script-setup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/app.vue                            |   1 +
 examples/main.ts                            |   4 +
 examples/vite.config.ts                     |   4 +-
 package.json                                |   1 +
 packages/components/index.ts                |   7 +-
 packages/components/src/index.ts            |  15 +-
 packages/components/src/shake/shake.vue     |  10 +-
 packages/components/src/upload/upload.vue   |  12 +-
 packages/components/transitpkg/package.json |   2 +-
 packages/components/utils.d.ts              |   1 +
 packages/components/vite.config.ts          |   2 +
 pnpm-lock.yaml                              | 150 ++++++++++++++++++--
 tsconfig.json                               |   1 +
 13 files changed, 175 insertions(+), 35 deletions(-)
 create mode 100644 packages/components/utils.d.ts

diff --git a/examples/app.vue b/examples/app.vue
index 31788f7..961173a 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -9,6 +9,7 @@
         </Shake>
         <br>
         <Button style="width:230px" type="primary" @click="trigger=true" size="small">登录</Button>
+        <k-upload>111</k-upload>
     </div>
 </template>
 <script lang="ts" setup>
diff --git a/examples/main.ts b/examples/main.ts
index 3419fc0..8f5b56f 100644
--- a/examples/main.ts
+++ b/examples/main.ts
@@ -2,5 +2,9 @@ import { createApp } from 'vue'
 import App from './app.vue'
 const app = createApp(App)
 import kittyui from "kitty-ui"
+import { Button } from 'kitty-ui'
 app.use(kittyui)
+app.use(Button)
+console.log(kittyui);
+
 app.mount('#app') 
\ No newline at end of file
diff --git a/examples/vite.config.ts b/examples/vite.config.ts
index 6027983..91437cb 100644
--- a/examples/vite.config.ts
+++ b/examples/vite.config.ts
@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-
+import DefineOptions from 'unplugin-vue-define-options/vite';
 export default defineConfig({
-    plugins:[vue()]
+    plugins: [vue(), DefineOptions()]
 })
\ No newline at end of file
diff --git a/package.json b/package.json
index 9124e1c..9da7562 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "less": "^4.1.3",
     "sucrase": "^3.24.0",
     "typescript": "^4.7.4",
+    "unplugin-vue-define-options": "^0.12.2",
     "vite": "3.0.9",
     "vite-plugin-dts": "^1.4.1",
     "vite-plugin-libcss": "^1.0.5",
diff --git a/packages/components/index.ts b/packages/components/index.ts
index 65cf05a..d20a92b 100644
--- a/packages/components/index.ts
+++ b/packages/components/index.ts
@@ -1,11 +1,8 @@
-import * as components from './src/index'
+import components from './src/index'
 export * from './src/index'
 import { App } from 'vue'
 export default {
     install: (app: App) => {
-        for (const comkey in components) {
-            app.use((components as any)[comkey])
-            //  app.component((components as any)[comkey].name, (components as any)[comkey])
-        }
+        components.forEach(c => app.use(c));
     }
 }
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 955b683..a7d2b2e 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -1,5 +1,10 @@
-export { default as Button } from './button'
-export { default as Icon } from './icon'
-export { default as Link } from './link'
-export { default as Upload } from './upload'
-export { default as Shake } from './shake'
+import { default as Button } from './button'
+import { default as Icon } from './icon'
+import { default as Link } from './link'
+import { default as Upload } from './upload'
+import { default as Shake } from './shake'
+import { Plugin } from 'vue'
+export {
+    Button, Icon, Link, Upload, Shake
+}
+export default [Button, Icon, Link, Upload, Shake] as Plugin[]
diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
index e233e39..1e3e8ae 100644
--- a/packages/components/src/shake/shake.vue
+++ b/packages/components/src/shake/shake.vue
@@ -3,15 +3,11 @@
         <slot />
     </div>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import './style/index.less'
-export default defineComponent({
-    name: 'k-shake'
-});
-</script>
 <script lang='ts' setup>
 import { watch } from 'vue'
+defineOptions({
+    name: 'k-shake'
+})
 type ShakeProps = {
     modelValue?: boolean
 }
diff --git a/packages/components/src/upload/upload.vue b/packages/components/src/upload/upload.vue
index 067dad5..9ae609f 100644
--- a/packages/components/src/upload/upload.vue
+++ b/packages/components/src/upload/upload.vue
@@ -19,21 +19,19 @@
         </div>
     </div>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-export default defineComponent({
-    name: 'k-upload'
-});
-</script>
+
 <script setup lang="ts">
 import './style/index.less'
 import { ref } from 'vue'
 import Icon from '../icon/icon.vue'
-
 import Drager from './dragger.vue'
+
 export type Emits = {
     (e: 'getFilesList', value: File[]): void
 }
+defineOptions({
+    name: 'k-upload',
+});
 type UploadType = {
     multiple?: boolean,
     accept?: string,
diff --git a/packages/components/transitpkg/package.json b/packages/components/transitpkg/package.json
index 09abf7f..ee47812 100644
--- a/packages/components/transitpkg/package.json
+++ b/packages/components/transitpkg/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kitty-ui",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
diff --git a/packages/components/utils.d.ts b/packages/components/utils.d.ts
new file mode 100644
index 0000000..64df3e5
--- /dev/null
+++ b/packages/components/utils.d.ts
@@ -0,0 +1 @@
+declare const defineOptions: (params: any) => {}
\ No newline at end of file
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts
index a6a77da..aad2c74 100644
--- a/packages/components/vite.config.ts
+++ b/packages/components/vite.config.ts
@@ -3,6 +3,7 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue"
 import dts from 'vite-plugin-dts'
 import { resolve } from 'path'
+import DefineOptions from 'unplugin-vue-define-options/vite';
 export default defineConfig(
     {
         build: {
@@ -50,6 +51,7 @@ export default defineConfig(
 
         plugins: [
             vue(),
+            DefineOptions(),
             dts({
                 entryRoot: 'src',
                 outputDir: [resolve(__dirname, './dist/es/src'), resolve(__dirname, './dist/lib/src')],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 97024e6..290c951 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,7 @@ importers:
       less: ^4.1.3
       sucrase: ^3.24.0
       typescript: ^4.7.4
+      unplugin-vue-define-options: ^0.12.2
       vite: 3.0.9
       vite-plugin-dts: ^1.4.1
       vite-plugin-libcss: ^1.0.5
@@ -44,6 +45,7 @@ importers:
       less: 4.1.3
       sucrase: 3.24.0
       typescript: 4.7.4
+      unplugin-vue-define-options: 0.12.2
       vite: 3.0.9_less@4.1.3
       vite-plugin-dts: 1.4.1_vite@3.0.9
       vite-plugin-libcss: 1.0.5_vite@3.0.9
@@ -199,8 +201,13 @@ packages:
       '@algolia/requester-common': 4.14.2
     dev: true
 
-  /@babel/helper-validator-identifier/7.18.6:
-    resolution: {integrity: sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==}
+  /@babel/helper-string-parser/7.19.4:
+    resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-validator-identifier/7.19.1:
+    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
     engines: {node: '>=6.9.0'}
     dev: true
 
@@ -209,14 +216,23 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.18.7
+      '@babel/types': 7.19.4
     dev: true
 
-  /@babel/types/7.18.7:
-    resolution: {integrity: sha512-QG3yxTcTIBoAcQmkCs+wAPYZhu7Dk9rXKacINfNbdJDNERTbLQbHGyVG8q/YGMPeCJRIhSY0+fTc5+xuh6WPSQ==}
+  /@babel/parser/7.19.4:
+    resolution: {integrity: sha512-qpVT7gtuOLjWeDTKLkJ6sryqLliBaFpAtGeqw5cs5giLldvh+Ch0plqnUMKoVAUS6ZEueQQiZV+p5pxtPitEsA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.19.4
+    dev: true
+
+  /@babel/types/7.19.4:
+    resolution: {integrity: sha512-M5LK7nAeS6+9j7hAq+b3fQs+pNfUtTGq+yFFfHnauFA8zQtLRfmuipmsKDKKLuyG+wC8ABW43A153YNawNTEtw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.18.6
+      '@babel/helper-string-parser': 7.19.4
+      '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
     dev: true
 
@@ -343,6 +359,14 @@ packages:
       fastq: 1.13.0
     dev: true
 
+  /@rollup/pluginutils/4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
   /@rushstack/node-core-library/3.49.0:
     resolution: {integrity: sha512-yBJRzGgUNFwulVrwwBARhbGaHsxVMjsZ9JwU1uSBbqPYCdac+t2HYdzi4f4q/Zpgb0eNbwYj2yxgHYpJORNEaw==}
     dependencies:
@@ -527,15 +551,33 @@ packages:
       vue: 3.2.37
     dev: true
 
+  /@vue-macros/common/0.12.2:
+    resolution: {integrity: sha512-IxLvuJ2/ixGxNJJAg3kHi2KOHgEpSvEXSGstimp3tB/3eDGM9nvyAqgdWjFyFxKxg0LgyRmvaS4+iaq+c4FoPw==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/types': 7.19.4
+      '@vue/compiler-sfc': 3.2.41
+      magic-string: 0.26.7
+    dev: true
+
   /@vue/compiler-core/3.2.37:
     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
     dependencies:
-      '@babel/parser': 7.18.6
+      '@babel/parser': 7.19.4
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       source-map: 0.6.1
     dev: true
 
+  /@vue/compiler-core/3.2.41:
+    resolution: {integrity: sha512-oA4mH6SA78DT+96/nsi4p9DX97PHcNROxs51lYk7gb9Z4BPKQ3Mh+BLn6CQZBw857Iuhu28BfMSRHAlPvD4vlw==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      source-map: 0.6.1
+    dev: true
+
   /@vue/compiler-dom/3.2.37:
     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
     dependencies:
@@ -543,6 +585,13 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
+  /@vue/compiler-dom/3.2.41:
+    resolution: {integrity: sha512-xe5TbbIsonjENxJsYRbDJvthzqxLNk+tb3d/c47zgREDa/PCp6/Y4gC/skM4H6PIuX5DAxm7fFJdbjjUH2QTMw==}
+    dependencies:
+      '@vue/compiler-core': 3.2.41
+      '@vue/shared': 3.2.41
+    dev: true
+
   /@vue/compiler-sfc/3.2.37:
     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
     dependencies:
@@ -558,6 +607,21 @@ packages:
       source-map: 0.6.1
     dev: true
 
+  /@vue/compiler-sfc/3.2.41:
+    resolution: {integrity: sha512-+1P2m5kxOeaxVmJNXnBskAn3BenbTmbxBxWOtBq3mQTCokIreuMULFantBUclP0+KnzNCMOvcnKinqQZmiOF8w==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/compiler-core': 3.2.41
+      '@vue/compiler-dom': 3.2.41
+      '@vue/compiler-ssr': 3.2.41
+      '@vue/reactivity-transform': 3.2.41
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+      postcss: 8.4.16
+      source-map: 0.6.1
+    dev: true
+
   /@vue/compiler-ssr/3.2.37:
     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
     dependencies:
@@ -565,6 +629,13 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
+  /@vue/compiler-ssr/3.2.41:
+    resolution: {integrity: sha512-Y5wPiNIiaMz/sps8+DmhaKfDm1xgj6GrH99z4gq2LQenfVQcYXmHIOBcs5qPwl7jaW3SUQWjkAPKMfQemEQZwQ==}
+    dependencies:
+      '@vue/compiler-dom': 3.2.41
+      '@vue/shared': 3.2.41
+    dev: true
+
   /@vue/devtools-api/6.2.1:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: true
@@ -572,13 +643,23 @@ packages:
   /@vue/reactivity-transform/3.2.37:
     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
     dependencies:
-      '@babel/parser': 7.18.6
+      '@babel/parser': 7.19.4
       '@vue/compiler-core': 3.2.37
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       magic-string: 0.25.9
     dev: true
 
+  /@vue/reactivity-transform/3.2.41:
+    resolution: {integrity: sha512-mK5+BNMsL4hHi+IR3Ft/ho6Za+L3FA5j8WvreJ7XzHrqkPq8jtF/SMo7tuc9gHjLDwKZX1nP1JQOKo9IEAn54A==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/compiler-core': 3.2.41
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+    dev: true
+
   /@vue/reactivity/3.2.37:
     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
     dependencies:
@@ -614,6 +695,10 @@ packages:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
     dev: true
 
+  /@vue/shared/3.2.41:
+    resolution: {integrity: sha512-W9mfWLHmJhkfAmV+7gDjcHeAWALQtgGT3JErxULl0oz6R6+3ug91I7IErs93eCFhPCZPHBs4QJS7YWEV7A3sxw==}
+    dev: true
+
   /@vue/test-utils/2.0.2_vue@3.2.37:
     resolution: {integrity: sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==}
     peerDependencies:
@@ -647,6 +732,12 @@ packages:
       - vue
     dev: true
 
+  /acorn/8.8.0:
+    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
   /aggregate-error/4.0.1:
     resolution: {integrity: sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==}
     engines: {node: '>=12'}
@@ -843,6 +934,14 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /ast-walker-scope/0.2.3:
+    resolution: {integrity: sha512-9reB+iYF6jCCDqKDNNQI8iA2MJcy0jCLvEjfya72F7Zai5i2CB8hk9K/kzkZhagja9othQCFPEvQW11LhPKjmg==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@babel/types': 7.19.4
+    dev: true
+
   /async-done/1.3.2:
     resolution: {integrity: sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==}
     engines: {node: '>= 0.10'}
@@ -2823,6 +2922,13 @@ packages:
       sourcemap-codec: 1.4.8
     dev: true
 
+  /magic-string/0.26.7:
+    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   /make-dir/2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -4207,6 +4313,25 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
+  /unplugin-vue-define-options/0.12.2:
+    resolution: {integrity: sha512-RQd+JWKx7Z1kKVq5X+K8yBv5h1Of//R6DHY0kF2cF9NPgTxu5u1pfaL24Dup0mQ+5ulrPaiEXti5G/bWMMg+Ig==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@vue-macros/common': 0.12.2
+      ast-walker-scope: 0.2.3
+      unplugin: 0.9.6
+    dev: true
+
+  /unplugin/0.9.6:
+    resolution: {integrity: sha512-YYLtfoNiie/lxswy1GOsKXgnLJTE27la/PeCGznSItk+8METYZErO+zzV9KQ/hXhPwzIJsfJ4s0m1Rl7ZCWZ4Q==}
+    dependencies:
+      acorn: 8.8.0
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.4.5
+    dev: true
+
   /unset-value/1.0.0:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
@@ -4530,6 +4655,15 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /webpack-sources/3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules/0.4.5:
+    resolution: {integrity: sha512-8bWq0Iluiv9lVf9YaqWQ9+liNgXSHICm+rg544yRgGYaR8yXZTVBaHZkINZSB2yZSWo4b0F6MIxqJezVfOEAlg==}
+    dev: true
+
   /whatwg-encoding/2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
     engines: {node: '>=12'}
diff --git a/tsconfig.json b/tsconfig.json
index cd9a6b0..cbd9bb3 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "moduleResolution": "Node",
+    "types": ["unplugin-vue-define-options"],
     "lib": ["esnext", "dom"],
     "rootDirs": ["./", "./packages/components"],
     "paths": {
-- 
Gitee