service-flow-designer 0.0.2-tmp3 → 1.0.1

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

@@ -0,0 +1,3 @@
+"use strict";
+const serviceResult_vue_vue_type_script_setup_true_lang = require("./service-result.vue.js");
+module.exports = serviceResult_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,321 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/table/style/css");
+require("element-plus/es/components/dropdown/style/css");
+require("element-plus/es/components/dropdown-menu/style/css");
+require("element-plus/es/components/dropdown-item/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/switch/style/css");
+require("element-plus/es/components/input-number/style/css");
+require("element-plus/es/components/select/style/css");
+require("element-plus/es/components/option/style/css");
+require("element-plus/es/components/table-column/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const uuid = require("uuid");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "custom-active-action" }, "T", -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "custom-inactive-action" }, "F", -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "request-params",
+  props: {
+    entityData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const typeOptions = ["string", "int", "number", "boolean", "array", "object"];
+    const addEntityData = () => {
+      props.entityData.push({
+        code: uuid.v4(),
+        name: "",
+        type: "string",
+        value: ""
+      });
+    };
+    const addChildrenItem = (index, row) => {
+      if (!row.items) {
+        row.items = [];
+      }
+      const newItem = getNewItem();
+      if (!row.items) {
+        row.items = [];
+      }
+      if (row.type !== "object") {
+        newItem.lockedName = true;
+      }
+      if (row.isArrayElement) {
+        newItem.type = row.type;
+        newItem.lockedType = true;
+      }
+      row.items.push(newItem);
+    };
+    const addAdjacentNode = (index, row) => {
+      clidNodeAddAdjacentNode(props.entityData, row);
+    };
+    const getNewItem = () => {
+      return {
+        code: uuid.v4(),
+        name: "",
+        type: "string",
+        value: ""
+      };
+    };
+    const clidNodeAddAdjacentNode = (tableData, clickRow) => {
+      tableData.forEach((row, index) => {
+        if (row.code === clickRow.code) {
+          const newItem = getNewItem();
+          if (row.isArrayElement) {
+            newItem.type = row.type;
+            newItem.lockedType = true;
+          }
+          tableData.splice(index + 1, 0, newItem);
+        } else {
+          if (row.items && row.items.length > 0) {
+            clidNodeAddAdjacentNode(row.items, clickRow);
+          }
+        }
+      });
+    };
+    const handleDelete = (index, row) => {
+      deleteClidNode(props.entityData, row);
+    };
+    const deleteClidNode = (tableData, clickRow) => {
+      for (let index = 0; index < tableData.length; index++) {
+        const row = tableData[index];
+        if (row.code === clickRow.code) {
+          tableData.splice(index, 1);
+          return;
+        } else {
+          if (row.items && row.items.length > 0) {
+            deleteClidNode(row.items, clickRow);
+          }
+        }
+      }
+    };
+    const typeChange = (value, index, row) => {
+      if (row.isArrayElement) {
+        delete row.items;
+      } else {
+        if (value === "object") {
+          row.items = [];
+        } else if (value === "array") {
+          row.items = [];
+          row.items.push({
+            isArrayElement: true,
+            code: uuid.v4(),
+            name: "items",
+            type: "string",
+            value: ""
+          });
+        } else {
+          delete row.items;
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_table_column = es.ElTableColumn;
+      const _component_el_option = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      const _component_el_input_number = es.ElInputNumber;
+      const _component_el_switch = es.ElSwitch;
+      const _component_el_button = es.ElButton;
+      const _component_el_dropdown_item = es.ElDropdownItem;
+      const _component_el_dropdown_menu = es.ElDropdownMenu;
+      const _component_el_dropdown = es.ElDropdown;
+      const _component_el_table = es.ElTable;
+      return vue.openBlock(), vue.createBlock(_component_el_table, {
+        data: __props.entityData,
+        style: { "width": "100%", "margin-bottom": "20px" },
+        "tree-props": { children: "items" },
+        "row-key": "code",
+        border: "",
+        size: "small",
+        "default-expand-all": ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            prop: "name",
+            label: "参数名",
+            style: { "padding-right": "20px" }
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                disabled: scope.row.isArrayElement || scope.row.lockedName,
+                style: { "width": "90%" },
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                placeholder: ""
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            prop: "type",
+            label: "类型"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_select, {
+                style: { "width": "90%" },
+                disabled: scope.row.lockedType,
+                modelValue: scope.row.type,
+                "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                onChange: ($event) => typeChange($event, scope.$index, scope.row),
+                placeholder: "",
+                size: "small"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(typeOptions, (item) => {
+                    return vue.createVNode(_component_el_option, {
+                      key: item,
+                      label: item,
+                      value: item
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 2
+              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "onChange"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            prop: "value",
+            label: "值"
+          }, {
+            default: vue.withCtx((scope) => [
+              scope.row.type === "string" ? (vue.openBlock(), vue.createBlock(_component_el_input, {
+                key: 0,
+                size: "small",
+                disabled: scope.row.isArrayElement || scope.row.type === "object" || scope.row.type === "array",
+                style: { "width": "90%" },
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                placeholder: ""
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true),
+              scope.row.type === "number" ? (vue.openBlock(), vue.createBlock(_component_el_input, {
+                key: 1,
+                size: "small",
+                disabled: scope.row.isArrayElement || scope.row.type === "object" || scope.row.type === "array",
+                style: { "width": "90%" },
+                type: "number",
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                placeholder: ""
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : scope.row.type === "int" ? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
+                key: 2,
+                size: "small",
+                disabled: scope.row.isArrayElement || scope.row.type === "object" || scope.row.type === "array",
+                style: { "width": "90%" },
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                placeholder: ""
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : scope.row.type === "boolean" ? (vue.openBlock(), vue.createBlock(_component_el_switch, {
+                key: 3,
+                size: "small",
+                disabled: scope.row.isArrayElement || scope.row.type === "object" || scope.row.type === "array",
+                style: { "width": "90%" },
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                placeholder: ""
+              }, {
+                "active-action": vue.withCtx(() => [
+                  _hoisted_1
+                ]),
+                "inactive-action": vue.withCtx(() => [
+                  _hoisted_2
+                ]),
+                _: 2
+              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            width: 100
+          }, {
+            header: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: addEntityData,
+                link: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("添加 ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_dropdown, {
+                size: "small",
+                style: { "vertical-align": "middle" }
+              }, {
+                dropdown: vue.withCtx(() => [
+                  vue.createVNode(_component_el_dropdown_menu, null, {
+                    default: vue.withCtx(() => [
+                      scope.row.type === "object" || scope.row.isArrayElement ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                        key: 0,
+                        onClick: ($event) => addChildrenItem(scope.$index, scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("添加下级节点")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                      !scope.row.isArrayElement ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                        key: 1,
+                        onClick: ($event) => addAdjacentNode(scope.$index, scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("添加相邻节点")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    link: "",
+                    size: "small"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" 添加 ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, 1024),
+              vue.createVNode(_component_el_button, {
+                type: "danger",
+                size: "small",
+                disabled: scope.row.isArrayElement,
+                link: "",
+                onClick: ($event) => handleDelete(scope.$index, scope.row)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["disabled", "onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const requestParams_vue_vue_type_script_setup_true_lang = require("./request-params.vue.js");
+module.exports = requestParams_vue_vue_type_script_setup_true_lang;