super-page-designer 0.0.1-tmp1

package/dist/es/components/design/views/assemblys/page/variable-dialog.vue.js

@@ -0,0 +1,307 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, unref, createElementVNode, createTextVNode, createCommentVNode } from "vue";
+import { Plus, Minus } from "@element-plus/icons";
+import "agilebuilder-ui/src/utils/request";
+import { v4 } from "uuid";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "variable-dialog",
+  props: {
+    pageDesign: {}
+  },
+  emits: [""],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    if (props.pageDesign.variables == void 0 || props.pageDesign.variables == null) {
+      props.pageDesign.variables = [];
+    }
+    const tableHeight = ref(300);
+    const dialogTableVisible = ref(false);
+    const typeOptions = ["string", "int", "boolean", "array", "object", "number"];
+    function rowDblclick(row, column, event) {
+      row.$editing = true;
+    }
+    function addRootRow() {
+      if (props.pageDesign.variables) {
+        props.pageDesign.variables.push(getNewItem());
+      }
+    }
+    function getNewItem() {
+      return {
+        level: 0,
+        code: v4(),
+        name: "",
+        alias: "",
+        type: "string",
+        defaultValue: "",
+        items: [],
+        $editing: true
+      };
+    }
+    function handleDelete(index, row) {
+      deleteClidNode(props.pageDesign.variables, row);
+    }
+    function deleteClidNode(tableData, clickRow) {
+      for (let index = 0; index < tableData.length; index++) {
+        const row = tableData[index];
+        if (row.items && row.items.length > 0) {
+          deleteClidNode(row.items, clickRow);
+        } else {
+          if (row.code === clickRow.code) {
+            tableData.splice(index, 1);
+            return;
+          }
+        }
+      }
+    }
+    function addAdjacentNode(index, row) {
+      clidNodeAddAdjacentNode(props.pageDesign.variables, row);
+    }
+    function clidNodeAddAdjacentNode(tableData, clickRow) {
+      tableData.forEach((row, index) => {
+        if (row.code === clickRow.code) {
+          const item = getNewItem();
+          item.level = row.level;
+          tableData.splice(index + 1, 0, item);
+        } else {
+          if (row.items && row.items.length > 0) {
+            clidNodeAddAdjacentNode(row.items, clickRow);
+          }
+        }
+      });
+    }
+    function addChildrenItem(index, row) {
+      if (!row.items) {
+        row.items = [];
+      }
+      const item = getNewItem();
+      item.level = row.level + 1;
+      row.items.push(item);
+    }
+    function typeChange(value, index, row) {
+      if (value === "array") {
+        row.items = [];
+        row.items.push({
+          level: row.level + 1,
+          code: v4(),
+          name: "items",
+          disabled: true,
+          isArrayElement: true,
+          alias: "",
+          type: "object",
+          defaultValue: "",
+          items: []
+        });
+      } else if (row.items && row.items.length > 0) {
+        row.items = [];
+      }
+    }
+    function openDialog() {
+      let tempHeight = window.innerHeight - 140 - 176;
+      if (tempHeight > 500) {
+        tempHeight = 500;
+      } else if (tempHeight < 100) {
+        tempHeight = 100;
+      }
+      tableHeight.value = tempHeight;
+      dialogTableVisible.value = true;
+    }
+    __expose({
+      openDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createBlock(_component_el_dialog, {
+        modelValue: dialogTableVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogTableVisible.value = $event),
+        title: "自定义参数",
+        width: "800"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_table, {
+            data: _ctx.pageDesign.variables,
+            "row-key": "code",
+            style: { "width": "100%", "margin-bottom": "20px" },
+            size: "small",
+            onRowDblclick: rowDblclick,
+            border: "",
+            "tree-props": { children: "items" },
+            "default-expand-all": ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_table_column, {
+                type: "index",
+                width: "60",
+                label: "序号"
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "name",
+                width: "200",
+                label: "变量名"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.name), 1)) : (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    style: { "width": "120px" },
+                    disabled: scope.row.disabled,
+                    modelValue: scope.row.name,
+                    "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                    placeholder: ""
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "alias",
+                width: "140",
+                label: "别名"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row.alias), 1)) : (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    disabled: scope.row.disabled,
+                    modelValue: scope.row.alias,
+                    "onUpdate:modelValue": ($event) => scope.row.alias = $event,
+                    placeholder: ""
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "type",
+                width: "130",
+                label: "类型"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.type), 1)) : (openBlock(), createBlock(_component_el_select, {
+                    key: 1,
+                    modelValue: scope.row.type,
+                    "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                    onChange: ($event) => typeChange($event, scope.$index, scope.row),
+                    placeholder: ""
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(typeOptions, (item) => {
+                        return createVNode(_component_el_option, {
+                          key: item,
+                          label: item,
+                          value: item
+                        }, null, 8, ["label", "value"]);
+                      }), 64))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                align: "right",
+                width: 90
+              }, {
+                header: withCtx(() => [
+                  createVNode(_component_el_tooltip, {
+                    class: "box-item",
+                    effect: "dark",
+                    content: "添加变量",
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        icon: unref(Plus),
+                        circle: "",
+                        onClick: addRootRow
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx((scope) => [
+                  createElementVNode("span", null, [
+                    createVNode(_component_el_dropdown, {
+                      size: "small",
+                      style: { "margin-right": "10px" }
+                    }, {
+                      dropdown: withCtx(() => [
+                        createVNode(_component_el_dropdown_menu, null, {
+                          default: withCtx(() => [
+                            scope.row.type === "object" ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                              key: 0,
+                              size: "small",
+                              onClick: ($event) => addChildrenItem(scope.$index, scope.row)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("添加下级节点")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])) : createCommentVNode("", true),
+                            !scope.row.isArrayElement ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                              key: 1,
+                              size: "small",
+                              onClick: ($event) => addAdjacentNode(scope.$index, scope.row)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("添加相邻节点")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])) : createCommentVNode("", true)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          type: "primary",
+                          icon: unref(Plus),
+                          size: "small",
+                          circle: ""
+                        }, null, 8, ["icon"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createVNode(_component_el_tooltip, {
+                      class: "box-item",
+                      effect: "dark",
+                      content: "删除",
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          type: "danger",
+                          size: "small",
+                          disabled: scope.row.isArrayElement,
+                          icon: unref(Minus),
+                          circle: "",
+                          onClick: ($event) => handleDelete(scope.$index, scope.row)
+                        }, null, 8, ["disabled", "icon", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/page/variable-dialog.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./variable-dialog.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.d.ts

@@ -0,0 +1,49 @@
+declare const _default: import('vue').DefineComponent<{
+    conditionList: {
+        type: StringConstructor;
+        default: string;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    fieldNameList: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    save: (...args: any[]) => void;
+    remove: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    conditionList: {
+        type: StringConstructor;
+        default: string;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    fieldNameList: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & {
+    onClose?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
+    onSave?: (...args: any[]) => any;
+}, {
+    list: unknown[];
+    conditionList: string;
+    fieldNameList: unknown[];
+    fieldMap: Record<string, any>;
+}, {}>;
+export default _default;