@handaotech-design/bom 0.0.31 → 0.0.33

package/README.md

@@ -11,16 +11,17 @@ import '@handaotech-design/bom/dist/style.css';
 ```
 
 ### 3. 组件注册
+#### 插件批量注册
 ```javascript
 // HdBom 组件库统一注册（也可按需注册）
 import HdBom from '@handaotech-design/bom';
 app.use(HdBom)
-
+```
+#### 单个组件注册
+```javascript
 // 相关 antd 组件注册
-import { Input, Tree, Dropdown } from 'ant-design-vue';
-app.use(Input)
-app.use(Tree)
-app.use(Dropdown)
+import { HdBomWorkbench } from '@handaotech-design/bom';
+app.use(HdBomWorkbench)
 ```
 
 ## 组件列表

package/dist/es/components/bom-tree/index.js

@@ -1,5 +1,10 @@
-import { withInstall } from "@handaotech-design/vue";
+import { Dropdown, Input, Tree } from "ant-design-vue";
+import { MoreOutlined } from "@ant-design/icons-vue";
+import { withInstall } from "../../utils/install.js";
 import BomTree from "./index.vue";
 export * from "./index.vue";
-export const HdBomTree = withInstall(BomTree);
+const antdComponents = Object.fromEntries(
+  [Input, Tree, Dropdown, MoreOutlined].map((comp) => [comp.name, comp])
+);
+export const HdBomTree = withInstall(BomTree, antdComponents);
 export default HdBomTree;

package/dist/es/components/bom-tree/index.vue

@@ -6,6 +6,7 @@ import { watchDebounced } from '@vueuse/shared'
 import * as _ from 'lodash-es'
 import type { DataNode } from 'ant-design-vue/es/vc-tree-select/interface'
 import type { EventDataNode } from 'ant-design-vue/es/tree'
+import { MoreOutlined } from '@ant-design/icons-vue'
 import HdGrayInput from '../gray-input'
 import type { BomTreeConfig } from '../../models'
 import { TreeMenuTriggerMode } from '../../models'

package/dist/es/utils/install.d.ts

@@ -0,0 +1,2 @@
+import type { SFCWithInstall } from '@handaotech-design/vue/es';
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;

package/dist/es/utils/install.js

@@ -0,0 +1,15 @@
+export const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
+      if (!app.component(comp.name)) {
+        app.component(comp.name, comp);
+      }
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};

package/dist/lib/components/bom-tree/index.js

@@ -7,7 +7,9 @@ var _exportNames = {
   HdBomTree: true
 };
 module.exports = exports.HdBomTree = void 0;
-var _vue = require("@handaotech-design/vue");
+var _antDesignVue = require("ant-design-vue");
+var _iconsVue = require("@ant-design/icons-vue");
+var _install = require("../../utils/install");
 var _index = _interopRequireWildcard(require("./index.vue"));
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -22,5 +24,6 @@ Object.keys(_index).forEach(function (key) {
 });
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const HdBomTree = exports.HdBomTree = (0, _vue.withInstall)(_index.default);
+const antdComponents = Object.fromEntries([_antDesignVue.Input, _antDesignVue.Tree, _antDesignVue.Dropdown, _iconsVue.MoreOutlined].map(comp => [comp.name, comp]));
+const HdBomTree = exports.HdBomTree = (0, _install.withInstall)(_index.default, antdComponents);
 module.exports = HdBomTree;

package/dist/lib/components/bom-tree/index.vue

@@ -6,6 +6,7 @@ import { watchDebounced } from '@vueuse/shared'
 import * as _ from 'lodash-es'
 import type { DataNode } from 'ant-design-vue/es/vc-tree-select/interface'
 import type { EventDataNode } from 'ant-design-vue/es/tree'
+import { MoreOutlined } from '@ant-design/icons-vue'
 import HdGrayInput from '../gray-input'
 import type { BomTreeConfig } from '../../models'
 import { TreeMenuTriggerMode } from '../../models'

package/dist/lib/utils/install.d.ts

@@ -0,0 +1,2 @@
+import type { SFCWithInstall } from '@handaotech-design/vue/es';
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;

package/dist/lib/utils/install.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withInstall = void 0;
+const withInstall = (main, extra) => {
+  main.install = app => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
+      if (!app.component(comp.name)) {
+        app.component(comp.name, comp);
+      }
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+exports.withInstall = withInstall;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handaotech-design/bom",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "license": "MIT",
   "sideEffects": false,
   "exports": {