service-flow-designer 0.0.1-beta

package/dist/lib/designer/service-components/computation/connect/index.js

@@ -0,0 +1,64 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+const Vue = require("vue");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/StartEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/EndEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/gateways/ExclusiveGateway.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/UserTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/ServiceTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/flow/SequenceFlow.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/turbo-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/insert-node-in-polyline/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/control/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/context-menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/dnd-panel/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/selection-select/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/mini-map/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/curved-edge/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/group/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/RectResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/EllipseResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/DiamondResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/HtmlResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/flow-path/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/auto-layout/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/xml2json.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/highlight/index.js");
+const index = ;/* empty css           */
+class ConnectNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = Vue.h(index, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = Vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class ConnectNodeModel extends AbLogicNodeModel {
+}
+const connect = {
+  type: "connect",
+  view: ConnectNode,
+  model: ConnectNodeModel,
+  options: {}
+};
+module.exports = connect;

package/dist/lib/designer/service-components/computation/connect/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/computation/connect/index.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const Connect = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-9fff2753"]]);
+module.exports = Connect;

package/dist/lib/designer/service-components/computation/connect/index.vue2.js

@@ -0,0 +1,43 @@
+"use strict";
+;/* empty css                                                                                                           */
+;/* empty css                                                                                                                 */
+const Vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const index = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js");
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-9fff2753"), n = n(), Vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("div", { class: "nodeTitle" }, "计算-连接", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = index.ElDivider;
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        _hoisted_1,
+        Vue.createElementVNode("div", {
+          class: "nodeView",
+          style: Vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          Vue.createVNode(_component_el_divider),
+          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/computation/sort/config.css

@@ -0,0 +1,10 @@
+
+.el-alert + .el-table[data-v-e27c4c1e] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-e27c4c1e] {
+  margin: 10px 0;
+}
+.el-alert + .el-form-item[data-v-e27c4c1e] {
+  margin-top: 10px;
+}

package/dist/lib/designer/service-components/computation/sort/config.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+    service: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/computation/sort/config.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const config_vue_vue_type_script_setup_true_lang = require("./config.vue2.js");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const config = /* @__PURE__ */ _pluginVue_exportHelper(config_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-e27c4c1e"]]);
+module.exports = config;

package/dist/lib/designer/service-components/computation/sort/config.vue2.js

@@ -0,0 +1,324 @@
+"use strict";
+;/* empty css                                                                                                           */
+;/* empty css                                                                                                              */
+;/* empty css                                                                                                               */
+;/* empty css                                                                                                                  */
+require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                      */
+;/* empty css                                                                                                             */
+;/* empty css                                                                                                               */
+;/* empty css                                                                                                                */
+require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-form-item.css.js");
+;/* empty css                                                                                                               */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                      */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                 */
+const Vue = require("vue");
+const index = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const index$1 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js");
+const index$2 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/select/index.js");
+const index$3 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js");
+const index$4 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js");
+const index$5 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/alert/index.js");
+const index$6 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/table/index.js");
+const index$7 = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js");
+const _hoisted_1 = { style: { "position": "absolute", "right": "10px" } };
+const _hoisted_2 = { key: 0 };
+const _hoisted_4 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    service: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    Vue.ref([]);
+    const dataSources = Vue.ref([]);
+    const enableFieldOptions = Vue.ref([]);
+    const baseTypeFields = Vue.ref([]);
+    Vue.onMounted(() => {
+      if (props.service.variables) {
+        props.service.variables.forEach((item) => {
+          if (item.type === "array") {
+            dataSources.value.push(item);
+          }
+          if (item.type === "array" && item.items[0] && item.items[0].type !== "object") {
+            baseTypeFields.value.push(item.name);
+          }
+        });
+        setEnableFieldOptions(props.properties.dataSource);
+      }
+    });
+    const sourcesChange = (val) => {
+      enableFieldOptions.value = [];
+      if (baseTypeFields.value.indexOf(val) > -1) {
+        if (!props.properties.sorts || props.properties.sorts.length !== 1 || props.properties.sorts[0].name !== "item") {
+          props.properties.sorts = [
+            {
+              $editing: true,
+              alias: "item",
+              name: "item",
+              order: "asc"
+            }
+          ];
+        }
+      } else {
+        props.service.variables.forEach((item) => {
+          if (item.name === val && item.items && item.items.length > 0) {
+            item.items[0].items.forEach((field) => {
+              enableFieldOptions.value.push({
+                name: field.name,
+                alias: field.alias
+              });
+            });
+          }
+        });
+      }
+    };
+    const setEnableFieldOptions = (val) => {
+      enableFieldOptions.value = [];
+      props.service.variables.forEach((item) => {
+        if (item.name === val && item.items && item.items.length > 0) {
+          item.items[0].items.forEach((field) => {
+            enableFieldOptions.value.push({
+              name: field.name,
+              alias: field.alias
+            });
+          });
+        }
+      });
+    };
+    const selectFieldChange = (val, row) => {
+      row.alias = "";
+      enableFieldOptions.value.forEach((item) => {
+        if (item.name === val) {
+          row.alias = item.alias;
+        }
+      });
+    };
+    const rowDblclick = (row, column, event) => {
+      row.$editing = true;
+    };
+    const addRow = () => {
+      if (!props.properties.sorts) {
+        props.properties.sorts = [];
+      }
+      if (baseTypeFields.value.indexOf(props.properties.dataSource) > -1) {
+        props.properties.sorts.push({
+          $editing: true,
+          alias: "item",
+          name: "item",
+          order: "asc"
+        });
+      } else {
+        props.properties.sorts.push({
+          $editing: true,
+          name: "",
+          order: "asc"
+        });
+      }
+    };
+    const handleDelete = (index2, row) => {
+      props.properties.sorts.splice(index2, 1);
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_divider = index$1.ElDivider;
+      const _component_el_option = index$2.ElOption;
+      const _component_el_select = index$2.ElSelect;
+      const _component_el_form_item = index$3.ElFormItem;
+      const _component_el_button = index$4.ElButton;
+      const _component_el_alert = index$5.ElAlert;
+      const _component_el_table_column = index$6.ElTableColumn;
+      const _component_el_tooltip = index$7.ElTooltip;
+      const _component_el_table = index$6.ElTable;
+      const _component_el_form = index$3.ElForm;
+      return Vue.openBlock(), Vue.createBlock(_component_el_form, {
+        "label-width": "auto",
+        "label-position": "left"
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
+          Vue.createVNode(_component_el_divider),
+          Vue.createVNode(_component_el_form_item, { label: "数据源：" }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_select, {
+                modelValue: __props.properties.dataSource,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.dataSource = $event),
+                "value-key": "name",
+                onChange: sourcesChange
+              }, {
+                default: Vue.withCtx(() => [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(dataSources.value, (item) => {
+                    return Vue.openBlock(), Vue.createBlock(_component_el_option, {
+                      key: item.code,
+                      label: item.name,
+                      value: item.name
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          Vue.createVNode(_component_el_alert, {
+            type: "info",
+            size: "small",
+            closable: false
+          }, {
+            title: Vue.withCtx(() => [
+              Vue.createTextVNode(" 排序条件 "),
+              Vue.createElementVNode("span", _hoisted_1, [
+                baseTypeFields.value.indexOf(__props.properties.dataSource) === -1 ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+                  key: 0,
+                  size: "small",
+                  type: "primary",
+                  onClick: addRow
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode("添加")
+                  ]),
+                  _: 1
+                })) : Vue.createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }),
+          Vue.createVNode(_component_el_table, {
+            data: __props.properties.sorts,
+            style: { "width": "100%", "margin-bottom": "20px" },
+            "row-key": "name",
+            onRowDblclick: rowDblclick,
+            size: "small",
+            border: "",
+            "default-expand-all": ""
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_table_column, {
+                type: "index",
+                width: "50",
+                label: "序号"
+              }),
+              Vue.createVNode(_component_el_table_column, {
+                prop: "name",
+                label: "字段名"
+              }, {
+                default: Vue.withCtx((scope) => [
+                  baseTypeFields.value.indexOf(__props.properties.dataSource) > -1 ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_2, "item")) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
+                    key: 2,
+                    modelValue: scope.row.name,
+                    "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                    onChange: ($event) => selectFieldChange($event, scope.row),
+                    "value-key": "name",
+                    size: "small"
+                  }, {
+                    default: Vue.withCtx(() => [
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(enableFieldOptions.value, (item) => {
+                        return Vue.openBlock(), Vue.createBlock(_component_el_option, {
+                          key: item.name,
+                          label: item.alias,
+                          value: item.name
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
+                ]),
+                _: 1
+              }),
+              Vue.createVNode(_component_el_table_column, {
+                prop: "order",
+                label: "排序方式"
+              }, {
+                default: Vue.withCtx((scope) => [
+                  !scope.row.$editing ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4, Vue.toDisplayString(scope.row.order), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
+                    key: 1,
+                    size: "small",
+                    modelValue: scope.row.order,
+                    "onUpdate:modelValue": ($event) => scope.row.order = $event,
+                    placeholder: ""
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createVNode(_component_el_option, {
+                        label: "升序",
+                        value: "asc"
+                      }),
+                      Vue.createVNode(_component_el_option, {
+                        label: "降序",
+                        value: "desc"
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              Vue.createVNode(_component_el_table_column, { align: "right" }, {
+                header: Vue.withCtx(() => [
+                  Vue.createVNode(_component_el_tooltip, {
+                    effect: "dark",
+                    content: "添加",
+                    placement: "top"
+                  }, {
+                    default: Vue.withCtx(() => [
+                      baseTypeFields.value.indexOf(__props.properties.dataSource) === -1 ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+                        key: 0,
+                        type: "primary",
+                        size: "small",
+                        icon: Vue.unref(index.Plus),
+                        circle: "",
+                        onClick: _cache[1] || (_cache[1] = ($event) => addRow())
+                      }, null, 8, ["icon"])) : Vue.createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: Vue.withCtx((scope) => [
+                  Vue.createElementVNode("span", null, [
+                    Vue.createVNode(_component_el_tooltip, {
+                      effect: "dark",
+                      content: "删除",
+                      placement: "top"
+                    }, {
+                      default: Vue.withCtx(() => [
+                        baseTypeFields.value.indexOf(__props.properties.dataSource) === -1 ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+                          key: 0,
+                          type: "danger",
+                          size: "small",
+                          icon: Vue.unref(index.Minus),
+                          circle: "",
+                          onClick: ($event) => handleDelete(scope.$index, scope.row)
+                        }, null, 8, ["icon", "onClick"])) : Vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/computation/sort/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-b1d2a966] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-b1d2a966] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-b1d2a966] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-b1d2a966] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b1d2a966] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b1d2a966] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/computation/sort/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class ComputationSortNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class ComputationSortNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof ComputationSortNode;
+    model: typeof ComputationSortNodeModel;
+    options: {};
+};
+export default _default;

package/dist/lib/designer/service-components/computation/sort/index.js

@@ -0,0 +1,64 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+const Vue = require("vue");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/StartEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/EndEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/gateways/ExclusiveGateway.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/UserTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/ServiceTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/flow/SequenceFlow.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/turbo-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/insert-node-in-polyline/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/control/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/context-menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/dnd-panel/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/selection-select/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/mini-map/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/curved-edge/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/group/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/RectResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/EllipseResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/DiamondResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/HtmlResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/flow-path/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/auto-layout/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/xml2json.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/highlight/index.js");
+const index = ;/* empty css           */
+class ComputationSortNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = Vue.h(index, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = Vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class ComputationSortNodeModel extends AbLogicNodeModel {
+}
+const computationSort = {
+  type: "computationSort",
+  view: ComputationSortNode,
+  model: ComputationSortNodeModel,
+  options: {}
+};
+module.exports = computationSort;