@handaotech-design/bom 0.0.47 → 0.0.49

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

@@ -116,9 +116,13 @@ async function locateNodeByKey(targetKey: string) {
     key: targetKey,
     align: 'top',
   })
-  focusNode(targetKey)
+  setTimeout(() => {
+    focusNode(targetKey)
+  }, 0) // 延时足够滚动完成
   requestAnimationFrame(() => {
-    isProgrammaticScroll = false
+    setTimeout(() => {
+      isProgrammaticScroll = false
+    }, 500) // 延时足够滚动完成
   })
 }
 
@@ -363,7 +367,7 @@ async function _loadData(node: EventDataNode) {
 
 function focusNode(key: string) {
   // 先清理页面上已有的焦点动画
-  document.querySelectorAll<HTMLElement>('.tree-node-tittle.focus-flash').forEach(el => {
+  document.querySelectorAll<HTMLElement>('.tree-node-tittle.focus-flash').forEach((el) => {
     el.classList.remove('focus-flash')
   })
   // 1. 用 antd Tree 自带滚动

package/dist/es/index.d.ts

@@ -3,5 +3,6 @@ export * from './components';
 export * from './hooks';
 export * from './models';
 export * from './utils';
+export * from './sdk';
 export declare const install: (app: import("vue").App) => void;
 export default installer;

package/dist/es/index.js

@@ -3,5 +3,6 @@ export * from "./components/index.js";
 export * from "./hooks/index.js";
 export * from "./models/index.js";
 export * from "./utils/index.js";
+export * from "./sdk/index.js";
 export const install = installer.install;
 export default installer;

package/dist/es/models/bom.d.ts

@@ -7,10 +7,26 @@ export interface BomNodeTitleConfig {
 export interface WorkBenchLayoutConfig {
     maxLeftWidth: number;
 }
+export type NodeActionTitle = string | {
+    template: string;
+};
+export interface NodeActionDo {
+    type: string;
+    params?: Record<string, any>;
+}
+export interface NodeActionConfig {
+    title: NodeActionTitle;
+    children?: NodeActionConfig;
+    do?: NodeActionDo;
+}
 export interface BomTreeNodeConfig {
     title?: BomNodeTitleConfig;
     selectable?: YesNo;
     icon?: string;
+    actions?: NodeActionConfig;
+    childrenLoader?: {
+        type: string;
+    };
 }
 export interface BomLocalFilter {
     placeholder?: string;

package/dist/es/models/http-client.d.ts

@@ -0,0 +1,4 @@
+export interface HttpClient {
+    get<T>(url: string, config?: any): Promise<T>;
+    post<T>(url: string, data?: any, config?: any): Promise<T>;
+}

package/dist/es/sdk/index.d.ts

@@ -0,0 +1,11 @@
+import type { HttpClient } from '../models/http-client';
+import type { BomNode, BomTreeConfig } from '../models';
+export declare class BomSDK {
+    httpClient: HttpClient;
+    constructor(client: HttpClient);
+    lazyLoadAll(): Promise<unknown>;
+    getBusinessConfig(configCode: string): Promise<unknown>;
+    getBusinessId(bomNodeId: string): Promise<unknown>;
+    loadChildren(bomNode: BomNode, treeConfig: BomTreeConfig): Promise<BomNode[]>;
+    getOperations(processPlanId: string): Promise<unknown>;
+}

package/dist/es/sdk/index.js

@@ -0,0 +1,34 @@
+import { RuleEngine } from "../utils/index.js";
+import { ChildLoadersManager } from "../utils/child-loader.js";
+export class BomSDK {
+  httpClient;
+  constructor(client) {
+    this.httpClient = client;
+  }
+  async lazyLoadAll() {
+    return this.httpClient.post("/ppboms/query/lazy-all", {
+      page: 1,
+      pageSize: Number.MAX_SAFE_INTEGER
+    });
+  }
+  async getBusinessConfig(configCode) {
+    return this.httpClient.get(`/business-configs/${configCode}`);
+  }
+  async getBusinessId(bomNodeId) {
+    return this.httpClient.get(`/bom-nodes/${bomNodeId}/business`);
+  }
+  async loadChildren(bomNode, treeConfig) {
+    const ruleEngine = new RuleEngine(treeConfig.nodeConfig.rule);
+    const matched = ruleEngine.matchOne({ bomNode });
+    if (matched?.childrenLoader) {
+      const loader = ChildLoadersManager.getChildLoader(matched?.childrenLoader.type);
+      if (loader) {
+        return await loader(bomNode, this);
+      }
+    }
+    return [];
+  }
+  async getOperations(processPlanId) {
+    return this.httpClient.get(`/process-plans/${processPlanId}/operations`);
+  }
+}

package/dist/es/utils/child-loader.d.ts

@@ -0,0 +1,15 @@
+import type { BomNode } from '../models';
+export interface IPartialBomSDK {
+    httpClient: any;
+    getBusinessId(bomNodeId: string): Promise<any>;
+    getBusinessConfig(configCode: string): Promise<any>;
+    getOperations(processPlanId: string): Promise<any>;
+}
+export type ChildLoaderFn = (bomNode: BomNode, sdk: IPartialBomSDK) => Promise<BomNode[]>;
+export declare function getOperationNodes(bomNode: BomNode, sdk: IPartialBomSDK): Promise<BomNode[]>;
+export declare namespace getOperationNodes {
+    var type: string;
+}
+export declare class ChildLoadersManager {
+    static getChildLoader(type: string): typeof getOperationNodes | undefined;
+}

package/dist/es/utils/child-loader.js

@@ -0,0 +1,25 @@
+export async function getOperationNodes(bomNode, sdk) {
+  const { data: processPlanId } = await sdk.getBusinessId(bomNode.id);
+  const response = await sdk.getOperations(processPlanId);
+  return (response.data || []).map((op) => {
+    return {
+      id: op.id,
+      name: op.name,
+      code: op.operationNumber,
+      version: "V0",
+      qty: 1,
+      raw: {
+        id: op.id
+      },
+      businessType: "OPERATION",
+      key: op.id
+    };
+  });
+}
+getOperationNodes.type = "getOperationNodes";
+const LOADERS = [getOperationNodes];
+export class ChildLoadersManager {
+  static getChildLoader(type) {
+    return LOADERS.find((item) => item.type === type);
+  }
+}

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

@@ -116,9 +116,13 @@ async function locateNodeByKey(targetKey: string) {
     key: targetKey,
     align: 'top',
   })
-  focusNode(targetKey)
+  setTimeout(() => {
+    focusNode(targetKey)
+  }, 0) // 延时足够滚动完成
   requestAnimationFrame(() => {
-    isProgrammaticScroll = false
+    setTimeout(() => {
+      isProgrammaticScroll = false
+    }, 500) // 延时足够滚动完成
   })
 }
 
@@ -363,7 +367,7 @@ async function _loadData(node: EventDataNode) {
 
 function focusNode(key: string) {
   // 先清理页面上已有的焦点动画
-  document.querySelectorAll<HTMLElement>('.tree-node-tittle.focus-flash').forEach(el => {
+  document.querySelectorAll<HTMLElement>('.tree-node-tittle.focus-flash').forEach((el) => {
     el.classList.remove('focus-flash')
   })
   // 1. 用 antd Tree 自带滚动

package/dist/lib/index.d.ts

@@ -3,5 +3,6 @@ export * from './components';
 export * from './hooks';
 export * from './models';
 export * from './utils';
+export * from './sdk';
 export declare const install: (app: import("vue").App) => void;
 export default installer;

package/dist/lib/index.js

@@ -56,6 +56,18 @@ Object.keys(_utils).forEach(function (key) {
     }
   });
 });
+var _sdk = require("./sdk");
+Object.keys(_sdk).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sdk[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sdk[key];
+    }
+  });
+});
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const install = exports.install = _defaults.default.install;
 module.exports = _defaults.default;

package/dist/lib/models/bom.d.ts

@@ -7,10 +7,26 @@ export interface BomNodeTitleConfig {
 export interface WorkBenchLayoutConfig {
     maxLeftWidth: number;
 }
+export type NodeActionTitle = string | {
+    template: string;
+};
+export interface NodeActionDo {
+    type: string;
+    params?: Record<string, any>;
+}
+export interface NodeActionConfig {
+    title: NodeActionTitle;
+    children?: NodeActionConfig;
+    do?: NodeActionDo;
+}
 export interface BomTreeNodeConfig {
     title?: BomNodeTitleConfig;
     selectable?: YesNo;
     icon?: string;
+    actions?: NodeActionConfig;
+    childrenLoader?: {
+        type: string;
+    };
 }
 export interface BomLocalFilter {
     placeholder?: string;

package/dist/lib/models/http-client.d.ts

@@ -0,0 +1,4 @@
+export interface HttpClient {
+    get<T>(url: string, config?: any): Promise<T>;
+    post<T>(url: string, data?: any, config?: any): Promise<T>;
+}

package/dist/lib/models/http-client.js

@@ -0,0 +1 @@
+"use strict";

package/dist/lib/sdk/index.d.ts

@@ -0,0 +1,11 @@
+import type { HttpClient } from '../models/http-client';
+import type { BomNode, BomTreeConfig } from '../models';
+export declare class BomSDK {
+    httpClient: HttpClient;
+    constructor(client: HttpClient);
+    lazyLoadAll(): Promise<unknown>;
+    getBusinessConfig(configCode: string): Promise<unknown>;
+    getBusinessId(bomNodeId: string): Promise<unknown>;
+    loadChildren(bomNode: BomNode, treeConfig: BomTreeConfig): Promise<BomNode[]>;
+    getOperations(processPlanId: string): Promise<unknown>;
+}

package/dist/lib/sdk/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BomSDK = void 0;
+var _utils = require("../utils");
+var _childLoader = require("../utils/child-loader");
+class BomSDK {
+  httpClient;
+  constructor(client) {
+    this.httpClient = client;
+  }
+  async lazyLoadAll() {
+    return this.httpClient.post("/ppboms/query/lazy-all", {
+      page: 1,
+      pageSize: Number.MAX_SAFE_INTEGER
+    });
+  }
+  async getBusinessConfig(configCode) {
+    return this.httpClient.get(`/business-configs/${configCode}`);
+  }
+  async getBusinessId(bomNodeId) {
+    return this.httpClient.get(`/bom-nodes/${bomNodeId}/business`);
+  }
+  async loadChildren(bomNode, treeConfig) {
+    const ruleEngine = new _utils.RuleEngine(treeConfig.nodeConfig.rule);
+    const matched = ruleEngine.matchOne({
+      bomNode
+    });
+    if (matched?.childrenLoader) {
+      const loader = _childLoader.ChildLoadersManager.getChildLoader(matched?.childrenLoader.type);
+      if (loader) {
+        return await loader(bomNode, this);
+      }
+    }
+    return [];
+  }
+  async getOperations(processPlanId) {
+    return this.httpClient.get(`/process-plans/${processPlanId}/operations`);
+  }
+}
+exports.BomSDK = BomSDK;

package/dist/lib/utils/child-loader.d.ts

@@ -0,0 +1,15 @@
+import type { BomNode } from '../models';
+export interface IPartialBomSDK {
+    httpClient: any;
+    getBusinessId(bomNodeId: string): Promise<any>;
+    getBusinessConfig(configCode: string): Promise<any>;
+    getOperations(processPlanId: string): Promise<any>;
+}
+export type ChildLoaderFn = (bomNode: BomNode, sdk: IPartialBomSDK) => Promise<BomNode[]>;
+export declare function getOperationNodes(bomNode: BomNode, sdk: IPartialBomSDK): Promise<BomNode[]>;
+export declare namespace getOperationNodes {
+    var type: string;
+}
+export declare class ChildLoadersManager {
+    static getChildLoader(type: string): typeof getOperationNodes | undefined;
+}

package/dist/lib/utils/child-loader.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChildLoadersManager = void 0;
+exports.getOperationNodes = getOperationNodes;
+async function getOperationNodes(bomNode, sdk) {
+  const {
+    data: processPlanId
+  } = await sdk.getBusinessId(bomNode.id);
+  const response = await sdk.getOperations(processPlanId);
+  return (response.data || []).map(op => {
+    return {
+      id: op.id,
+      name: op.name,
+      code: op.operationNumber,
+      version: "V0",
+      qty: 1,
+      raw: {
+        id: op.id
+      },
+      businessType: "OPERATION",
+      key: op.id
+    };
+  });
+}
+getOperationNodes.type = "getOperationNodes";
+const LOADERS = [getOperationNodes];
+class ChildLoadersManager {
+  static getChildLoader(type) {
+    return LOADERS.find(item => item.type === type);
+  }
+}
+exports.ChildLoadersManager = ChildLoadersManager;

package/package.json

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