@handaotech-design/bom 0.0.49 → 0.0.51

package/dist/lib/hooks/use-ppboms.js

@@ -3,92 +3,99 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePpboms = exports.QueryType = void 0;
+exports.usePpboms = void 0;
 var _vue = require("vue");
-var _utils = require("../utils");
+var _httpClient = require("../utils/http-client");
 var _models = require("../models");
-const ppbomPageConfigCode = "PPBOM_PAGE";
-var QueryType = exports.QueryType = /* @__PURE__ */(QueryType2 => {
-  QueryType2["ALL"] = "ALL";
-  QueryType2["MODEL_ESN"] = "MODEL_ESN";
-  return QueryType2;
-})(QueryType || {});
+var _utils = require("../utils");
+var _childLoader = require("../utils/child-loader");
+const DEFAULT_PPBOM_PAGE_CONFIG_CODE = "PPBOM_PAGE";
 const usePpboms = params => {
   const {
     host,
     appId,
     appSecret,
-    queryType,
+    configCode,
     options
   } = params;
   const loading = (0, _vue.ref)(false);
   const treeData = (0, _vue.ref)();
   const treeConfig = (0, _vue.ref)();
   const layoutConfig = (0, _vue.ref)();
+  const pageConfigCode = configCode ?? DEFAULT_PPBOM_PAGE_CONFIG_CODE;
+  const httpClient = new _httpClient.HttpClient({
+    baseURL: host,
+    defaultHeaders: {
+      "Content-Type": "application/json",
+      "X-CONSUMER-ID": appId,
+      "Authorization": `Bearer ${appSecret}`
+    }
+  });
   const queryBoms = async () => {
     const body = {
       page: 1,
       pageSize: Number.MAX_SAFE_INTEGER,
       ...(options ?? {})
     };
-    const response = await fetch(`http://${host}/api/public/v2/ppboms/query/all`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-CONSUMER-ID": appId,
-        "Authorization": `Bearer ${appSecret}`
-      },
-      body: JSON.stringify(body)
-    });
-    return response.json();
+    const response = await httpClient.post("/api/public/v2/ppboms/query/all", body);
+    return response.data;
   };
-  const queryBomsByModelEsn = async () => {
+  const queryBomsLazy = async () => {
     const body = {
       page: 1,
       pageSize: Number.MAX_SAFE_INTEGER,
-      forceSettle: _models.YesNo.YES,
-      lookupOnly: _models.YesNo.YES,
       ...(options ?? {})
     };
-    const response = await fetch(`http://${host}/api/public/v2/ppboms/query/by-model-esn`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-CONSUMER-ID": appId,
-        "Authorization": `Bearer ${appSecret}`
-      },
-      body: JSON.stringify(body)
-    });
-    return response.json();
+    const response = await httpClient.post("/api/public/v2/ppboms/query/lazy-all", body);
+    return response.data;
   };
-  const getData = async () => {
+  const getData = async queryType => {
     switch (queryType) {
-      case "MODEL_ESN" /* MODEL_ESN */:
-        return await queryBomsByModelEsn();
-      default:
+      case _models.BomFetcherType.PPBOM_ALL:
         return await queryBoms();
+      case _models.BomFetcherType.PPBOM_LAZY_ALL:
+        return await queryBomsLazy();
+      default:
+        return {
+          items: [],
+          total: 0
+        };
     }
   };
   const getDataAndConfig = async () => {
     try {
       loading.value = true;
-      const dataResp = await getData();
-      const configResp = await (0, _utils.getConfig)(host, ppbomPageConfigCode, appId, appSecret);
-      loading.value = false;
+      const configResp = await _utils.api.getConfig(pageConfigCode, httpClient);
       const props = configResp.config.props;
-      treeData.value = (0, _utils.convertBomDataToTree)(dataResp.data.items, props.content.tree.nodeConfig.rule);
       treeConfig.value = props.content.tree;
-      layoutConfig.value = props.content.tree.layout;
+      layoutConfig.value = props.content.layout;
+      const dataResp = await getData(props.bomFetcher.type);
+      treeData.value = dataResp.items;
+      loading.value = false;
     } finally {
       loading.value = false;
     }
   };
+  const loadChildren = async bomNode => {
+    const ruleEngine = new _utils.RuleEngine(treeConfig.value.nodeConfig.rule);
+    const matched = ruleEngine.matchOne({
+      bomNode
+    });
+    if (matched?.childrenLoader) {
+      const loader = _childLoader.ChildLoadersManager.getChildLoader(matched?.childrenLoader.type);
+      if (loader) {
+        return await loader(bomNode, httpClient);
+      }
+    }
+    return [];
+  };
   return {
     treeData,
     layoutConfig,
     treeConfig,
     loading,
-    getDataAndConfig
+    getDataAndConfig,
+    loadChildren
   };
 };
 exports.usePpboms = usePpboms;

package/dist/lib/index.d.ts

@@ -3,6 +3,5 @@ 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,18 +56,6 @@ 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

@@ -49,3 +49,26 @@ export interface BomNode {
     raw: Record<string, any>;
     [key: string]: any;
 }
+export interface BomNodeDetails {
+    component: any;
+}
+export interface PageLayoutConfig {
+    maxLeftWidth: number;
+}
+export interface BomContentConfig {
+    layout?: PageLayoutConfig;
+    tree: BomTreeConfig;
+    nodeDetails: BomNodeDetails;
+}
+export declare enum BomFetcherType {
+    PPBOM_LAZY_ALL = "ppbomLazyAll",
+    PPBOM_ALL = "ppbomAll"
+}
+export interface BomFetcherConfig {
+    type: BomFetcherType;
+}
+export interface BomPageConfig {
+    bomType: string;
+    bomFetcher: BomFetcherConfig;
+    content: BomContentConfig;
+}

package/dist/lib/models/bom.js

@@ -3,5 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultTitleTemplate = void 0;
-const defaultTitleTemplate = exports.defaultTitleTemplate = "${code}";
+exports.defaultTitleTemplate = exports.BomFetcherType = void 0;
+const defaultTitleTemplate = exports.defaultTitleTemplate = "${code}";
+var BomFetcherType = exports.BomFetcherType = /* @__PURE__ */(BomFetcherType2 => {
+  BomFetcherType2["PPBOM_LAZY_ALL"] = "ppbomLazyAll";
+  BomFetcherType2["PPBOM_ALL"] = "ppbomAll";
+  return BomFetcherType2;
+})(BomFetcherType || {});

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

@@ -3,3 +3,9 @@ export declare enum YesNo {
     NO = "NO"
 }
 export type Optional<T> = T | undefined | null;
+export interface HttpResponse<T> {
+    code: number;
+    message: string;
+    data: T;
+    detail?: any;
+}

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

@@ -0,0 +1,5 @@
+import type { HttpClient } from './http-client';
+export declare const api: {
+    getConfig: <T>(code: string, httpClient: HttpClient) => Promise<T>;
+    getBusinessId: <T>(bomNodeId: string, httpClient: HttpClient) => Promise<T>;
+};

package/dist/lib/utils/api.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.api = void 0;
+const getConfig = async (code, httpClient) => {
+  return httpClient.get(`/api/public/v2/business-configs/${code}`);
+};
+const getBusinessId = async (bomNodeId, httpClient) => {
+  return httpClient.get(`/api/public/v2/ppboms/nodes/${bomNodeId}/business`);
+};
+const api = exports.api = {
+  getConfig,
+  getBusinessId
+};

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

@@ -1,12 +1,6 @@
 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[]>;
+import type { HttpClient } from './http-client';
+export declare function getOperationNodes(bomNode: BomNode, httpClient: HttpClient): Promise<BomNode[]>;
 export declare namespace getOperationNodes {
     var type: string;
 }

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ChildLoadersManager = void 0;
 exports.getOperationNodes = getOperationNodes;
-async function getOperationNodes(bomNode, sdk) {
+var _api = require("./api");
+async function getOperationNodes(bomNode, httpClient) {
   const {
     data: processPlanId
-  } = await sdk.getBusinessId(bomNode.id);
-  const response = await sdk.getOperations(processPlanId);
+  } = await _api.api.getBusinessId(bomNode.id, httpClient);
+  const response = await httpClient.get(`/api/public/v2/process-plans/${processPlanId}/operations`);
   return (response.data || []).map(op => {
     return {
       id: op.id,

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

@@ -0,0 +1,14 @@
+export interface HttpClientOptions {
+    baseURL: string;
+    defaultHeaders?: Record<string, string>;
+    authProvider?: () => string | Promise<string>;
+}
+export declare class HttpClient {
+    private readonly baseURL;
+    private readonly defaultHeaders;
+    private readonly authProvider?;
+    constructor(options: HttpClientOptions);
+    get<T>(url: string, config?: RequestInit): Promise<T>;
+    post<T>(url: string, data?: any, config?: RequestInit): Promise<T>;
+    private request;
+}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HttpClient = void 0;
+class HttpClient {
+  baseURL;
+  defaultHeaders;
+  authProvider;
+  constructor(options) {
+    this.baseURL = options.baseURL;
+    this.defaultHeaders = options.defaultHeaders || {};
+    this.authProvider = options.authProvider;
+  }
+  async get(url, config) {
+    return this.request(url, {
+      method: "GET",
+      ...config
+    });
+  }
+  async post(url, data, config) {
+    return this.request(url, {
+      method: "POST",
+      body: data !== void 0 ? JSON.stringify(data) : void 0,
+      ...config
+    });
+  }
+  async request(url, init) {
+    const headers = {
+      "Content-Type": "application/json",
+      ...this.defaultHeaders,
+      ...init.headers
+    };
+    if (this.authProvider) {
+      const token = await this.authProvider();
+      if (token) {
+        headers.Authorization = `Bearer ${token}`;
+      }
+    }
+    const response = await fetch(`${this.baseURL}${url}`, {
+      ...init,
+      headers
+    });
+    if (!response.ok) {
+      const text = await response.text();
+      throw new Error(`[Bom Component] HTTP ${response.status} ${response.statusText}: ${text}`);
+    }
+    return response.json();
+  }
+}
+exports.HttpClient = HttpClient;

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

@@ -1,4 +1,4 @@
 export * from './bom';
 export * from './rule-engine';
 export * from './template';
-export * from './config';
+export * from './api';

package/dist/lib/utils/index.js

@@ -36,14 +36,14 @@ Object.keys(_template).forEach(function (key) {
     }
   });
 });
-var _config = require("./config");
-Object.keys(_config).forEach(function (key) {
+var _api = require("./api");
+Object.keys(_api).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _config[key]) return;
+  if (key in exports && exports[key] === _api[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _config[key];
+      return _api[key];
     }
   });
 });

package/dist/style.css

@@ -42,7 +42,6 @@
 [grid=""]{display:grid;}
 .m-20px{margin:20px;}
 .mr-4px{margin-right:4px;}
-.mr-8px{margin-right:8px;}
 .ms{margin-inline-start:1rem;}
 .mt-12px{margin-top:12px;}
 .inline{display:inline;}
@@ -72,7 +71,6 @@
 .resize{resize:both;}
 .items-center{align-items:center;}
 .justify-center{justify-content:center;}
-.overflow-y-hidden{overflow-y:hidden;}
 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .b{border-width:1px;}
 .rounded{border-radius:0.25rem;}

package/package.json

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

package/dist/es/components/bom-tree-view/index.d.ts

@@ -1,3 +0,0 @@
-export * from './index.vue';
-export declare const HdBomTree: any;
-export default HdBomTree;

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

@@ -1,10 +0,0 @@
-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";
-const antdComponents = Object.fromEntries(
-  [Input, Tree, Dropdown, MoreOutlined].map((comp) => [comp.name, comp])
-);
-export const HdBomTree = withInstall(BomTree, antdComponents);
-export default HdBomTree;