feat: withInstall (#275)

src/components/ReBarcode/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
+import { withInstall } from "/@/utils";
 import reBarcode from "./src/index.vue";
 
 /** 条形码组件 */
-export const ReBarcode = Object.assign(reBarcode, {
+export const ReBarcode = withInstall(reBarcode);
-  install(app: App) {
-    app.component(reBarcode.name, reBarcode);
-  }
-});
 
 export default ReBarcode;

src/components/ReCountTo/index.ts

@@ -1,19 +1,11 @@
-import { App } from "vue";
+import { withInstall } from "/@/utils";
 import reNormalCountTo from "./src/normal";
 import reboundCountTo from "./src/rebound";
 
 /** 普通数字动画组件 */
-const ReNormalCountTo = Object.assign(reNormalCountTo, {
+const ReNormalCountTo = withInstall(reNormalCountTo);
-  install(app: App) {
-    app.component(reNormalCountTo.name, reNormalCountTo);
-  }
-});
 
 /** 回弹式数字动画组件 */
-const ReboundCountTo = Object.assign(reboundCountTo, {
+const ReboundCountTo = withInstall(reboundCountTo);
-  install(app: App) {
-    app.component(reboundCountTo.name, reboundCountTo);
-  }
-});
 
 export { ReNormalCountTo, ReboundCountTo };

src/components/ReCropper/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
 import reCropper from "./src";
+import { withInstall } from "/@/utils";
 
 /** 图片裁剪组件 */
-export const ReCropper = Object.assign(reCropper, {
+export const ReCropper = withInstall(reCropper);
-  install(app: App) {
-    app.component(reCropper.name, reCropper);
-  }
-});
 
 export default ReCropper;

src/components/ReFlop/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
 import reFlop from "./src/index.vue";
+import { withInstall } from "/@/utils";
 
 /** 时间翻牌组件 */
-export const ReFlop = Object.assign(reFlop, {
+export const ReFlop = withInstall(reFlop);
-  install(app: App) {
-    app.component(reFlop.name, reFlop);
-  }
-});
 
 export default ReFlop;

src/components/ReFlowChart/index.ts

@@ -1,28 +1,16 @@
-import { App } from "vue";
+import { withInstall } from "/@/utils";
 import control from "./src/Control.vue";
 import nodePanel from "./src/NodePanel.vue";
 import dataDialog from "./src/DataDialog.vue";
 
 /** LogicFlow流程图-控制面板 */
-const Control = Object.assign(control, {
+const Control = withInstall(control);
-  install(app: App) {
-    app.component(control.name, control);
-  }
-});
 
 /** LogicFlow流程图-拖拽面板 */
-const NodePanel = Object.assign(nodePanel, {
+const NodePanel = withInstall(nodePanel);
-  install(app: App) {
-    app.component(nodePanel.name, nodePanel);
-  }
-});
 
 /** LogicFlow流程图-查看数据 */
-const DataDialog = Object.assign(dataDialog, {
+const DataDialog = withInstall(dataDialog);
-  install(app: App) {
-    app.component(dataDialog.name, dataDialog);
-  }
-});
 
 export { Control, NodePanel, DataDialog };
 

src/components/ReImageVerify/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
+import { withInstall } from "/@/utils";
 import reImageVerify from "./src/index.vue";
 
 /** 图形验证码组件 */
-export const ReImageVerify = Object.assign(reImageVerify, {
+export const ReImageVerify = withInstall(reImageVerify);
-  install(app: App) {
-    app.component(reImageVerify.name, reImageVerify);
-  }
-});
 
 export default ReImageVerify;

src/components/ReMap/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
 import amap from "./src/Amap.vue";
+import { withInstall } from "/@/utils";
 
 /** 高德地图组件 */
-export const Amap = Object.assign(amap, {
+export const Amap = withInstall(amap);
-  install(app: App) {
-    app.component(amap.name, amap);
-  }
-});
 
 export default Amap;

src/components/ReQrcode/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
 import reQrcode from "./src/index";
+import { withInstall } from "/@/utils";
 
 /** 二维码组件 */
-export const ReQrcode = Object.assign(reQrcode, {
+export const ReQrcode = withInstall(reQrcode);
-  install(app: App) {
-    app.component(reQrcode.name, reQrcode);
-  }
-});
 
 export default ReQrcode;

src/components/ReSeamlessScroll/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
+import { withInstall } from "/@/utils";
 import reSeamlessScroll from "./src/index.vue";
 
 /** 无缝滚动组件 */
-export const ReSeamlessScroll = Object.assign(reSeamlessScroll, {
+export const ReSeamlessScroll = withInstall(reSeamlessScroll);
-  install(app: App) {
-    app.component(reSeamlessScroll.name, reSeamlessScroll);
-  }
-});
 
 export default ReSeamlessScroll;

src/components/ReSelector/index.ts

@@ -1,11 +1,7 @@
-import { App } from "vue";
 import reSelector from "./src";
+import { withInstall } from "/@/utils";
 
 /** 选择器组件 */
-export const ReSelector = Object.assign(reSelector, {
+export const ReSelector = withInstall(reSelector);
-  install(app: App) {
-    app.component(reSelector.name, reSelector);
-  }
-});
 
 export default ReSelector;

src/components/ReTable/index.ts

@@ -1,9 +1,5 @@
-import { App } from "vue";
 import epTableProBar from "./src/bar";
+import { withInstall } from "/@/utils";
 
 /** table-crud组件 */
-export const EpTableProBar = Object.assign(epTableProBar, {
+export const EpTableProBar = withInstall(epTableProBar);
-  install(app: App) {
-    app.component(epTableProBar.name, epTableProBar);
-  }
-});

src/utils/index.ts

@@ -0,0 +1,9 @@
+import type { App, Plugin } from "vue";
+
+export const withInstall = <T>(component: T) => {
+  const comp = component as any;
+  comp.install = (app: App) => {
+    app.component(comp.name, component);
+  };
+  return component as T & Plugin;
+};