refactor: add mount component method

packages/varlet-vue2-ui/src/utils/components.ts

@@ -1,3 +1,6 @@
+import Vue, { ComponentOptions } from 'vue'
+import { CombinedVueInstance } from 'vue/types/vue'
+
 export function pickProps<T, U extends keyof T>(props: T, propsKey: U): T[U]
 export function pickProps<T, U extends keyof T>(props: T, propsKey: U[]): Pick<T, U>
 export function pickProps(props: any, propsKey: any): any {
@@ -8,3 +11,23 @@ export function pickProps(props: any, propsKey: any): any {
       }, {})
     : props[propsKey]
 }
+
+export interface MountComponentApi {
+  instance: CombinedVueInstance<any, any, any, any, any>;
+  unmount(): void;
+}
+
+export function mountComponent(component: ComponentOptions<Vue>, container: string, options = {}): MountComponentApi {
+  const instance = new (Vue.extend(component))(options)
+  const el = instance.$mount().$el
+  const wrapper = document.querySelector(container)!
+  wrapper.appendChild(el)
+
+  return {
+    instance,
+    unmount() {
+      instance.$destroy()
+      wrapper.removeChild(el)
+    },
+  }
+}