✨: 添加 withInstall 函数

package/component/src/component/avatar/index.ts

@@ -1,8 +1,5 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/component/avatarList/index.ts

@@ -1,8 +1,5 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/component/backTop/index.ts

@@ -1,8 +1,5 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/component/badge/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/body/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/breadcrumb/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/breadcrumbItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/button/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/buttonContainer/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/buttonGroup/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/card/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/carousel/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/carouselItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/checkbox/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/checkboxGroup/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/col/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/collapse/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/collapseItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/colorPicker/index.ts

@@ -1,8 +1,5 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component("LayColorPicker", Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/component/container/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/countUp/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/datePicker/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/dropdown/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/dropdownMenu/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/dropdownMenuItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/empty/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/exception/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/field/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/footer/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/form/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/formItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/fullscreen/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/header/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/icon/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+
 import { LayIcon as Component } from "@layui/icons-vue";
+import { withInstall } from "../../utils"
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/component/iconPicker/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/input/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/inputNumber/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/layout/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/line/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/logo/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/menu/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/menuItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/noticeBar/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/page/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/panel/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/progress/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/quote/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/radio/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/rate/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/result/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/ripple/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/row/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/scroll/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/select/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/selectOption/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/side/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/skeleton/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/skeletonItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/slider/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/splitPanel/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/splitPanelItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/step/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/stepItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/subMenu/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/switch/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/tab/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/tabItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/table/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/textarea/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/timeline/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/timelineItem/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/tooltip/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/transfer/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/transition/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/tree/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/component/upload/index.ts

@@ -1,8 +1,6 @@
-import type { App } from "vue";
+import { withInstall } from "../../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
+export const component = withInstall(Component);
+export default component;
 
-export default Component;

package/component/src/provider/index.ts

@@ -1,8 +1,5 @@
-import type { App } from "vue";
+import { withInstall } from "../utils"
 import Component from "./index.vue";
 
-Component.install = (app: App) => {
-  app.component(Component.name, Component);
-};
-
-export default Component;
+export const component = withInstall(Component);
+export default component;

package/component/src/utils/index.ts

@@ -0,0 +1,3 @@
+export * from "./domUtil"
+export * from "./guidUtil"
+export * from "./install"