service-flow-designer 1.1.2 → 1.1.4

package/dist/lib/designer/service-flow-view/service-params.vue.js

@@ -1,20 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/form/style/css");
-require("element-plus/es/components/checkbox/style/css");
-require("element-plus/es/components/alert/style/css");
-require("element-plus/es/components/table/style/css");
-require("element-plus/es/components/dropdown/style/css");
-require("element-plus/es/components/dropdown-menu/style/css");
-require("element-plus/es/components/dropdown-item/style/css");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/select/style/css");
-require("element-plus/es/components/option/style/css");
-require("element-plus/es/components/table-column/style/css");
-require("element-plus/es/components/divider/style/css");
-require("element-plus/es/components/form-item/style/css");
-require("element-plus/es/components/input/style/css");
 const vue = require("vue");
 const valueSetInput = require("../common/components/value-set-input/value-set-input.vue.js");
 const uuid = require("uuid");
@@ -124,20 +108,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_input = es.ElInput;
-      const _component_el_form_item = es.ElFormItem;
-      const _component_el_divider = es.ElDivider;
-      const _component_el_table_column = es.ElTableColumn;
-      const _component_el_option = es.ElOption;
-      const _component_el_select = es.ElSelect;
-      const _component_el_button = es.ElButton;
-      const _component_el_dropdown_item = es.ElDropdownItem;
-      const _component_el_dropdown_menu = es.ElDropdownMenu;
-      const _component_el_dropdown = es.ElDropdown;
-      const _component_el_table = es.ElTable;
-      const _component_el_alert = es.ElAlert;
-      const _component_el_checkbox = es.ElCheckbox;
-      const _component_el_form = es.ElForm;
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_alert = vue.resolveComponent("el-alert");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_form = vue.resolveComponent("el-form");
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(_component_el_form, {
           "label-width": "auto",

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

@@ -1,15 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/table/style/css");
-require("element-plus/es/components/dropdown/style/css");
-require("element-plus/es/components/dropdown-menu/style/css");
-require("element-plus/es/components/dropdown-item/style/css");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/select/style/css");
-require("element-plus/es/components/option/style/css");
-require("element-plus/es/components/input/style/css");
-require("element-plus/es/components/table-column/style/css");
 const vue = require("vue");
 const valueSetInput = require("../common/components/value-set-input/value-set-input.vue.js");
 const uuid = require("uuid");
@@ -114,15 +103,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_table_column = es.ElTableColumn;
-      const _component_el_input = es.ElInput;
-      const _component_el_option = es.ElOption;
-      const _component_el_select = es.ElSelect;
-      const _component_el_button = es.ElButton;
-      const _component_el_dropdown_item = es.ElDropdownItem;
-      const _component_el_dropdown_menu = es.ElDropdownMenu;
-      const _component_el_dropdown = es.ElDropdown;
-      const _component_el_table = es.ElTable;
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_table = vue.resolveComponent("el-table");
       return vue.openBlock(), vue.createBlock(_component_el_table, {
         data: __props.service.returnValues,
         style: { "width": "100%", "margin-bottom": "10px" },

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

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

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

@@ -1,14 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/dialog/style/css");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/container/style/css");
-require("element-plus/es/components/aside/style/css");
-require("element-plus/es/components/tabs/style/css");
-require("element-plus/es/components/tab-pane/style/css");
-require("element-plus/es/components/radio-group/style/css");
-require("element-plus/es/components/radio-button/style/css");
 const vue = require("vue");
 const codemirror = require("codemirror");
 const langJson = require("@codemirror/lang-json");
@@ -299,14 +289,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return JSON.stringify(data);
     };
     return (_ctx, _cache) => {
-      const _component_el_radio_button = es.ElRadioButton;
-      const _component_el_radio_group = es.ElRadioGroup;
-      const _component_el_tab_pane = es.ElTabPane;
-      const _component_el_tabs = es.ElTabs;
-      const _component_el_aside = es.ElAside;
-      const _component_el_container = es.ElContainer;
-      const _component_el_button = es.ElButton;
-      const _component_el_dialog = es.ElDialog;
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _component_el_aside = vue.resolveComponent("el-aside");
+      const _component_el_container = vue.resolveComponent("el-container");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createBlock(_component_el_dialog, {
         fullscreen: true,
         "destroy-on-close": "",

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

@@ -1,14 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/dialog/style/css");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/table/style/css");
-require("element-plus/es/components/table-column/style/css");
-require("element-plus/es/components/form/style/css");
-require("element-plus/es/components/checkbox/style/css");
-require("element-plus/es/components/form-item/style/css");
-require("element-plus/es/components/input/style/css");
 const vue = require("vue");
 const nodeUtil = require("../common/util/node-util.js");
 const http = require("agilebuilder-ui/src/utils/request");
@@ -98,14 +88,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       closeDialog
     });
     return (_ctx, _cache) => {
-      const _component_el_input = es.ElInput;
-      const _component_el_form_item = es.ElFormItem;
-      const _component_el_checkbox = es.ElCheckbox;
-      const _component_el_form = es.ElForm;
-      const _component_el_table_column = es.ElTableColumn;
-      const _component_el_table = es.ElTable;
-      const _component_el_button = es.ElButton;
-      const _component_el_dialog = es.ElDialog;
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createBlock(_component_el_dialog, {
         modelValue: dialogVisible.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),

package/dist/lib/designer/service-flow-view/view-index.css

@@ -1,4 +1,4 @@
-.amb-design-content[data-v-ff04c7d7] {
+.amb-design-content[data-v-4cc490a0] {
   overflow: auto;
   display: block;
   flex: none;
@@ -6,10 +6,10 @@
   width: 100%;
   height: 100%;
 }
-.amb-design-content[data-v-ff04c7d7]::-webkit-scrollbar {
+.amb-design-content[data-v-4cc490a0]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-design-tool[data-v-ff04c7d7] {
+.amb-design-tool[data-v-4cc490a0] {
   position: -webkit-sticky; /**Safari */
   position: sticky;
   width: 100%;
@@ -22,7 +22,7 @@
   border-radius: 6px 6px 6px 6px;
   z-index: 0;
 }
-.amb-page-type[data-v-ff04c7d7] {
+.amb-page-type[data-v-4cc490a0] {
   padding-top: 11px;
   padding-left: 6px;
   padding-right: 6px;
@@ -30,14 +30,14 @@
   border-radius: 4px 4px 4px 4px;
   cursor: pointer;
 }
-.amb-page-type[data-v-ff04c7d7]:hover {
+.amb-page-type[data-v-4cc490a0]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.amb-page-type.selected[data-v-ff04c7d7] {
+.amb-page-type.selected[data-v-4cc490a0] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-type > label[data-v-ff04c7d7] {
+.amb-page-type > label[data-v-4cc490a0] {
   font-size: 14px;
   padding-left: 6px;
   padding-right: 6px;
@@ -46,11 +46,11 @@
   position: relative;
   cursor: pointer;
 }
-.amb-design-tool-split[data-v-ff04c7d7] {
+.amb-design-tool-split[data-v-4cc490a0] {
   height: 25px;
   margin-top: -12px;
 }
-.amb-design-board[data-v-ff04c7d7] {
+.amb-design-board[data-v-4cc490a0] {
   margin: 0 auto;
   margin-top: 28px;
   overflow-y: auto;
@@ -60,24 +60,24 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 20px;
 }
-.container[data-v-ff04c7d7] {
+.container[data-v-4cc490a0] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-ff04c7d7] {
+.amb-item-ghost[data-v-4cc490a0] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-ff04c7d7] {
+.draggable-placeholder[data-v-4cc490a0] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-ff04c7d7] {
+#LF-view[data-v-4cc490a0] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -89,10 +89,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-ff04c7d7] .el-overlay {
+[data-v-4cc490a0] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-ff04c7d7] {
+.triangle[data-v-4cc490a0] {
   display: inline-block;
   width: 0;
   height: 0;

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

@@ -1,5 +1,4 @@
 import { default as LogicFlow } from '@logicflow/core';
-import { NodeType } from '../service-components';
 import { Service } from '../common/types/common-type';
 
 declare const _default: import('vue').DefineComponent<{
@@ -12,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
         default: () => any[];
     };
 }, {
-    onDragNode: (serviceComponent: NodeType<any>) => void;
+    onDragNode: (serviceComponent: any) => void;
     onServiceClick: (clickService: Service) => void;
     clearFlowCanvas: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -2,5 +2,5 @@
 const viewIndex_vue_vue_type_script_setup_true_lang = require("./view-index.vue2.js");
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ff04c7d7"]]);
+const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-4cc490a0"]]);
 module.exports = ServiceFlowView;

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

@@ -1,10 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/drawer/style/css");
-require("element-plus/es/components/timeline/style/css");
-require("element-plus/es/components/skeleton/style/css");
-require("element-plus/es/components/skeleton-item/style/css");
 const vue = require("vue");
 const serviceNodeConfig = require("./service-node-config.vue.js");
 const serviceUpdateLog = require("./service-update-log.vue.js");
@@ -15,11 +9,10 @@ require("@logicflow/extension/lib/style/index.css");
 const http = require("agilebuilder-ui/src/utils/request");
 const serviceParams_vue_vue_type_script_setup_true_lang = require("./service-params.vue.js");
 const flowUtil = require("./flow-util.js");
-require("../service-components/index.js");
 const nodeUtil = require("../common/util/node-util.js");
 const pageStore = require("../../stores/page-store.js");
 const elementPlus = require("element-plus");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-ff04c7d7"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-4cc490a0"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   class: "amb-design-content",
   ref: "ambServiceFlowContent"
@@ -264,10 +257,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       clearFlowCanvas
     });
     return (_ctx, _cache) => {
-      const _component_el_skeleton_item = es.ElSkeletonItem;
-      const _component_el_skeleton = es.ElSkeleton;
-      const _component_el_timeline = es.ElTimeline;
-      const _component_el_drawer = es.ElDrawer;
+      const _component_el_skeleton_item = vue.resolveComponent("el-skeleton-item");
+      const _component_el_skeleton = vue.resolveComponent("el-skeleton");
+      const _component_el_timeline = vue.resolveComponent("el-timeline");
+      const _component_el_drawer = vue.resolveComponent("el-drawer");
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [

package/dist/lib/designer/service-panel/component-panel.css

@@ -1,4 +1,4 @@
-.amb-design-attr-base-content[data-v-71fd6ce1] {
+.amb-design-attr-base-content[data-v-d998b38f] {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
   height: 100%;
@@ -6,16 +6,16 @@
   padding-right: 10px;
   overflow: auto;
 }
-.amb-design-attr-item[data-v-71fd6ce1] {
+.amb-design-attr-item[data-v-d998b38f] {
   margin-bottom: 8px;
 }
-.amb-design-attr-group-header > button[data-v-71fd6ce1] {
+.amb-design-attr-group-header > button[data-v-d998b38f] {
   background: #f5f6f8;
   padding-left: 10px;
   font-size: 14px;
   height: 42px;
 }
-.amb-design-attr-content[data-v-71fd6ce1] {
+.amb-design-attr-content[data-v-d998b38f] {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
   height: 100%;
@@ -24,20 +24,20 @@
   overflow: auto;
   position: relative;
 }
-.amb-design-attr-header-search[data-v-71fd6ce1] {
+.amb-design-attr-header-search[data-v-d998b38f] {
   margin-top: 16px;
 }
-.amb-design-attr-header-select[data-v-71fd6ce1] {
+.amb-design-attr-header-select[data-v-d998b38f] {
   width: 90px;
   height: 36px;
 }
-.amb-design-page-param-row[data-v-71fd6ce1] {
+.amb-design-page-param-row[data-v-d998b38f] {
   height: 34px;
 }
-.el-table__cell > .cell[data-v-71fd6ce1] {
+.el-table__cell > .cell[data-v-d998b38f] {
   white-space: nowrap !important;
 }
-.serviceflow-item[data-v-71fd6ce1] {
+.serviceflow-item[data-v-d998b38f] {
   background: rgba(88, 147, 239, 0.06);
   border: 1px dashed rgba(88, 147, 239, 0.06);
   border-radius: 4px 4px 4px 4px;
@@ -57,10 +57,10 @@
   -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* 标准语法 */
 }
-.serviceflow-item[data-v-71fd6ce1]:hover {
+.serviceflow-item[data-v-d998b38f]:hover {
   background: rgba(11, 45, 101, 0.105);
   border: 1px dashed rgba(11, 45, 101, 0.227);
 }
-.amb-assembly-item-drag[data-v-71fd6ce1] {
+.amb-assembly-item-drag[data-v-d998b38f] {
   opacity: 1 !important;
 }

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

@@ -2,5 +2,5 @@
 const componentPanel_vue_vue_type_script_setup_true_lang = require("./component-panel.vue2.js");
 ;/* empty css                      */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const ComponentPanel = /* @__PURE__ */ _pluginVue_exportHelper(componentPanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-71fd6ce1"]]);
+const ComponentPanel = /* @__PURE__ */ _pluginVue_exportHelper(componentPanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-d998b38f"]]);
 module.exports = ComponentPanel;

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

@@ -1,12 +1,5 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/collapse/style/css");
-require("element-plus/es/components/collapse-item/style/css");
-require("element-plus/es/components/row/style/css");
-require("element-plus/es/components/col/style/css");
 const vue = require("vue");
-const index = require("../service-components/index.js");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
@@ -17,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["drag-node"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
-    const openCollapseItems = vue.ref(index.serviceComponentGroups[0].name);
+    const openCollapseItems = vue.ref(null);
     function $_dragNode(serviceComponent) {
       console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
       emits("drag-node", serviceComponent);
@@ -28,19 +21,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_el_col = es.ElCol;
-      const _component_el_row = es.ElRow;
-      const _component_el_collapse_item = es.ElCollapseItem;
-      const _component_el_collapse = es.ElCollapse;
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
       return vue.openBlock(), vue.createBlock(_component_el_collapse, {
         modelValue: openCollapseItems.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
         style: { "margin-top": "6px" }
       }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(index.serviceComponentGroups), (group, index2) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.serviceComponentGroups, (group, index) => {
             return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
-              key: index2,
+              key: index,
               name: group.name,
               class: "amb-design-attr-group-header"
             }, {
@@ -56,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_2, [
                   vue.createVNode(_component_el_row, { gutter: 14 }, {
                     default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (serviceComponent, index22) => {
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (serviceComponent, index2) => {
                         return vue.openBlock(), vue.createBlock(_component_el_col, { span: 8 }, {
                           default: vue.withCtx(() => [
                             vue.createElementVNode("div", {

package/dist/lib/designer/service-panel/service-list.vue2.js

@@ -1,15 +1,4 @@
 "use strict";
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/dialog/style/css");
-require("element-plus/es/components/form-item/style/css");
-require("element-plus/es/components/tree/style/css");
-require("element-plus/es/components/row/style/css");
-require("element-plus/es/components/tooltip/style/css");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/col/style/css");
-require("element-plus/es/components/input/style/css");
-require("element-plus/es/components/icon/style/css");
 const vue = require("vue");
 const iconsVue = require("@element-plus/icons-vue");
 const uuid = require("uuid");
@@ -175,15 +164,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_el_icon = es.ElIcon;
-      const _component_el_input = es.ElInput;
-      const _component_el_col = es.ElCol;
-      const _component_el_button = es.ElButton;
-      const _component_el_tooltip = es.ElTooltip;
-      const _component_el_row = es.ElRow;
-      const _component_el_tree = es.ElTree;
-      const _component_el_form_item = es.ElFormItem;
-      const _component_el_dialog = es.ElDialog;
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(_component_el_row, null, {
           default: vue.withCtx(() => [

package/dist/lib/designer/service-panel/service-panel.css

@@ -1,5 +1,5 @@
 
-.amb-design-assembly-content[data-v-59e0837d] {
+.amb-design-assembly-content[data-v-697839eb] {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
   height: 100%;
@@ -8,10 +8,10 @@
   overflow: auto;
 }
 /*控制滚动条宽度*/
-.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
+.amb-design-assembly-content[data-v-697839eb]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-assembly-header[data-v-59e0837d] {
+.amb-assembly-header[data-v-697839eb] {
   position: absolute;
   width: 220px;
   text-align: center;
@@ -19,23 +19,23 @@
   padding-bottom: 14px;
   background-color: #ffffff;
 }
-.amb-assembly-header-type[data-v-59e0837d] {
+.amb-assembly-header-type[data-v-697839eb] {
   border-radius: 100px 100px 100px 100px;
   background: #ffffff;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
   padding: 10px;
   padding-bottom: 12px;
 }
-.amb-assembly-header-type > label[data-v-59e0837d] {
+.amb-assembly-header-type > label[data-v-697839eb] {
   padding: 4px 14px;
   cursor: pointer;
   font-size: 14px;
 }
-.amb-assembly-header-type > label.selected[data-v-59e0837d] {
+.amb-assembly-header-type > label.selected[data-v-697839eb] {
   border-radius: 100px 100px 100px 100px;
   background: #5893ef;
   color: #ffffff;
 }
-.amb-design-assembly-list[data-v-59e0837d] {
+.amb-design-assembly-list[data-v-697839eb] {
   padding-top: 80px;
 }

package/dist/lib/designer/service-panel/service-panel.vue.js

@@ -2,5 +2,5 @@
 const servicePanel_vue_vue_type_script_setup_true_lang = require("./service-panel.vue2.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const ServicePanel = /* @__PURE__ */ _pluginVue_exportHelper(servicePanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-59e0837d"]]);
+const ServicePanel = /* @__PURE__ */ _pluginVue_exportHelper(servicePanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-697839eb"]]);
 module.exports = ServicePanel;

package/dist/lib/designer/service-panel/service-panel.vue2.js

@@ -3,7 +3,6 @@ const vue = require("vue");
 const LogicFlow = require("@logicflow/core");
 const serviceList = require("./service-list.vue.js");
 const componentPanel = require("./component-panel.vue.js");
-require("../service-components/index.js");
 const _hoisted_1 = { class: "amb-assembly-header" };
 const _hoisted_2 = { class: "amb-assembly-header-type" };
 const _hoisted_3 = { class: "amb-design-assembly-list" };

package/dist/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const desginerIndex = ;/* empty css                             */
+const desginerIndex = require("./designer/desginer-index.vue.js");
 const wfEditor = require("./wf-editor/wf-editor.vue.js");
 exports.ServiceFlowDesginer = desginerIndex;
 exports.WfEditor = wfEditor;