feat(ui/picker): add component picker

Author: ayangweb

packages/varlet-vue2-ui/json/area.json

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
+import type { VueConstructor } from 'vue'
 import Col from './Col.vue'
 
-Col.install = function (app: App) {
+Col.install = function (app: VueConstructor) {
   app.component(Col.name, Col)
 }
 

packages/varlet-vue2-ui/src/col/index.ts

@@ -58,10 +58,6 @@ function Dialog(options: DialogOptions | string | number): Promise<DialogActions
 
     singletonInstance = instance
 
-    instance.$on('update:show', (value: boolean) => {
-      instance.show = value
-    })
-
     instance.$on('open', () => dialogOptions.onOpen?.())
 
     instance.$on('opened', () => dialogOptions.onOpened?.())
@@ -93,6 +89,10 @@ function Dialog(options: DialogOptions | string | number): Promise<DialogActions
       unmount()
       singletonInstance === instance && (singletonInstance = null)
     })
+
+    instance.$on('update:show', (value: boolean) => {
+      instance.show = value
+    })
   })
 }
 

packages/varlet-vue2-ui/src/dialog/index.ts

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
+import type { VueConstructor } from 'vue'
 import Divider from './Divider.vue'
 
-Divider.install = function (app: App) {
+Divider.install = function (app: VueConstructor) {
   app.component(Divider.name, Divider)
 }
 

packages/varlet-vue2-ui/src/divider/index.ts

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
+import type { VueConstructor } from 'vue'
 import Menu from './Menu'
 
-Menu.install = function (app: App) {
+Menu.install = function (app: VueConstructor) {
   app.component(Menu.name, Menu)
 }
 

packages/varlet-vue2-ui/src/menu/index.ts

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
+import type { VueConstructor } from 'vue'
 import Option from './Option.vue'
 
-Option.install = function (app: App) {
+Option.install = function (app: VueConstructor) {
   app.component(Option.name, Option)
 }