canrd-outside / order-erp-front · Commits

Commit f62f378f42644f87b9ef2fe151db937d3aa93175

Authored by Leo Caan (้™ˆๆ ‹)
Committed by GitHub
1 parent 6d5f9aa6

chore: add util for install component (#707)

Inline Side-by-side
Showing 3 changed files with 17 additions and 18 deletions
src/components/CodeEditor/index.ts
  View file @f62f378
1   -import type { App } from 'vue';
  1 +import { install } from '/@/utils/install';
2 2 import codeEditor from './src/CodeEditor.vue';
3 3 import jsonPreview from './src/json-preview/JsonPreview.vue';
4 4  
5   -export const CodeEditor = Object.assign(codeEditor, {
6   - install(app: App) {
7   - app.component(codeEditor.name, codeEditor);
8   - },
9   -});
10   -
11   -export const JsonPreview = Object.assign(jsonPreview, {
12   - install(app: App) {
13   - app.component(jsonPreview.name, jsonPreview);
14   - },
15   -});
  5 +export const CodeEditor = install(codeEditor);
  6 +export const JsonPreview = install(jsonPreview);
... ...
src/components/FlowChart/index.ts
  View file @f62f378
1   -import type { App } from 'vue';
  1 +import { install } from '/@/utils/install';
2 2 import flowChart from './src/FlowChart.vue';
3 3  
4   -export const FlowChart = Object.assign(flowChart, {
5   - install(app: App) {
6   - app.component(flowChart.name, flowChart);
7   - },
8   -});
  4 +export const FlowChart = install(flowChart);
... ...
src/utils/install.ts 0 โ†’ 100644
  View file @f62f378
  1 +import { App, Plugin } from 'vue';
  2 +
  3 +export const install = <T>(component: T, alias?: string) => {
  4 + const C = component as any;
  5 + C.install = (app: App) => {
  6 + app.component(C.name, component);
  7 + if (alias) {
  8 + app.config.globalProperties[alias] = component;
  9 + }
  10 + };
  11 + return component as T & Plugin;
  12 +};
... ...