github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 11:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update layout

Browse Source
This commit is contained in:
Qiuxia Fan
2021-12-22 19:21:10 +08:00
parent d98280c427
commit aa196251f6
9 changed files with 390 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/index.ts
View File

@@ -16,13 +16,28 @@
*/
import Icon from "./Icon.vue";
import TimePicker from "./TimePicker.vue";
import type { App } from "vue";
import type { App, Plugin } from "vue";
import VueGridLayout from "vue-grid-layout";
const components: { [key: string]: any } = { Icon, TimePicker };
const components: { [key: string]: any } = {
Icon,
TimePicker,
VueGridLayout,
};
const componentsName: string[] = Object.keys(components);
const withInstall = <T>(component: T, alias?: string) => {
const comp = component as any;
comp.install = (app: App) => {
app.component(comp.name || comp.displayName, component);
if (alias) {
app.config.globalProperties[alias] = component;
}
};
return component as T & Plugin;
};
export default {
install: (vue: App): void => {
vue.use(components["VueGridLayout"]);
componentsName.forEach((i) => {
vue.component(i, components[i]);
});