@epxing/business 5.3.0-beta.1 → 5.3.0-beta.3

package/dist/src/components/EntitySystemEr.js

@@ -0,0 +1,492 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { Graph } from "@antv/x6";
+import { Export } from "@antv/x6-plugin-export";
+import Er from "./entity-relation-diagram/Er.js";
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, createElementVNode, withKeys, createTextVNode, toDisplayString, withDirectives, createElementBlock, Fragment, renderList } from "vue";
+/* empty css                   */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const RelationDiagram = {
+  extends: Er,
+  props: ["currentQuery"]
+};
+const RELATION_ONE_MOST = "1";
+Graph.registerNode(
+  "er-system-node",
+  {
+    inherit: "rect",
+    width: 180,
+    height: 56,
+    markup: [
+      {
+        tagName: "rect",
+        selector: "body"
+      },
+      {
+        tagName: "text",
+        selector: "name"
+      },
+      {
+        tagName: "text",
+        selector: "code"
+      }
+    ],
+    attrs: {
+      body: {
+        width: 180,
+        height: 56,
+        rx: 6,
+        ry: 6,
+        fill: "#1461E4",
+        stroke: "#76A8FF",
+        strokeWidth: 1,
+        cursor: "pointer"
+      },
+      name: {
+        fontSize: 14,
+        fill: "#fff",
+        ref: "body",
+        refX: "50%",
+        refY: 20,
+        textAnchor: "middle",
+        textVerticalAnchor: "middle",
+        textWrap: {
+          width: 160,
+          ellipsis: true
+        }
+      },
+      code: {
+        fontSize: 11,
+        fill: "rgba(255, 255, 255, 0.75)",
+        ref: "body",
+        refX: "50%",
+        refY: 40,
+        textAnchor: "middle",
+        textVerticalAnchor: "middle",
+        textWrap: {
+          width: 160,
+          ellipsis: true
+        }
+      }
+    }
+  },
+  true
+);
+const _sfc_main = {
+  name: "epx-entity-system-er",
+  mixins: [component],
+  components: { RelationDiagram },
+  data() {
+    return {
+      relation: {},
+      keyword: "",
+      // 关系类型过滤：勾选后仅显示对应类型的关系，全不勾选显示全部
+      relationTypes: [],
+      loading: false,
+      // 当前标签；panorama 为固定全景图，其余为页内打开的对象关系图
+      activeTab: "panorama",
+      relationTabs: []
+    };
+  },
+  computed: {
+    nodes() {
+      return this.relation.NODES || [];
+    },
+    edges() {
+      return this.relation.EDGES || [];
+    }
+  },
+  methods: {
+    getMetaRelation() {
+      this.loading = true;
+      this.$http.get({
+        action: "metaSystemER",
+        entityId: "FM_ENTITY"
+      }).then((data) => {
+        this.loading = false;
+        this.relation = data || {};
+        this.renderGraph();
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    getVisibleEdges() {
+      if (this.relationTypes.length === 0 || this.relationTypes.length === 2) {
+        return this.edges;
+      }
+      const types = this.relationTypes;
+      return this.edges.filter((edge) => (edge.SORTS || []).some((sort) => types.includes(sort)));
+    },
+    // 轻量力导布局：环形初始布点，库仑斥力 + 弹簧引力 + 向心力迭代收敛，结果确定性可复现
+    forceLayout(nodes, edges) {
+      const pos = {};
+      const count = nodes.length;
+      if (count === 0) return pos;
+      const radius = Math.max(300, count * 8);
+      nodes.forEach((node, i) => {
+        const angle = 2 * Math.PI * i / count;
+        pos[node.META_ID] = {
+          x: radius * Math.cos(angle),
+          y: radius * Math.sin(angle),
+          vx: 0,
+          vy: 0
+        };
+      });
+      const ids = nodes.map((node) => node.META_ID);
+      const pairs = edges.map((edge) => [edge.SOURCE, edge.TARGET]);
+      const REPULSION = 6e4;
+      const SPRING_LEN = 240;
+      const SPRING = 0.03;
+      const CENTER_PULL = 0.03;
+      const MAX_STEP = 30;
+      const ITERATIONS = 200;
+      for (let iter = 0; iter < ITERATIONS; iter++) {
+        for (let i = 0; i < ids.length; i++) {
+          for (let j = i + 1; j < ids.length; j++) {
+            const a = pos[ids[i]];
+            const b = pos[ids[j]];
+            let dx = a.x - b.x;
+            let dy = a.y - b.y;
+            let dist2 = dx * dx + dy * dy;
+            if (dist2 < 1) {
+              dx = i % 7 - 3.5;
+              dy = j % 7 - 3.5;
+              dist2 = dx * dx + dy * dy;
+            }
+            const dist = Math.sqrt(dist2);
+            const force = REPULSION / dist2;
+            const fx = dx / dist * force;
+            const fy = dy / dist * force;
+            a.vx += fx;
+            a.vy += fy;
+            b.vx -= fx;
+            b.vy -= fy;
+          }
+        }
+        pairs.forEach((pair) => {
+          if (pair[0] === pair[1]) return;
+          const a = pos[pair[0]];
+          const b = pos[pair[1]];
+          if (!a || !b) return;
+          const dx = a.x - b.x;
+          const dy = a.y - b.y;
+          const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+          const force = SPRING * (dist - SPRING_LEN);
+          const fx = dx / dist * force;
+          const fy = dy / dist * force;
+          a.vx -= fx;
+          a.vy -= fy;
+          b.vx += fx;
+          b.vy += fy;
+        });
+        ids.forEach((id) => {
+          const p = pos[id];
+          p.vx += -p.x * CENTER_PULL;
+          p.vy += -p.y * CENTER_PULL;
+          let stepX = p.vx * 0.5;
+          let stepY = p.vy * 0.5;
+          const step = Math.sqrt(stepX * stepX + stepY * stepY);
+          if (step > MAX_STEP) {
+            stepX = stepX / step * MAX_STEP;
+            stepY = stepY / step * MAX_STEP;
+          }
+          p.x += stepX;
+          p.y += stepY;
+          p.vx = 0;
+          p.vy = 0;
+        });
+      }
+      return pos;
+    },
+    renderGraph() {
+      if (this.graph) this.graph.dispose();
+      const graph = new Graph({
+        container: this.$refs.er,
+        background: {
+          color: "#fff"
+        },
+        panning: true,
+        mousewheel: {
+          enabled: true
+        }
+      });
+      graph.use(new Export());
+      this.graph = graph;
+      const edges = this.getVisibleEdges();
+      const pos = this.forceLayout(this.nodes, edges);
+      this.nodes.forEach((node) => {
+        const p = pos[node.META_ID];
+        const external = node.EXTERNAL === "1";
+        graph.addNode({
+          id: node.META_ID,
+          shape: "er-system-node",
+          x: p.x - 90,
+          y: p.y - 28,
+          data: node,
+          attrs: {
+            body: external ? { fill: "#95A2B3", stroke: "#B8C0CC", cursor: "default" } : { fill: "#1461E4", stroke: "#76A8FF", cursor: "pointer" },
+            name: { text: node.META_NAME },
+            code: { text: node.META_CODE }
+          },
+          zIndex: 2
+        });
+      });
+      edges.forEach((edge) => {
+        const selfLoop = edge.SOURCE === edge.TARGET;
+        graph.addEdge({
+          source: edge.SOURCE,
+          target: edge.TARGET,
+          vertices: selfLoop ? [{ x: pos[edge.SOURCE].x, y: pos[edge.SOURCE].y - 100 }] : void 0,
+          attrs: {
+            line: {
+              stroke: "#5795FF",
+              strokeWidth: 1.5,
+              strokeDasharray: (edge.SORTS || []).includes(RELATION_ONE_MOST) ? "5, 5" : "0"
+            }
+          },
+          labels: edge.COUNT > 1 ? [{
+            attrs: {
+              text: { text: "×" + edge.COUNT, fill: "#5A6473", fontSize: 11 },
+              rect: { fill: "#E8F2FF", stroke: "#91B9FF", rx: 3, strokeWidth: 1 }
+            }
+          }] : void 0,
+          connector: {
+            name: "smooth"
+          },
+          zIndex: 1
+        });
+      });
+      graph.on("node:click", ({ node }) => {
+        const data = node.getData();
+        if (!data || data.EXTERNAL === "1") return;
+        this.openRelationTab(data);
+      });
+      graph.centerContent();
+      graph.zoomToFit({ padding: 40, maxScale: 1.5, minScale: 0.05 });
+    },
+    locateNode() {
+      if (!this.graph) return;
+      const keyword = (this.keyword || "").trim().toLowerCase();
+      if (!keyword) {
+        this.clearHighlight();
+        return;
+      }
+      const matched = [];
+      this.nodes.forEach((node) => {
+        if ((node.META_NAME || "").toLowerCase().includes(keyword) || (node.META_CODE || "").toLowerCase().includes(keyword)) {
+          matched.push(node);
+        }
+      });
+      this.clearHighlight();
+      if (matched.length === 0) {
+        this.$message.info("未找到匹配的对象");
+        return;
+      }
+      matched.forEach((node) => {
+        const cell = this.graph.getCellById(node.META_ID);
+        if (cell) {
+          cell.attr("body/stroke", "#F59A23");
+          cell.attr("body/strokeWidth", 2.5);
+        }
+      });
+      this.highlighted = matched.map((node) => node.META_ID);
+      const first = this.graph.getCellById(matched[0].META_ID);
+      if (first) this.graph.centerCell(first);
+    },
+    clearHighlight() {
+      if (!this.graph || !this.highlighted) return;
+      this.highlighted.forEach((id) => {
+        const cell = this.graph.getCellById(id);
+        if (!cell) return;
+        const external = cell.getData().EXTERNAL === "1";
+        cell.attr("body/stroke", external ? "#B8C0CC" : "#76A8FF");
+        cell.attr("body/strokeWidth", 1);
+      });
+      this.highlighted = [];
+    },
+    resetView() {
+      if (!this.graph) return;
+      this.graph.centerContent();
+      this.graph.zoomToFit({ padding: 40, maxScale: 1.5, minScale: 0.05 });
+    },
+    exportEr() {
+      this.graph.exportPNG("对象全景图", {
+        padding: 20
+      });
+    },
+    // 页内新开对象关系图标签；同对象已打开则只聚焦
+    openRelationTab(node) {
+      if (this.relationTabs.some((tab) => tab.metaId === node.META_ID)) {
+        this.activeTab = node.META_ID;
+        return;
+      }
+      this.relationTabs.push({
+        metaId: node.META_ID,
+        label: node.META_NAME || node.META_CODE
+      });
+      this.activeTab = node.META_ID;
+    },
+    removeTab(name) {
+      if (name === "panorama") return;
+      const index = this.relationTabs.findIndex((tab) => tab.metaId === name);
+      if (index === -1) return;
+      this.relationTabs.splice(index, 1);
+      if (this.activeTab === name) {
+        const next = this.relationTabs[index] || this.relationTabs[index - 1];
+        this.activeTab = next ? next.metaId : "panorama";
+      }
+    }
+  },
+  mounted() {
+    this.getMetaRelation();
+  },
+  beforeUnmount() {
+    if (this.graph) this.graph.dispose();
+  }
+};
+const _hoisted_1 = { class: "epx-entity-system-er" };
+const _hoisted_2 = { class: "er-header" };
+const _hoisted_3 = { class: "er-tools" };
+const _hoisted_4 = { class: "er-legend" };
+const _hoisted_5 = { class: "er-count" };
+const _hoisted_6 = {
+  ref: "er",
+  class: "er-container"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_relation_diagram = resolveComponent("relation-diagram");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _directive_loading = resolveDirective("loading");
+  return openBlock(), createBlock(_component_el_tabs, {
+    modelValue: $data.activeTab,
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.activeTab = $event),
+    class: "er-tabs",
+    onTabRemove: $options.removeTab
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_el_tab_pane, {
+        name: "panorama",
+        label: "对象全景图",
+        closable: false
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_input, {
+                  modelValue: $data.keyword,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.keyword = $event),
+                  size: "default",
+                  clearable: "",
+                  placeholder: "搜索对象名称 / 编号",
+                  class: "er-search",
+                  onKeyup: withKeys($options.locateNode, ["enter"]),
+                  onClear: $options.clearHighlight
+                }, {
+                  append: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      icon: "el-icon-search",
+                      onClick: $options.locateNode
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "onKeyup", "onClear"]),
+                createVNode(_component_el_checkbox_group, {
+                  modelValue: $data.relationTypes,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.relationTypes = $event),
+                  class: "er-filter",
+                  onChange: $options.renderGraph
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_checkbox, { label: "1" }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode("一对多", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_checkbox, { label: "2" }, {
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createTextVNode("单条", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "onChange"]),
+                createVNode(_component_el_button, {
+                  size: "default",
+                  onClick: $options.resetView
+                }, {
+                  default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                    createTextVNode("重置视图", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_el_button, {
+                  size: "default",
+                  type: "primary",
+                  onClick: $options.exportEr
+                }, {
+                  default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                    createTextVNode("导出", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("span", _hoisted_5, "对象 " + toDisplayString($options.nodes.length) + " 个 · 关系 " + toDisplayString($options.edges.length) + " 条", 1),
+                _cache[7] || (_cache[7] = createElementVNode("div", { class: "legend-item" }, [
+                  createElementVNode("span", { class: "legend-icon" }, [
+                    createElementVNode("i", { class: "el-icon-caret-left" })
+                  ]),
+                  createElementVNode("span", null, "单条")
+                ], -1)),
+                _cache[8] || (_cache[8] = createElementVNode("div", { class: "legend-item" }, [
+                  createElementVNode("span", { class: "legend-icon legend-icon--sub" }, [
+                    createElementVNode("i", { class: "el-icon-caret-left" })
+                  ]),
+                  createElementVNode("span", null, "一对多")
+                ], -1)),
+                _cache[9] || (_cache[9] = createElementVNode("div", { class: "legend-item" }, [
+                  createElementVNode("span", { class: "legend-node legend-node--external" }),
+                  createElementVNode("span", null, "外部对象")
+                ], -1))
+              ])
+            ]),
+            withDirectives(createElementVNode("div", _hoisted_6, null, 512), [
+              [_directive_loading, $data.loading]
+            ])
+          ])
+        ]),
+        _: 1
+      }),
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.relationTabs, (tab) => {
+        return openBlock(), createBlock(_component_el_tab_pane, {
+          key: tab.metaId,
+          name: tab.metaId,
+          label: tab.label,
+          closable: "",
+          lazy: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_relation_diagram, {
+              "current-query": { id: tab.metaId },
+              class: "er-tab-diagram"
+            }, null, 8, ["current-query"])
+          ]),
+          _: 2
+        }, 1032, ["name", "label"]);
+      }), 128))
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onTabRemove"]);
+}
+const EntitySystemEr = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-729999a3"]]);
+export {
+  EntitySystemEr as default
+};

package/dist/src/components/EntityTagSubList.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import _sfc_main from "./EntityTagSubList.vue.js";
 export {
   _sfc_main as default

package/dist/src/components/EntityTreeManage.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import { SET_ROUTER_QUERY } from "@epxing/core/src/store/actions";
 import component from "@epxing/core/src/mixins/component";
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, normalizeClass } from "vue";

package/dist/src/components/ExportSystemConfig.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import component from "@epxing/core/src/mixins/component";
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, normalizeClass, createCommentVNode } from "vue";
 /* empty css                       */

package/dist/src/components/FieldTreeFind.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import EntityTreeFind from "@epxing/components/src/entity-tree-find";
 const _sfc_main = {
   name: "epx-field-tree-find",

package/dist/src/components/FormulaEditor.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import _sfc_main from "./FormulaEditor.vue.js";
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/src/components/GenTestData.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, createVNode, vShow } from "vue";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/src/components/HallNav.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import _sfc_main from "./HallNav.vue.js";
 /* empty css             */
 export {

package/dist/src/components/HallNav.vue.js

@@ -71,42 +71,13 @@ const _sfc_main = {
               "onClick": this.openService.bind(this, "role")
             }, _isSlot(_slot2 = this.$t("navigation.role_assignment_management")) ? _slot2 : {
               default: () => [_slot2]
-            }), (this.appConfig.IS_SET_TOOLBAR ? this.toolbar.includes("skip") : this.clientConfig.THEME_FLAG !== "0") && createVNode(resolveComponent("el-popover"), {
-              "popper-class": "epx-app-nav__skin-popover",
-              "placement": "left-start",
-              "trigger": "hover",
-              "width": "auto"
+            }), !this.$isMobile && this.terminal !== "mobile" && createVNode(resolveComponent("el-dropdown-item"), {
+              "command": "interface-settings",
+              "onClick": () => {
+                this.showInterfaceSettings = true;
+              }
             }, {
-              default: () => [createVNode("ul", {
-                "class": "epx-app-nav__theme"
-              }, [this.themeList.map((theme) => createVNode("li", {
-                "class": {
-                  "is-active": theme.key === this.selectTheme
-                },
-                "style": !theme.icon && theme.color ? {
-                  background: theme.color
-                } : {},
-                "key": theme.key,
-                "onClick": this.changeTheme.bind(this, theme)
-              }, [theme.icon && createVNode("img", {
-                "src": theme.icon,
-                "alt": ""
-              }, null), !theme.icon && createVNode("span", {
-                "class": "epx-app-nav__theme-custom-label"
-              }, [theme.name]), theme.key === this.selectTheme && createVNode("i", {
-                "class": "epx-app-nav__theme-select el-icon-success"
-              }, null)]))])],
-              // reference 必须是「根节点为真实元素」的东西：EP 的 ElOnlyChild 会用
-              // withDirectives(cloneVNode(node), [[forwardRef]]) 挂指令来拿 reference 的真实
-              // DOM，而 Vue 的运行时指令只能落在元素上。el-dropdown-item 的根节点是
-              // ElRovingFocusItem 组件 ⇒ 指令挂不上，Vue 只发一条 "Runtime directive used on
-              // component with non-element root node" 的 warning 就静默失效 ⇒ tooltip 拿不到
-              // reference ⇒ hover 完全没反应。
-              // 用原生 li + EP 的 item 类名：根是元素、在 ul.el-dropdown-menu 里也合法、样式不变。
-              // 原来的 command 属性没人消费（所在 el-dropdown 无 onCommand），去掉无影响。
-              reference: () => createVNode("li", {
-                "class": "el-dropdown-menu__item"
-              }, [this.$t("skin")])
+              default: () => [createTextVNode("界面设置")]
             }), this.languageFlag && createVNode(resolveComponent("el-popover"), {
               "placement": "left-start",
               "trigger": "hover"
@@ -119,7 +90,7 @@ const _sfc_main = {
                 }],
                 "onClick": this.switchLanguage.bind(this, language)
               }, [createVNode("span", null, [language.name])]))])],
-              // 同上：reference 的根必须是元素，详见「换肤」那处注释
+              // reference 使用原生元素，供 ElOnlyChild 正确获取 DOM。
               reference: () => createVNode("li", {
                 "class": "el-dropdown-menu__item"
               }, [this.$t("language")])

package/dist/src/components/HeaderNav.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import { CREATE_TAB } from "@epxing/core/src/store/actions";
 import { mapGetters } from "vuex";
 import { MobileSheet } from "@epxing/components/src/mobile";

package/dist/src/components/IconCard.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, normalizeStyle, renderSlot, createElementBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 /* empty css             */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/src/components/IconFontLibrary.js

@@ -1,4 +1,26 @@
-import _sfc_main from "./IconFontLibrary.vue.js";
+import '../../style.css';
+import ListFind from "@epxing/components/src/entity-list-find";
+import gallery from "./icon-gallery/mixin.js";
+const _sfc_main = {
+  name: "epx-icon-font-library",
+  extends: ListFind,
+  mixins: [gallery],
+  created() {
+    if (this.$isMobile) this.openWatchSelection();
+  },
+  methods: {
+    chooseIcon(icon) {
+      if (this.multiple) {
+        this.selectionIds = this.selectionIds.includes(icon.CODE) ? this.selectionIds.filter((code) => code !== icon.CODE) : [...this.selectionIds, icon.CODE];
+      } else {
+        this.selectEntity(null, icon);
+      }
+    }
+  },
+  render() {
+    return this.renderGallery(true);
+  }
+};
 export {
   _sfc_main as default
 };

package/dist/src/components/IconFontList.js

@@ -1,4 +1,25 @@
-import _sfc_main from "./IconFontList.vue.js";
+import '../../style.css';
+import EntityList from "@epxing/components/src/entity-list";
+import gallery from "./icon-gallery/mixin.js";
+const _sfc_main = {
+  name: "epx-icon-font-list",
+  extends: EntityList,
+  mixins: [gallery],
+  methods: {
+    async chooseIcon(icon) {
+      try {
+        if (navigator.clipboard && window.isSecureContext) await navigator.clipboard.writeText(icon.CODE);
+        else this.$util.copyToClipboard(icon.CODE);
+        this.$message.success("已复制图标编号");
+      } catch (err) {
+        this.$message.error(err && err.message || "复制失败，请手动复制图标编号");
+      }
+    }
+  },
+  render() {
+    return this.renderGallery();
+  }
+};
 export {
   _sfc_main as default
 };

package/dist/src/components/IdentifyList.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import EntityList from "@epxing/components/src/entity-list";
 const _sfc_main = {
   name: "epx-identify-list",

package/dist/src/components/ImportSystemConfig.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import component from "@epxing/core/src/mixins/component";
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, normalizeClass, createCommentVNode } from "vue";
 /* empty css                       */

package/dist/src/components/InterfaceSubList.js

@@ -1,3 +1,4 @@
+import '../../style.css';
 import component from "@epxing/core/src/mixins/component";
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, withCtx, Fragment, renderList, normalizeClass } from "vue";
 /* empty css                     */