service-flow-designer 1.1.18 → 2.0.1

package/dist/es/designer/common/components/value-set-input/value-set-input.vue2.js

@@ -1,15 +1,32 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, normalizeStyle, unref, withModifiers, createElementVNode, createTextVNode, nextTick, pushScopeId, popScopeId } from "vue";
+import { ElButton, ElInput, ElCascaderPanel, ElCol, ElEmpty, ElIcon, ElTableColumn, ElTable, ElRow, ElPopover } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/popover/style/css";
+import "element-plus/es/components/row/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/empty/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/cascader-panel/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent, ref, computed, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, normalizeStyle, unref, withModifiers, createElementVNode, withDirectives, createTextVNode, Fragment, renderList, vShow, nextTick, pushScopeId, popScopeId } from "vue";
 import { Search, Delete, Plus, InfoFilled } from "@element-plus/icons-vue";
+import { v4 } from "uuid";
 import { getTypeOptions, contextVarOptions, taskVarOptions } from "./option.js";
 import { useServiceFlowStore } from "../../../../stores/page-store.js";
 import fileUpload from "../file-upload.vue.js";
-import "agilebuilder-ui/src/utils/request";
+import http from "agilebuilder-ui/src/utils/request";
 import { ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-f8186126"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-9cc733d7"), n = n(), popScopeId(), n);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_4 = { class: "totalStyle" };
+const _hoisted_4 = { style: { "font-size": "10px", "line-height": "30px" } };
+const _hoisted_5 = { style: { "margin-bottom": "5px" } };
+const _hoisted_6 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
+const _hoisted_8 = { class: "totalStyle" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ValueSetInput",
@@ -52,11 +69,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showFileUpload: {
       type: Boolean,
       default: false
+    },
+    //自动创建服务字段的类型
+    autoCreateFieldType: {
+      type: String,
+      required: false
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const emits = __emit;
     const props = __props;
     const defalutValue = ref(null);
@@ -65,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showInputType = ref("");
     const fileObject = ref({});
     const labelValue = ref(null);
+    const requestParams = ref([]);
     const paramType = ref(null);
     const paramValue = ref(null);
     const valueOptions = ref([]);
@@ -110,9 +133,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           showInputType.value = "input";
         }
-        setValueOptions(paramType.value);
-        labelValue.value = formatter();
       }
+      labelValue.value = formatter();
     }
     const filterTableData = computed(
       () => valueOptions.value.filter(
@@ -125,6 +147,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         selectOptions.value.dataModelOptions = props.customOptions.data;
       }
       selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
+      const tempParams = [
+        {
+          value: "query",
+          label: "query"
+        }
+      ];
+      if (serviceFlowStoreUtil.pageContext) {
+        convertVariablesToParams(serviceFlowStoreUtil.pageContext.variables, tempParams, "");
+      }
+      requestParams.value = tempParams;
+    }
+    function convertVariablesToParams(variables, tempParams, parentFieldName) {
+      if (!variables) {
+        return;
+      }
+      for (let v of variables) {
+        if (!v.name) {
+          continue;
+        }
+        let tempParentName = parentFieldName;
+        if (!v.isArrayElement) {
+          let fieldName = v.name;
+          if (parentFieldName) {
+            fieldName = parentFieldName + "." + fieldName;
+          }
+          const label = v.alias ? fieldName + "(" + v.alias + ")" : fieldName;
+          tempParams.push({
+            value: fieldName,
+            label
+          });
+          tempParentName = fieldName;
+        }
+        if (v.items) {
+          convertVariablesToParams(v.items, tempParams, tempParentName);
+        }
+      }
     }
     function formatter() {
       if (props.modelValue) {
@@ -147,6 +205,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showInputType.value = "input";
       }
     }
+    if (!paramType.value && typeOptions.value.length > 0) {
+      paramType.value = typeOptions.value[0].value;
+      paramTypeChange(paramType.value);
+      console.log("paramType.value--", paramType.value);
+    }
     function setValueOptions(value) {
       if (value === "context") {
         valueOptions.value = contextVarOptions;
@@ -176,6 +239,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("update:modelValue", defalutValue.value);
       popoverRef.value.hide();
     }
+    function addRequestParam(addParam) {
+      paramValue.value = addParam;
+      addInputParams();
+    }
+    function addServiceParams() {
+      searchValue.value = searchValue.value.trim();
+      if (!searchValue.value) {
+        ElMessage.warning("请输入参数名");
+        return;
+      }
+      const tempValues = selectOptions.value.serviceVarOptions || [];
+      for (let t of tempValues) {
+        if (t.value === searchValue.value) {
+          ElMessage.warning("该变量已存在!");
+          return;
+        }
+      }
+      const variable = {
+        code: v4(),
+        level: 1,
+        name: searchValue.value,
+        alias: searchValue.value,
+        type: props.autoCreateFieldType ? props.autoCreateFieldType : "string",
+        defaultValue: "",
+        items: []
+      };
+      if (variable.type == "array") {
+        variable.items.push({
+          level: variable.level + 1,
+          code: v4(),
+          name: "items",
+          isArrayElement: true,
+          alias: "",
+          type: "object",
+          defaultValue: "",
+          items: []
+        });
+      }
+      if (!serviceFlowStoreUtil.currentService.variables) {
+        serviceFlowStoreUtil.currentService.variables = [];
+      }
+      serviceFlowStoreUtil.currentService.variables.push(variable);
+      selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
+      setValueOptions(paramType.value);
+      paramValue.value = searchValue.value;
+      defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
+      emits("update:modelValue", defalutValue.value);
+      popoverRef.value.hide();
+    }
     function getTypeLabel(valueType) {
       var _a;
       return (_a = typeOptions.value.find((item) => item.value === valueType)) == null ? void 0 : _a.label;
@@ -229,7 +341,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         query: searchValue.value
       };
       lastSystemQuery = searchValue.value;
-      window["$http"].post("/component/system-params/query", param).then((results) => {
+      http.post("/component/system-params/query", param).then((results) => {
         const tempOptions = [];
         for (let result of results) {
           tempOptions.push({
@@ -247,16 +359,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setSelectOptions
     });
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_empty = resolveComponent("el-empty");
-      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_row = resolveComponent("el-row");
-      const _component_el_popover = resolveComponent("el-popover");
+      const _component_el_button = ElButton;
+      const _component_el_input = ElInput;
+      const _component_el_cascader_panel = ElCascaderPanel;
+      const _component_el_col = ElCol;
+      const _component_el_empty = ElEmpty;
+      const _component_el_icon = ElIcon;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_table = ElTable;
+      const _component_el_row = ElRow;
+      const _component_el_popover = ElPopover;
       return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(labelValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
         key: 1,
         ref_key: "popoverRef",
@@ -321,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(_component_el_input, {
-                    style: { "width": "75%" },
+                    style: { "width": "88%" },
                     size: "small",
                     modelValue: paramValue.value,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => paramValue.value = $event),
@@ -343,6 +455,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     }),
                     _hoisted_3
+                  ]),
+                  withDirectives(createElementVNode("div", _hoisted_4, [
+                    createTextVNode(" 可用参数： "),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(requestParams.value, (o) => {
+                      return openBlock(), createBlock(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        onClick: ($event) => addRequestParam(o.value)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(o.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 256))
+                  ], 512), [
+                    [vShow, paramType.value == "request"]
                   ])
                 ]),
                 _: 1
@@ -363,14 +492,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 span: 16
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    size: "small",
-                    modelValue: searchValue.value,
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
-                    placeholder: "搜索",
-                    "suffix-icon": unref(Search),
-                    style: { "margin-bottom": "5px", "height": "25px" }
-                  }, null, 8, ["modelValue", "suffix-icon"]),
+                  createElementVNode("div", _hoisted_5, [
+                    createVNode(_component_el_input, {
+                      size: "small",
+                      modelValue: searchValue.value,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
+                      placeholder: "搜索",
+                      "suffix-icon": unref(Search),
+                      style: { "width": "88%" }
+                    }, null, 8, ["modelValue", "suffix-icon"]),
+                    withDirectives(createVNode(_component_el_button, {
+                      style: { "float": "right" },
+                      onClick: addServiceParams,
+                      size: "small",
+                      type: "primary",
+                      icon: unref(Plus),
+                      circle: ""
+                    }, null, 8, ["icon"]), [
+                      [vShow, paramType.value == "service"]
+                    ]),
+                    withDirectives(createElementVNode("div", _hoisted_6, [
+                      createVNode(_component_el_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(InfoFilled))
+                        ]),
+                        _: 1
+                      }),
+                      _hoisted_7
+                    ], 512), [
+                      [vShow, paramType.value == "service"]
+                    ])
+                  ]),
                   createVNode(_component_el_table, {
                     ref_key: "tableRef",
                     ref: tableRef,
@@ -402,7 +554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["data"]),
-                  createElementVNode("div", _hoisted_4, "总计：" + toDisplayString(filterTableData.value.length), 1)
+                  createElementVNode("div", _hoisted_8, "总计：" + toDisplayString(filterTableData.value.length), 1)
                 ]),
                 _: 1
               }))

package/dist/es/designer/common/components/value-set-input/value-set-input.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/desginer-index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./desginer-index.vue2.js";
-/* empty css                    */
+import "./desginer-index.vue3.js";
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowDesginer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afc09bd6"]]);
+const ServiceFlowDesginer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9cfa34b7"]]);
 export {
   ServiceFlowDesginer as default
 };

package/dist/es/designer/desginer-index.vue2.js

@@ -1,9 +1,14 @@
-import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, normalizeStyle } from "vue";
+import { ElAside, ElMain, ElContainer } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/container/style/css";
+import "element-plus/es/components/main/style/css";
+import "element-plus/es/components/aside/style/css";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createVNode, withCtx, normalizeStyle } from "vue";
 import ServicePanel from "./service-panel/service-panel.vue.js";
 import ServiceFlowView from "./service-flow-view/view-index.vue.js";
-import "./service-components/import-index.js";
+import "./service-components/index.js";
 import { useServiceFlowStore } from "../stores/page-store.js";
-import "agilebuilder-ui/src/utils/request";
+import http from "agilebuilder-ui/src/utils/request";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "desginer-index",
   props: {
@@ -15,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const serviceTreeData = ref([]);
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     serviceFlowStoreUtil.setPageContext(props.pageContext);
     const logicFlowInstance = ref(null);
     const serviceFlowViewRef = ref();
@@ -36,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const loadTreeData = () => {
-      window["$http"].get(
+      http.get(
         "/component/super-page-design/service-flow/tree/" + props.pageContext.systemCode + "/" + props.pageContext.systemVersion
       ).then((res) => {
         if (res) {
@@ -57,9 +62,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       logicFlowInstance.value = null;
     };
     return (_ctx, _cache) => {
-      const _component_el_aside = resolveComponent("el-aside");
-      const _component_el_main = resolveComponent("el-main");
-      const _component_el_container = resolveComponent("el-container");
+      const _component_el_aside = ElAside;
+      const _component_el_main = ElMain;
+      const _component_el_container = ElContainer;
       return openBlock(), createElementBlock("div", {
         ref_key: "serviceFlowContainerRef",
         ref: serviceFlowContainerRef

package/dist/es/designer/desginer-index.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/custom-function/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-/* empty css            */
+import "./config.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d55ab098"]]);
 export {

package/dist/es/designer/service-components/base/custom-function/config.vue2.js

@@ -1,4 +1,11 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
+import { ElOption, ElSelect, ElTooltip, ElIcon, 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/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 { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import { Search, FullScreen } from "@element-plus/icons-vue";
@@ -130,11 +137,11 @@ 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_tooltip = resolveComponent("el-tooltip");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_form = resolveComponent("el-form");
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_icon = ElIcon;
+      const _component_el_form = ElForm;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_el_form, {
           "label-width": "auto",

package/dist/es/designer/service-components/base/custom-function/config.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/custom-function/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-/* empty css           */
+import "./index.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const CustomFunction = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-faa5a940"]]);
 export {

package/dist/es/designer/service-components/base/custom-function/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-faa5a940"), 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/base/custom-function/index.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/end-node/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-/* empty css           */
+import "./index.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const Start = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b28923f3"]]);
 export {

package/dist/es/designer/service-components/base/end-node/index.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/judge-condition/config.vue2.js

@@ -1,9 +1,24 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, Fragment, renderList, unref, toDisplayString, createBlock, createElementVNode } from "vue";
+import { ElMessageBox, ElInput, ElButton, ElFormItem, ElAlert, ElTableColumn, ElOption, ElSelect, ElTooltip, ElTable, ElRadio, 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/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 { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, Fragment, renderList, unref, toDisplayString, createBlock, createElementVNode } from "vue";
 import { Delete, Plus, Minus } from "@element-plus/icons-vue";
 import { getLabel, operators, logicOperators } from "../../util/common-options.js";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import { ElMessage } from "element-plus";
+import "element-plus/es/components/message-box/style/css";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 0 };
@@ -156,18 +171,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     __expose({ getData, onClose });
     return (_ctx, _cache) => {
-      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_divider = resolveComponent("el-divider");
-      const _component_el_form = resolveComponent("el-form");
+      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_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/base/judge-condition/index.js

@@ -9,13 +9,13 @@ import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
 import "../../../flow/base/AbLogicResizeNodeModel.js";
 import "../../../flow/base/AbLogicResizeNode.js";
 import { h, createApp } from "vue";
-import myJudgeCondition from "./index.vue.js";
+import JudgeCondition from "./index.vue.js";
 class JudgeConditionNode extends AbLogicNode {
   constructor(props) {
     super(props);
     __publicField(this, "customP1");
     this.isMounted = false;
-    this.r = h(myJudgeCondition, {
+    this.r = h(JudgeCondition, {
       text: props.model.inputData,
       model: props.model,
       graphModel: props.graphModel,

package/dist/es/designer/service-components/base/judge-condition/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
-/* empty css           */
+import "./index.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const myJudgeCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c176feb6"]]);
+const JudgeCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c176feb6"]]);
 export {
-  myJudgeCondition as default
+  JudgeCondition as default
 };

package/dist/es/designer/service-components/base/judge-condition/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-c176feb6"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
@@ -37,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
     });
     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/base/judge-condition/index.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/loop-node/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-/* empty css            */
+import "./config.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a158f309"]]);
 export {

package/dist/es/designer/service-components/base/loop-node/config.vue2.js

@@ -1,4 +1,10 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
+import { ElDivider, ElFormItem, ElAlert, 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/alert/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/divider/style/css";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,10 +19,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_el_divider = resolveComponent("el-divider");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_alert = resolveComponent("el-alert");
-      const _component_el_form = resolveComponent("el-form");
+      const _component_el_divider = ElDivider;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_alert = ElAlert;
+      const _component_el_form = ElForm;
       return openBlock(), createBlock(_component_el_form, {
         "label-width": "auto",
         "label-position": "left"

package/dist/es/designer/service-components/base/loop-node/config.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/designer/service-components/base/loop-node/index.js

@@ -1,6 +1,9 @@
+import { h } from "@logicflow/core";
 import { GroupNode } from "@logicflow/extension";
 import "vue";
-import { h } from "@logicflow/core";
+import "../../../flow/base/AbLogicResizeNodeModel.js";
+import "../../../flow/base/AbLogicResizeNode.js";
+import "./index.vue.js";
 class LoopNode extends GroupNode.view {
   getResizeShape() {
     const { model } = this.props;

package/dist/es/designer/service-components/base/loop-node/index.vue.js

@@ -0,0 +1 @@
+