@handaotech-design/bom 0.0.16

package/dist/lib/components/left-right/index.vue

@@ -0,0 +1,142 @@
+<script lang="ts" setup>
+import { debounce, throttle } from 'lodash-es'
+import { onMounted, onUnmounted, ref } from 'vue'
+
+const props = defineProps({
+  moduleKey: {
+    type: String,
+    required: true,
+  },
+  maxLeftWidth: {
+    type: Number,
+    required: false,
+  },
+})
+const COMPONENT_NAME = 'HdLeftRight'
+defineOptions({
+  name: COMPONENT_NAME,
+})
+
+// 默认宽度 & 本地存储
+const defaultLeftWidth = 300
+const savedWidth = localStorage.getItem(`${props.moduleKey}LeftPanelWidth`)
+const initialWidth = savedWidth ? parseInt(savedWidth) : defaultLeftWidth
+
+// 响应式宽度
+const leftWidth = ref(initialWidth)
+const isDragging = ref(false)
+let startX = 0
+let startWidth = 0
+
+// 节流更新UI（60fps）
+const throttledUpdate = throttle((width: number) => {
+  leftWidth.value = width
+}, 16)
+
+// 防抖保存到本地存储（300ms延迟）
+const debouncedSave = debounce(
+  (val: number) => {
+    localStorage.setItem(`${props.moduleKey}LeftPanelWidth`, val.toString())
+  },
+  300,
+  { trailing: true }, // 确保最后一次触发
+)
+
+// 处理拖动
+const handleDrag = (e: MouseEvent) => {
+  if (!isDragging.value) {
+    return
+  }
+  const delta = e.clientX - startX
+  const newWidth = Math.max(
+    200,
+    Math.min(props.maxLeftWidth ?? 500, startWidth + delta),
+  )
+
+  throttledUpdate(newWidth) // 节流更新UI
+  debouncedSave(newWidth) // 防抖保存
+}
+
+// 停止拖动
+const stopDrag = () => {
+  isDragging.value = false
+  document.removeEventListener('mousemove', handleDrag)
+  document.removeEventListener('mouseup', stopDrag)
+
+  debouncedSave.flush() // 立即执行未完成的保存
+}
+
+// 开始拖动
+const startDrag = (e: MouseEvent) => {
+  isDragging.value = true
+  startX = e.clientX
+  startWidth = leftWidth.value
+  document.addEventListener('mousemove', handleDrag)
+  document.addEventListener('mouseup', stopDrag)
+}
+
+// 清理
+onUnmounted(() => {
+  document.removeEventListener('mousemove', handleDrag)
+  document.removeEventListener('mouseup', stopDrag)
+  throttledUpdate.cancel()
+  debouncedSave.cancel()
+})
+
+// 初始化
+onMounted(() => {
+  leftWidth.value = initialWidth
+})
+</script>
+
+<template>
+  <div class="wrapper">
+    <div class="left" :style="{ width: `${leftWidth}px` }">
+      <slot name="left" />
+    </div>
+    <div
+      class="divider"
+      :style="{ left: `${leftWidth}px` }"
+      @mousedown="startDrag"
+    >
+      <div class="vertical-line" />
+    </div>
+    <div class="right">
+      <slot name="right" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.wrapper {
+  display: flex;
+  position: relative;
+  height: 100%;
+}
+.wrapper .left {
+  height: 100%;
+  overflow: hidden;
+}
+.wrapper .divider {
+  position: absolute;
+  height: 100%;
+  cursor: col-resize;
+  z-index: 1;
+  transition: background 0.2s;
+}
+.wrapper .divider .vertical-line {
+  width: 1px;
+  height: 100%;
+  background: #E9EBED;
+}
+.wrapper .divider:hover .vertical-line {
+  background: #2e72d2;
+  width: 2px;
+}
+.wrapper .right {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0 16px;
+}
+</style>

package/dist/lib/defaults.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install: (app: import("vue").App) => void;
+};
+export default _default;

package/dist/lib/defaults.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _makeInstaller = require("./shared/make-installer");
+var _allComponents = _interopRequireDefault(require("./all-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+module.exports = (0, _makeInstaller.makeInstaller)([..._allComponents.default]);

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

@@ -0,0 +1 @@
+export * from './use-ppboms';

package/dist/lib/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _usePpboms = require("./use-ppboms");
+Object.keys(_usePpboms).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePpboms[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _usePpboms[key];
+    }
+  });
+});

package/dist/lib/hooks/use-ppboms.d.ts

@@ -0,0 +1,19 @@
+export declare enum QueryType {
+    ALL = "ALL",
+    MODEL_ESN = "MODEL_ESN"
+}
+interface UsePpbomsParams {
+    host: string;
+    appId: string;
+    appSecret: string;
+    queryType?: QueryType;
+    options?: Record<string, any>;
+}
+export declare const UsePpboms: (params: UsePpbomsParams) => {
+    data: import("vue").Ref<any>;
+    layoutConfig: import("vue").Ref<any>;
+    treeConfig: import("vue").Ref<any>;
+    loading: import("vue").Ref<boolean>;
+    getDataAndConfig: () => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UsePpboms = exports.QueryType = void 0;
+var _vue = require("vue");
+var _utils = require("../utils");
+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 || {});
+const UsePpboms = params => {
+  const {
+    host,
+    appId,
+    appSecret,
+    queryType,
+    options
+  } = params;
+  const loading = (0, _vue.ref)(false);
+  const data = (0, _vue.ref)();
+  const treeConfig = (0, _vue.ref)();
+  const layoutConfig = (0, _vue.ref)();
+  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 queryBomsByModelEsn = 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 getData = async () => {
+    switch (queryType) {
+      case "MODEL_ESN" /* MODEL_ESN */:
+        return await queryBomsByModelEsn();
+      default:
+        return await queryBoms();
+    }
+  };
+  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 props = configResp.config.props;
+      data.value = (0, _utils.convertBomDataToTree)(dataResp.data.items, props.content.tree.nodeConfig.rule);
+      treeConfig.value = props.content.tree;
+      layoutConfig.value = props.content.tree.layout;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    data,
+    layoutConfig,
+    treeConfig,
+    loading,
+    getDataAndConfig
+  };
+};
+exports.UsePpboms = UsePpboms;

package/dist/lib/index.d.ts

@@ -0,0 +1,7 @@
+import installer from './defaults';
+export * from './components';
+export * from './hooks';
+export * from './models';
+export * from './utils';
+export declare const install: (app: import("vue").App) => void;
+export default installer;

package/dist/lib/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  install: true
+};
+exports.install = exports.default = void 0;
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _models = require("./models");
+Object.keys(_models).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _models[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _models[key];
+    }
+  });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[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

@@ -0,0 +1,35 @@
+import type { BaseRule } from '../utils';
+import type { YesNo } from './common';
+export declare const defaultTitleTemplate = "${code}";
+export interface BomNodeTitleConfig {
+    template: string;
+}
+export interface WorkBenchLayoutConfig {
+    maxLeftWidth: number;
+}
+export interface BomTreeNodeConfig {
+    title?: BomNodeTitleConfig;
+    selectable?: YesNo;
+    icon?: string;
+}
+export interface BomLocalFilter {
+    placeholder?: string;
+}
+export interface BomTreeConfig {
+    filter?: BomLocalFilter;
+    nodeConfig: {
+        rule: BaseRule<BomTreeNodeConfig>;
+    };
+}
+export interface BomNode {
+    id: string;
+    key: string;
+    code: string;
+    version: string;
+    name: string;
+    qty: number;
+    children?: BomNode[];
+    businessType: string;
+    raw: Record<string, any>;
+    [key: string]: any;
+}

package/dist/lib/models/bom.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTitleTemplate = void 0;
+const defaultTitleTemplate = exports.defaultTitleTemplate = "${code}";

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

@@ -0,0 +1,5 @@
+export declare enum YesNo {
+    YES = "YES",
+    NO = "NO"
+}
+export type Optional<T> = T | undefined | null;

package/dist/lib/models/common.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YesNo = void 0;
+var YesNo = exports.YesNo = /* @__PURE__ */(YesNo2 => {
+  YesNo2["YES"] = "YES";
+  YesNo2["NO"] = "NO";
+  return YesNo2;
+})(YesNo || {});

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

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './bom';

package/dist/lib/models/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _common[key];
+    }
+  });
+});
+var _bom = require("./bom");
+Object.keys(_bom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bom[key];
+    }
+  });
+});

package/dist/lib/shared/keys.d.ts

@@ -0,0 +1 @@
+export declare const INSTALLED_KEY: unique symbol;

package/dist/lib/shared/keys.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INSTALLED_KEY = void 0;
+const INSTALLED_KEY = exports.INSTALLED_KEY = Symbol("INSTALLED_KEY");

package/dist/lib/shared/make-installer.d.ts

@@ -0,0 +1,4 @@
+import type { App, Plugin } from '@vue/runtime-core';
+export declare const makeInstaller: (components?: Plugin[]) => {
+    install: (app: App) => void;
+};

package/dist/lib/shared/make-installer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeInstaller = void 0;
+var _keys = require("./keys");
+const makeInstaller = (components = []) => {
+  const install = app => {
+    if (app[_keys.INSTALLED_KEY]) {
+      return;
+    }
+    app[_keys.INSTALLED_KEY] = true;
+    components.forEach(c => app.use(c));
+  };
+  return {
+    install
+  };
+};
+exports.makeInstaller = makeInstaller;

package/dist/lib/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue';
+    const component: DefineComponent<Record<string,unknown>, Record<string,unknown>, unknown>;
+    export default component;
+}

package/dist/lib/tokens/index.js

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

package/dist/lib/types/components.d.ts

@@ -0,0 +1,17 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    BomTree: typeof import('./../components/bom-tree/index.vue')['default']
+    BomWorkbench: typeof import('./../components/bom-workbench/index.vue')['default']
+    GrayInput: typeof import('./../components/gray-input/index.vue')['default']
+    LeftRight: typeof import('./../components/left-right/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

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

@@ -0,0 +1,3 @@
+import type { BomNode, BomTreeNodeConfig } from '../models';
+import type { BaseRule } from './rule-engine';
+export declare const convertBomDataToTree: (treeData: BomNode[], nodeConfigRule: BaseRule<BomTreeNodeConfig>) => BomNode[];

package/dist/lib/utils/bom.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertBomDataToTree = void 0;
+var _ = _interopRequireWildcard(require("lodash-es"));
+var _models = require("../models");
+var _ruleEngine = require("./rule-engine");
+var _template = require("./template");
+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 defaultTreeNodeConfig = {
+  title: {
+    template: _models.defaultTitleTemplate
+  }
+};
+const convertBomDataToTree = (treeData, nodeConfigRule) => {
+  const ruleEngine = new _ruleEngine.RuleEngine(nodeConfigRule);
+  const traverse = (nodes = []) => {
+    for (const node of nodes) {
+      const nodeConfig = ruleEngine.matchOne({
+        bomNode: node
+      }, defaultTreeNodeConfig);
+      const titleTemplate = nodeConfig?.title?.template ?? _models.defaultTitleTemplate;
+      Object.assign(node, {
+        key: node.key,
+        title: (0, _template.genText)(node, titleTemplate),
+        selectable: nodeConfig?.selectable === _models.YesNo.YES,
+        icon: nodeConfig?.icon
+      });
+      if (!_.isEmpty(node.children)) {
+        traverse(node.children);
+      }
+    }
+  };
+  traverse(treeData);
+  return treeData;
+};
+exports.convertBomDataToTree = convertBomDataToTree;

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

@@ -0,0 +1 @@
+export declare const getConfig: (host: string, code: string, appId: string, appSecret: string) => Promise<any>;

package/dist/lib/utils/config.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getConfig = void 0;
+const getConfig = async (host, code, appId, appSecret) => {
+  const response = await fetch(`http://${host}/api/public/v2/business-configs/${code}`, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      "X-CONSUMER-ID": appId,
+      "Authorization": `Bearer ${appSecret}`
+    }
+  });
+  return await response.json();
+};
+exports.getConfig = getConfig;

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

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

package/dist/lib/utils/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _bom = require("./bom");
+Object.keys(_bom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bom[key];
+    }
+  });
+});
+var _ruleEngine = require("./rule-engine");
+Object.keys(_ruleEngine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ruleEngine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ruleEngine[key];
+    }
+  });
+});
+var _template = require("./template");
+Object.keys(_template).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _template[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _template[key];
+    }
+  });
+});
+var _config = require("./config");
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
+  });
+});

package/dist/lib/utils/rule-engine.d.ts

@@ -0,0 +1,20 @@
+import type { Optional } from '../models/common';
+export type RuleCondition = 'default' | 'always' | string | LogicExpression;
+export interface LogicExpression {
+    logic: any;
+    conditions: any[];
+}
+export interface BaseRule<T> {
+    cases: BaseCase<T>[];
+}
+export interface BaseCase<T> {
+    key?: string;
+    condition: RuleCondition;
+    result: T;
+}
+export declare class RuleEngine<T> {
+    private readonly rule;
+    constructor(rule: BaseRule<T>);
+    matchOne(context: any, defaultResult?: T): Optional<T> | T;
+    matchMany(context: any, defaultResult?: T): T[];
+}