service-flow-designer 1.1.18-tmp1 → 2.0.1

package/dist/es/designer/service-components/database/aggregate-query/statistical-formula.vue.js

@@ -1,4 +1,13 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, unref, createElementVNode } from "vue";
+import { ElTableColumn, ElOption, ElSelect, ElInput, ElButton, ElTooltip, 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/tooltip/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/input/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 { defineComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, unref, createElementVNode } from "vue";
 import { Plus, Minus } from "@element-plus/icons-vue";
 import { formulas } from "../../util/common-options.js";
 const _hoisted_1 = { key: 0 };
@@ -20,8 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
   },
-  setup(__props) {
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const rowDblclick = () => {
     };
     const handleDelete = (index, row) => {
@@ -34,16 +45,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.properties.statisticalFormulas.push({ $editing: true });
     };
     return (_ctx, _cache) => {
-      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 = resolveComponent("el-input");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_input = ElInput;
+      const _component_el_button = ElButton;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_table = ElTable;
       return openBlock(), createBlock(_component_el_table, {
         data: __props.properties.statisticalFormulas,
-        style: { "width": "100%", "margin-bottom": "20px" },
         "row-key": "name",
         onRowDblclick: rowDblclick,
         size: "small",
@@ -64,18 +74,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.name), 1)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 filterable: true,
-                "allow-create": true,
                 modelValue: scope.row.name,
                 "onUpdate:modelValue": ($event) => scope.row.name = $event,
                 placeholder: "",
-                size: "small"
+                size: "small",
+                onChange: _cache[0] || (_cache[0] = ($event) => emits("change"))
               }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dataTableColumns, (item) => {
                     return openBlock(), createBlock(_component_el_option, {
-                      key: item.name,
-                      label: item.alias,
-                      value: item.name
+                      key: item.dbColumnName,
+                      label: item.alias + "(" + item.dbColumnName + ")",
+                      value: item.dbColumnName
                     }, null, 8, ["label", "value"]);
                   }), 128))
                 ]),
@@ -96,7 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 modelValue: scope.row.formula,
                 "onUpdate:modelValue": ($event) => scope.row.formula = $event,
                 placeholder: "",
-                size: "small"
+                size: "small",
+                onChange: _cache[1] || (_cache[1] = ($event) => emits("change"))
               }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formulas), (item) => {
@@ -113,21 +124,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createVNode(_component_el_table_column, {
-            prop: "alias",
-            label: "别名"
+            prop: "newName",
+            label: "新字段名",
+            width: "160"
           }, {
             default: withCtx((scope) => [
-              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.alias), 1)) : (openBlock(), createBlock(_component_el_input, {
+              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.newName), 1)) : (openBlock(), createBlock(_component_el_input, {
                 key: 1,
-                modelValue: scope.row.alias,
-                "onUpdate:modelValue": ($event) => scope.row.alias = $event,
+                modelValue: scope.row.newName,
+                "onUpdate:modelValue": ($event) => scope.row.newName = $event,
                 placeholder: "",
-                size: "small"
+                size: "small",
+                onChange: _cache[2] || (_cache[2] = ($event) => emits("change"))
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))
             ]),
             _: 1
           }),
-          createVNode(_component_el_table_column, { align: "right" }, {
+          createVNode(_component_el_table_column, {
+            align: "center",
+            width: "80"
+          }, {
             header: withCtx(() => [
               createVNode(_component_el_tooltip, {
                 effect: "dark",
@@ -140,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     size: "small",
                     icon: unref(Plus),
                     circle: "",
-                    onClick: _cache[0] || (_cache[0] = ($event) => addRow())
+                    onClick: _cache[3] || (_cache[3] = ($event) => addRow())
                   }, null, 8, ["icon"])
                 ]),
                 _: 1

package/dist/es/designer/service-components/database/dynamic-sql/config.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./config.vue2.js";
 import "./config.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ffee0416"]]);
+const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-684c1f08"]]);
 export {
   config as default
 };

package/dist/es/designer/service-components/database/dynamic-sql/config.vue2.js

@@ -1,4 +1,23 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, withDirectives, Fragment, renderList, createBlock, vShow, createTextVNode, pushScopeId, popScopeId } from "vue";
+import { ElDivider, ElCheckbox, ElInput, ElButton, ElFormItem, ElOption, ElSelect, ElTooltip, ElIcon, ElTableColumn, ElTable, ElTabPane, ElTabs, ElAlert, ElRadio, ElRadioGroup, ElForm } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/alert/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/divider/style/css";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, withDirectives, Fragment, renderList, createBlock, vShow, createTextVNode, pushScopeId, popScopeId } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import { Search, FullScreen, CaretRight } from "@element-plus/icons-vue";
@@ -10,7 +29,7 @@ import ValueSetInput from "../../../common/components/value-set-input/value-set-
 import DatabaseSelect from "../../../common/components/database-select.vue.js";
 import { useServiceFlowStore } from "../../../../stores/page-store.js";
 import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
-const _withScopeId = (n) => (pushScopeId("data-v-ffee0416"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-684c1f08"), n = n(), popScopeId(), n);
 const _hoisted_1 = { style: {} };
 const _hoisted_2 = {
   style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
@@ -40,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["fullScreen"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    useServiceFlowStore(window["$pinia"]);
+    useServiceFlowStore();
     const emits = __emit;
     const props = __props;
     const sqlResult = ref([]);
@@ -164,23 +183,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_divider = resolveComponent("el-divider");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_tab_pane = resolveComponent("el-tab-pane");
-      const _component_el_tabs = resolveComponent("el-tabs");
-      const _component_el_alert = resolveComponent("el-alert");
-      const _component_el_radio = resolveComponent("el-radio");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_form = resolveComponent("el-form");
+      const _component_el_divider = ElDivider;
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_input = ElInput;
+      const _component_el_button = ElButton;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_icon = ElIcon;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_table = ElTable;
+      const _component_el_tab_pane = ElTabPane;
+      const _component_el_tabs = ElTabs;
+      const _component_el_alert = ElAlert;
+      const _component_el_radio = ElRadio;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_form = ElForm;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_el_form, {
           "label-width": "auto",

package/dist/es/designer/service-components/database/dynamic-sql/index.vue2.js

@@ -1,4 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
+import { ElDivider } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/divider/style/css";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
 import _imports_0 from "../../../../assets/icon/vardef-v.png.js";
 const _withScopeId = (n) => (pushScopeId("data-v-5911272d"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
@@ -21,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["btnClick"],
   setup(__props, { emit: __emit }) {
     return (_ctx, _cache) => {
-      const _component_el_divider = resolveComponent("el-divider");
+      const _component_el_divider = ElDivider;
       return openBlock(), createElementBlock("div", null, [
         _hoisted_1,
         createElementVNode("div", {

package/dist/es/designer/service-components/database/regular-query/config.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./config.vue2.js";
 import "./config.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b31b356"]]);
+const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e38bfb"]]);
 export {
   config as default
 };

package/dist/es/designer/service-components/database/regular-query/config.vue2.js

@@ -1,4 +1,20 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, toDisplayString, createBlock, Fragment, renderList, createElementVNode, createTextVNode } from "vue";
+import { ElCheckbox, ElInput, ElButton, ElFormItem, ElAlert, ElTableColumn, ElOption, ElSelect, ElTooltip, ElTable, ElRadio, ElRadioGroup, ElDivider, ElForm } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/divider/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/tooltip/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/alert/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, toDisplayString, createBlock, Fragment, renderList, createElementVNode, createTextVNode } from "vue";
 import { Search, Plus, Minus } from "@element-plus/icons-vue";
 import { getLabel, sqlOperators, logicOperators } from "../../util/common-options.js";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
@@ -36,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, { expose: __expose }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const props = __props;
     const showSelectTable = ref(false);
     const dataTableColumns = ref([]);
@@ -55,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!props.properties.dataTable || props.properties.dataTable === serviceFlowStoreUtil.pageContext.tableName) {
         dataTableColumns.value = serviceFlowStoreUtil.pageContext.modelFields;
       } else {
-        window["$http"].get("/mms/systems/getPublishVersionsByCode/" + props.properties.dataTableSystemCode).then((systems) => {
+        http.get("/mms/systems/getPublishVersionsByCode/" + props.properties.dataTableSystemCode).then((systems) => {
           http.get(
             "/mms/data-tables/table-columns?tableName=" + props.properties.dataTable + "&systemCode=" + props.properties.dataTableSystemCode + "&publishVersion=" + systems[systems.length - 1].publishVersion
           ).then((res) => {
@@ -116,20 +132,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({ onClose });
     return (_ctx, _cache) => {
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_alert = resolveComponent("el-alert");
-      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_tooltip = resolveComponent("el-tooltip");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_radio = resolveComponent("el-radio");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_divider = resolveComponent("el-divider");
-      const _component_el_form = resolveComponent("el-form");
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_input = ElInput;
+      const _component_el_button = ElButton;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_alert = ElAlert;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_table = ElTable;
+      const _component_el_radio = ElRadio;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_divider = ElDivider;
+      const _component_el_form = ElForm;
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_el_form, {
           "label-width": "auto",

package/dist/es/designer/service-components/database/regular-query/index.vue2.js

@@ -1,4 +1,7 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, Fragment, renderList, pushScopeId, popScopeId } from "vue";
+import { ElDivider } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/divider/style/css";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, Fragment, renderList, pushScopeId, popScopeId } from "vue";
 import _imports_0 from "../../../../assets/icon/vardef-v.png.js";
 const _withScopeId = (n) => (pushScopeId("data-v-4c6dfa4a"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
@@ -60,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_el_divider = resolveComponent("el-divider");
+      const _component_el_divider = ElDivider;
       return openBlock(), createElementBlock("div", null, [
         _hoisted_1,
         createElementVNode("div", {

package/dist/es/designer/service-components/{import-index.js → index.js}

@@ -8,13 +8,21 @@ import aggregateQuery from "./database/aggregate-query/index.js";
 import dynamicSql from "./database/dynamic-sql/index.js";
 import notification from "./base/notification/index.js";
 import connect from "./computation/connect/index.js";
-import splitJoint from "./computation/split-joint/index.js";
+import "@logicflow/core";
+import "@logicflow/extension";
+import { defineAsyncComponent } from "vue";
+import "../flow/base/AbLogicResizeNodeModel.js";
+import "../flow/base/AbLogicResizeNode.js";
+import "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/divider/style/css";
+import "./computation/split-joint/index.vue.js";
 import computationClean from "./computation/clean/index.js";
 import statistics from "./computation/statistics/index.js";
 import computationSort from "./computation/sort/index.js";
 import httpService from "./service/http-service/index.js";
 import customBean from "./service/custom-bean/index.js";
-import { defineAsyncComponent } from "vue";
+import componentsIcons from "./components-icons.js";
 const initNodes = [
   {
     type: "start",
@@ -28,12 +36,12 @@ const serviceComponentGroups = [
   {
     name: "base",
     label: "基本",
-    icon: "../../assets/icon/base.png",
+    icon: componentsIcons.baseIcon,
     items: [
       {
         type: "judgeCondition",
         label: "条件判断",
-        icon: "../../assets/icon/condition.png",
+        icon: componentsIcons.judgeConditionIcon,
         nodeAndView: judgeCondition,
         drawerWidth: "60%",
         configComponent: defineAsyncComponent(() => {
@@ -43,7 +51,7 @@ const serviceComponentGroups = [
       {
         type: "loop",
         label: "循环",
-        icon: "../../assets/icon/loop.svg",
+        icon: componentsIcons.loopIcon,
         nodeAndView: loopNode,
         drawerWidth: "30%",
         configComponent: defineAsyncComponent(() => {
@@ -53,7 +61,7 @@ const serviceComponentGroups = [
       {
         type: "customFunction",
         label: "自定义函数",
-        icon: "../../assets/icon/function.png",
+        icon: componentsIcons.customFunctionIcon,
         nodeAndView: customFunction,
         configComponent: defineAsyncComponent(() => {
           return import("./base/custom-function/config.vue.js");
@@ -62,7 +70,7 @@ const serviceComponentGroups = [
       {
         type: "end",
         label: "结束",
-        icon: "../../assets/icon/end.png",
+        icon: componentsIcons.endIcon,
         nodeAndView: endNode,
         configComponent: null
       }
@@ -71,12 +79,12 @@ const serviceComponentGroups = [
   {
     name: "database",
     label: "数据库",
-    icon: "../../assets/icon/base.png",
+    icon: componentsIcons.baseIcon,
     items: [
       {
         type: "regularQuery",
         label: "普通查询",
-        icon: "../../assets/icon/regularQuery.svg",
+        icon: componentsIcons.regularQueryIcon,
         nodeAndView: regularQuery,
         configComponent: defineAsyncComponent(() => {
           return import("./database/regular-query/config.vue.js");
@@ -86,7 +94,7 @@ const serviceComponentGroups = [
         type: "aggregateQuery",
         label: "汇总查询",
         drawerWidth: "60%",
-        icon: "../../assets/icon/aggregateQuery.svg",
+        icon: componentsIcons.aggregateQueryIcon,
         nodeAndView: aggregateQuery,
         configComponent: defineAsyncComponent(() => {
           return import("./database/aggregate-query/config.vue.js");
@@ -96,7 +104,7 @@ const serviceComponentGroups = [
         type: "dynamicSql",
         label: "动态SQL",
         drawerWidth: "60%",
-        icon: "../../assets/icon/dynamicSql.svg",
+        icon: componentsIcons.dynamicSqlIcon,
         nodeAndView: dynamicSql,
         configComponent: defineAsyncComponent(() => {
           return import("./database/dynamic-sql/config.vue.js");
@@ -107,12 +115,12 @@ const serviceComponentGroups = [
   {
     name: "computation",
     label: "计算",
-    icon: "../../assets/icon/base.png",
+    icon: componentsIcons.baseIcon,
     items: [
       {
         type: "connect",
         label: "连接",
-        icon: "../../assets/icon/connect.svg",
+        icon: componentsIcons.connectIcon,
         nodeAndView: connect,
         configComponent: defineAsyncComponent(() => {
           return import("./computation/connect/config.vue.js");
@@ -122,7 +130,7 @@ const serviceComponentGroups = [
         type: "splitJoint",
         label: "拼接",
         icon: "../../assets/icon/split-joint.svg",
-        nodeAndView: splitJoint,
+        nodeAndView: componentsIcons.splitJointIcon,
         drawerWidth: "50%",
         configComponent: defineAsyncComponent(() => {
           return import("./computation/split-joint/config.vue.js");
@@ -131,7 +139,7 @@ const serviceComponentGroups = [
       {
         type: "computationClean",
         label: "清理",
-        icon: "../../assets/icon/clean.svg",
+        icon: componentsIcons.cleanIcon,
         nodeAndView: computationClean,
         drawerWidth: "60%",
         configComponent: defineAsyncComponent(() => {
@@ -141,7 +149,7 @@ const serviceComponentGroups = [
       {
         type: "statistics",
         label: "统计",
-        icon: "../../assets/icon/statistics.svg",
+        icon: componentsIcons.statisticsIcon,
         nodeAndView: statistics,
         drawerWidth: "50%",
         configComponent: defineAsyncComponent(() => {
@@ -151,7 +159,7 @@ const serviceComponentGroups = [
       {
         type: "computationSort",
         label: "排序",
-        icon: "../../assets/icon/sort.svg",
+        icon: componentsIcons.computationSortIcon,
         nodeAndView: computationSort,
         drawerWidth: "50%",
         configComponent: defineAsyncComponent(() => {
@@ -163,13 +171,13 @@ const serviceComponentGroups = [
   {
     name: "notification",
     label: "通知",
-    icon: "../../assets/icon/base.png",
+    icon: componentsIcons.baseIcon,
     items: [
       {
         type: "notification",
         label: "通知",
         drawerWidth: "50%",
-        icon: "../../assets/icon/notification.svg",
+        icon: componentsIcons.notificationIcon,
         nodeAndView: notification,
         configComponent: defineAsyncComponent(() => {
           return import("./base/notification/config.vue.js");
@@ -180,13 +188,13 @@ const serviceComponentGroups = [
   {
     name: "service",
     label: "服务",
-    icon: "../../assets/icon/base.png",
+    icon: componentsIcons.baseIcon,
     items: [
       {
         type: "httpService",
         label: "http服务",
         drawerWidth: "60%",
-        icon: "../../assets/icon/http-service.svg",
+        icon: componentsIcons.httpServiceIcon,
         nodeAndView: httpService,
         configComponent: defineAsyncComponent(() => {
           return import("./service/http-service/config.vue.js");
@@ -196,7 +204,7 @@ const serviceComponentGroups = [
         type: "customBean",
         label: "自定义bean",
         drawerWidth: "50%",
-        icon: "../../assets/icon/http-service.svg",
+        icon: componentsIcons.httpServiceIcon,
         nodeAndView: customBean,
         configComponent: defineAsyncComponent(() => {
           return import("./service/custom-bean/config.vue.js");

package/dist/es/designer/service-components/service/common/cookie-data.vue.js

@@ -1,4 +1,10 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createTextVNode } from "vue";
+import { ElInput, ElTableColumn, ElButton, 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/button/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, unref, createTextVNode } from "vue";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "cookie-data",
@@ -28,10 +34,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.modelValue.splice(index, 1);
     };
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_button = ElButton;
+      const _component_el_table = ElTable;
       return openBlock(), createBlock(_component_el_table, {
         data: __props.modelValue,
         border: "",

package/dist/es/designer/service-components/service/common/form-data.vue.js

@@ -1,4 +1,12 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createTextVNode, createCommentVNode } from "vue";
+import { ElOption, ElSelect, ElInput, ElTableColumn, ElButton, 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/button/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref, createTextVNode, createCommentVNode } from "vue";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "form-data",
@@ -30,12 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_button = ElButton;
+      const _component_el_table = ElTable;
       return Array.isArray(__props.modelValue) ? (openBlock(), createBlock(_component_el_table, {
         key: 0,
         data: __props.modelValue,

package/dist/es/designer/service-components/service/common/header-data.vue.js

@@ -1,4 +1,10 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createTextVNode } from "vue";
+import { ElInput, ElTableColumn, ElButton, 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/button/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, unref, createTextVNode } from "vue";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "header-data",
@@ -29,10 +35,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_table = resolveComponent("el-table");
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_button = ElButton;
+      const _component_el_table = ElTable;
       return openBlock(), createBlock(_component_el_table, {
         data: __props.modelValue,
         border: "",