service-flow-designer 1.1.18-tmp1 → 2.0.1

package/dist/es/designer/service-flow-view/service-result.vue.js

@@ -1,4 +1,15 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, unref, Fragment, renderList, createTextVNode, createCommentVNode } from "vue";
+import { ElTableColumn, ElInput, ElOption, ElSelect, ElButton, ElDropdownItem, ElDropdownMenu, ElDropdown, ElTable } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/table-column/style/css";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, createCommentVNode, renderList, unref, createTextVNode } from "vue";
 import ValueSetInput from "../common/components/value-set-input/value-set-input.vue.js";
 import { v4 } from "uuid";
 const _hoisted_1 = { key: 0 };
@@ -20,43 +31,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.service.returnValues = [];
     }
     const typeOptions = ["any", "array", "object"];
+    let selEditRow = null;
     const rowDblclick = (row) => {
       row.$editing = true;
+      updateEditRow(row);
+    };
+    function updateEditRow(newRow) {
+      if (selEditRow != null && selEditRow.code != newRow.code) {
+        selEditRow.$editing = false;
+      }
+      selEditRow = newRow;
+    }
+    const addRootRow = () => {
+      const newRow = getNewItem();
+      props.service.returnValues.push(newRow);
+      updateEditRow(newRow);
     };
     const addChildrenItem = (index, row) => {
       if (!row.items) {
         row.items = [];
       }
-      row.name = null;
       const item = getNewItem();
       item.level = row.level + 1;
       row.items.push(item);
-    };
-    const addReturnValueRow = () => {
-      if (!props.service.returnValues) {
-        props.service.returnValues = [];
-      }
-      props.service.returnValues.push({
-        code: v4(),
-        alias: "",
-        name: "",
-        type: "any",
-        $editing: true
-      });
-    };
-    const typeChange = (value, index, row) => {
-      if (value === "array")
-        ;
-      else if (row.items && row.items.length > 0) {
-        delete row.isArrayElement;
-        if (value === "object") {
-          row.items = [];
-        } else {
-          if (row.items) {
-            delete row.items;
-          }
-        }
-      }
+      updateEditRow(item);
     };
     const addAdjacentNode = (index, row) => {
       clidNodeAddAdjacentNode(props.service.returnValues, row);
@@ -67,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const item = getNewItem();
           item.level = row.level;
           tableData.splice(index + 1, 0, item);
+          updateEditRow(item);
         } else {
           if (row.items && row.items.length > 0) {
             clidNodeAddAdjacentNode(row.items, clickRow);
@@ -78,20 +77,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       deleteClidNode(props.service.returnValues, row);
     };
     const deleteClidNode = (tableData, clickRow) => {
+      console.log(clickRow, tableData);
       for (let index = 0; index < tableData.length; index++) {
         const row = tableData[index];
-        if (row.items && row.items.length > 0) {
-          deleteClidNode(row.items, clickRow);
-        }
         if (row.code === clickRow.code) {
           tableData.splice(index, 1);
           return;
+        } else if (row.items && row.items.length > 0) {
+          deleteClidNode(row.items, clickRow);
+        }
+      }
+    };
+    const typeChange = (value, index, row) => {
+      if (value === "array") {
+        row.items = [];
+        row.items.push({
+          level: row.level + 1,
+          code: v4(),
+          name: "items",
+          isArrayElement: true,
+          alias: "",
+          type: "object",
+          value: "",
+          items: []
+        });
+      } else if (row.items && row.items.length > 0) {
+        if (value === "object") {
+          row.items = [];
+        } else {
+          if (row.items) {
+            delete row.items;
+          }
         }
       }
     };
     const getNewItem = () => {
       return {
-        level: 0,
         code: v4(),
         name: "",
         type: "any",
@@ -102,21 +123,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
-      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
-      const _component_el_dropdown = resolveComponent("el-dropdown");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_input = ElInput;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_button = ElButton;
+      const _component_el_dropdown_item = ElDropdownItem;
+      const _component_el_dropdown_menu = ElDropdownMenu;
+      const _component_el_dropdown = ElDropdown;
+      const _component_el_table = ElTable;
       return openBlock(), createBlock(_component_el_table, {
         data: __props.service.returnValues,
-        style: { "width": "100%", "margin-bottom": "10px" },
+        style: { "width": "100%", "margin-top": "20px", "margin-bottom": "10px" },
         "row-key": "code",
         size: "small",
-        onRowDblclick: rowDblclick,
+        onRowClick: rowDblclick,
         border: "",
         "tree-props": { children: "items" },
         "default-expand-all": ""
@@ -124,44 +145,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_table_column, {
             type: "index",
-            align: "center",
             width: "50",
-            label: "序号"
+            label: "序号",
+            align: "center"
           }),
           createVNode(_component_el_table_column, {
-            prop: "alias",
-            align: "center",
-            label: "自定义名称"
+            prop: "name",
+            width: "170",
+            label: "变量名"
           }, {
             default: withCtx((scope) => [
-              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.alias), 1)) : (openBlock(), createBlock(_component_el_input, {
+              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.name), 1)) : (openBlock(), createBlock(_component_el_input, {
                 key: 1,
                 size: "small",
-                modelValue: scope.row.alias,
-                "onUpdate:modelValue": ($event) => scope.row.alias = $event,
-                placeholder: ""
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                disabled: scope.row.isArrayElement,
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                placeholder: "",
+                style: { "margin-right": "10px" }
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))
             ]),
             _: 1
           }),
           createVNode(_component_el_table_column, {
-            prop: "name",
-            align: "center",
-            label: "值来源"
+            prop: "alias",
+            width: "110",
+            label: "别名"
           }, {
             default: withCtx((scope) => [
-              !scope.row.$editing || scope.row.items && scope.row.items.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row.name), 1)) : (openBlock(), createBlock(unref(ValueSetInput), {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.name,
-                "onUpdate:modelValue": ($event) => scope.row.name = $event
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row.alias), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                !scope.row.isArrayElement ? (openBlock(), createBlock(_component_el_input, {
+                  key: 0,
+                  size: "small",
+                  modelValue: scope.row.alias,
+                  "onUpdate:modelValue": ($event) => scope.row.alias = $event,
+                  placeholder: ""
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+              ], 64))
             ]),
             _: 1
           }),
           createVNode(_component_el_table_column, {
             prop: "type",
-            align: "center",
+            width: "90",
             label: "类型"
           }, {
             default: withCtx((scope) => [
@@ -188,14 +214,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createVNode(_component_el_table_column, {
-            align: "right",
-            width: 150
+            prop: "value",
+            label: "值来源",
+            width: "160"
+          }, {
+            default: withCtx((scope) => [
+              !scope.row.isArrayElement ? (openBlock(), createBlock(unref(ValueSetInput), {
+                key: 0,
+                showLabel: !scope.row.$editing,
+                size: "small",
+                paramTypes: ["request", "service", "data", "system", "context", "fixed"],
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event
+              }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            align: "center",
+            width: 90
           }, {
             header: withCtx(() => [
               createVNode(_component_el_button, {
                 type: "primary",
                 size: "small",
-                onClick: addReturnValueRow,
+                onClick: addRootRow,
                 link: ""
               }, {
                 default: withCtx(() => [

package/dist/es/designer/service-flow-view/service-test/request-params.vue.js

@@ -1,4 +1,17 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, createElementVNode } from "vue";
+import { ElInput, ElTableColumn, ElOption, ElSelect, ElInputNumber, ElSwitch, ElButton, ElDropdownItem, ElDropdownMenu, ElDropdown, ElTable } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, createElementVNode } from "vue";
 import { v4 } from "uuid";
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "custom-active-action" }, "T", -1);
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "custom-inactive-action" }, "F", -1);
@@ -102,17 +115,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_input_number = resolveComponent("el-input-number");
-      const _component_el_switch = resolveComponent("el-switch");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
-      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
-      const _component_el_dropdown = resolveComponent("el-dropdown");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_input_number = ElInputNumber;
+      const _component_el_switch = ElSwitch;
+      const _component_el_button = ElButton;
+      const _component_el_dropdown_item = ElDropdownItem;
+      const _component_el_dropdown_menu = ElDropdownMenu;
+      const _component_el_dropdown = ElDropdown;
+      const _component_el_table = ElTable;
       return openBlock(), createBlock(_component_el_table, {
         data: __props.entityData,
         style: { "width": "100%", "margin-bottom": "20px" },

package/dist/es/designer/service-flow-view/service-test/service-test.vue.js

@@ -1,4 +1,14 @@
-import { defineComponent, ref, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, withDirectives, vShow, unref } from "vue";
+import { ElRadioButton, ElRadioGroup, ElTabPane, ElTabs, ElAside, ElContainer, ElButton, ElDialog } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/container/style/css";
+import "element-plus/es/components/aside/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio-button/style/css";
+import { defineComponent, ref, watch, nextTick, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, withDirectives, vShow, unref } from "vue";
 import { EditorView, basicSetup } from "codemirror";
 import { json } from "@codemirror/lang-json";
 import { EditorState } from "@codemirror/state";
@@ -288,14 +298,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return JSON.stringify(data);
     };
     return (_ctx, _cache) => {
-      const _component_el_radio_button = resolveComponent("el-radio-button");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_tab_pane = resolveComponent("el-tab-pane");
-      const _component_el_tabs = resolveComponent("el-tabs");
-      const _component_el_aside = resolveComponent("el-aside");
-      const _component_el_container = resolveComponent("el-container");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_radio_button = ElRadioButton;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_tab_pane = ElTabPane;
+      const _component_el_tabs = ElTabs;
+      const _component_el_aside = ElAside;
+      const _component_el_container = ElContainer;
+      const _component_el_button = ElButton;
+      const _component_el_dialog = ElDialog;
       return openBlock(), createBlock(_component_el_dialog, {
         fullscreen: true,
         "destroy-on-close": "",

package/dist/es/designer/service-flow-view/service-update-log.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./service-update-log.vue2.js";
 import "./service-update-log.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const serviceUpdateLog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-690da6a6"]]);
+const serviceUpdateLog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24162035"]]);
 export {
   serviceUpdateLog as default
 };

package/dist/es/designer/service-flow-view/service-update-log.vue2.js

@@ -1,6 +1,16 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode } from "vue";
+import { ElInput, ElFormItem, ElCheckbox, ElForm, ElTableColumn, ElTable, ElButton, ElDialog } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode } from "vue";
 import { isDeepEqual } from "../common/util/node-util.js";
-import "agilebuilder-ui/src/utils/request";
+import http from "agilebuilder-ui/src/utils/request";
 import { ElMessage } from "element-plus";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -35,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectLatestLog = ref(false);
     const description = ref("");
     function showDialog(event) {
-      window["$http"].get("/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + props.cloneService.id).then((res) => {
+      http.get("/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + props.cloneService.id).then((res) => {
         if (res) {
           res.reverse();
           logData.value = res;
@@ -87,14 +97,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       closeDialog
     });
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_form = resolveComponent("el-form");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_input = ElInput;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_form = ElForm;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_table = ElTable;
+      const _component_el_button = ElButton;
+      const _component_el_dialog = ElDialog;
       return openBlock(), createBlock(_component_el_dialog, {
         modelValue: dialogVisible.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),

package/dist/es/designer/service-flow-view/view-index.vue.d.ts

@@ -1,5 +1,5 @@
 import { default as LogicFlow } from '@logicflow/core';
-import { NodeType } from '../service-components/import-index';
+import { NodeType } from '../service-components';
 import { Service } from '../common/types/common-type';
 
 declare const _default: import('vue').DefineComponent<{

package/dist/es/designer/service-flow-view/view-index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./view-index.vue2.js";
 import "./view-index.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-284a6117"]]);
+const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ff04c7d7"]]);
 export {
   ServiceFlowView as default
 };

package/dist/es/designer/service-flow-view/view-index.vue2.js

@@ -1,4 +1,10 @@
-import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createVNode, normalizeStyle, vShow, withCtx, pushScopeId, popScopeId } from "vue";
+import { ElSkeletonItem, ElSkeleton, ElTimeline, ElDrawer } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/drawer/style/css";
+import "element-plus/es/components/timeline/style/css";
+import "element-plus/es/components/skeleton/style/css";
+import "element-plus/es/components/skeleton-item/style/css";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createVNode, normalizeStyle, vShow, withCtx, pushScopeId, popScopeId } from "vue";
 import serviceNodeConfig from "./service-node-config.vue.js";
 import serviceUpdateLog from "./service-update-log.vue.js";
 import serviceFlowTool from "./service-flow-tool.vue.js";
@@ -8,11 +14,11 @@ import "@logicflow/extension/lib/style/index.css";
 import http from "agilebuilder-ui/src/utils/request";
 import _sfc_main$1 from "./service-params.vue.js";
 import { getRuntimeJson, newLogicFlow, registerNode, addInitNode } from "./flow-util.js";
-import "../service-components/import-index.js";
+import "../service-components/index.js";
 import { findServcieByCode, isDeepEqual } from "../common/util/node-util.js";
 import { useServiceFlowStore } from "../../stores/page-store.js";
 import { ElMessageBox, ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-284a6117"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-ff04c7d7"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   class: "amb-design-content",
   ref: "ambServiceFlowContent"
@@ -39,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const props = __props;
     const emits = __emit;
     const logicFlowContainer = ref();
@@ -257,10 +263,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearFlowCanvas
     });
     return (_ctx, _cache) => {
-      const _component_el_skeleton_item = resolveComponent("el-skeleton-item");
-      const _component_el_skeleton = resolveComponent("el-skeleton");
-      const _component_el_timeline = resolveComponent("el-timeline");
-      const _component_el_drawer = resolveComponent("el-drawer");
+      const _component_el_skeleton_item = ElSkeletonItem;
+      const _component_el_skeleton = ElSkeleton;
+      const _component_el_timeline = ElTimeline;
+      const _component_el_drawer = ElDrawer;
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1, [
           withDirectives(createElementVNode("div", _hoisted_2, [

package/dist/es/designer/service-panel/component-panel.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./component-panel.vue2.js";
 import "./component-panel.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ComponentPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e10a7d8"]]);
+const ComponentPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce167986"]]);
 export {
   ComponentPanel as default
 };

package/dist/es/designer/service-panel/component-panel.vue2.js

@@ -1,5 +1,11 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, unref, createElementVNode, createTextVNode, toDisplayString, createVNode } from "vue";
-import { serviceComponentGroups } from "../service-components/import-index.js";
+import { ElCol, ElRow, ElCollapseItem, ElCollapse } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/collapse/style/css";
+import "element-plus/es/components/collapse-item/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import { defineComponent, ref, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, unref, createElementVNode, createTextVNode, toDisplayString, createVNode } from "vue";
+import { serviceComponentGroups } from "../service-components/index.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_3 = ["title", "onMousedown"];
@@ -14,16 +20,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
       emits("drag-node", serviceComponent);
     }
-    function getIconUrl(url) {
-      if (url) {
-        return new URL(url, import.meta.url).href;
-      }
-    }
     return (_ctx, _cache) => {
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_col = ElCol;
+      const _component_el_row = ElRow;
+      const _component_el_collapse_item = ElCollapseItem;
+      const _component_el_collapse = ElCollapse;
       return openBlock(), createBlock(_component_el_collapse, {
         modelValue: openCollapseItems.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               title: withCtx(() => [
                 createElementVNode("img", {
-                  src: getIconUrl(group.icon),
+                  src: group.icon,
                   style: { "height": "18px" }
                 }, null, 8, _hoisted_1),
                 createTextVNode("   "),
@@ -58,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }, [
                               createElementVNode("div", null, [
                                 createElementVNode("img", {
-                                  src: getIconUrl(serviceComponent.icon),
+                                  src: serviceComponent.icon,
                                   style: { "height": "16px" }
                                 }, null, 8, _hoisted_4)
                               ]),

package/dist/es/designer/service-panel/service-list.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./service-list.vue2.js";
 import "./service-list.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f3bcac1"]]);
+const ServiceList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5cc897b"]]);
 export {
   ServiceList as default
 };