super-page-designer 2.1.94 → 2.1.98

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

@@ -1,336 +1,59 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, createCommentVNode, unref, createElementVNode, createTextVNode } from "vue";
-import { Plus, Minus } from "@element-plus/icons";
+import { defineComponent as e, ref as l, resolveComponent as a, openBlock as o, createBlock as t, withCtx as i, createVNode as n, createElementBlock as d, toDisplayString as r, Fragment as u, renderList as s, createCommentVNode as p, unref as m, createElementVNode as c, createTextVNode as w } from "vue";
+import { Plus as f, Minus as g } 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 _hoisted_4 = { 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;
+import { v4 as b } from "uuid";
+const y = { key: 0 }, V = { key: 0 }, h = { key: 0 }, v = { key: 0 }, k = e({ __name: "variable-dialog", props: { pageDesign: {} }, emits: [""], setup(e2, { expose: k2, emit: _ }) {
+  const x = e2;
+  null != x.pageDesign.variables && null != x.pageDesign.variables || (x.pageDesign.variables = []);
+  const U = l(300), D = l(false), $ = ["string", "int", "boolean", "array", "object", "number"];
+  function C(e3, l2, a2) {
+    e3.$editing = true;
+  }
+  function z() {
+    x.pageDesign.variables && x.pageDesign.variables.push(E());
+  }
+  function E() {
+    return { level: 0, code: b(), name: "", alias: "", type: "string", defaultValue: "", items: [], $editing: true };
+  }
+  function j(e3, l2) {
+    A(x.pageDesign.variables, l2);
+  }
+  function A(e3, l2) {
+    for (let a2 = 0; a2 < e3.length; a2++) {
+      const o2 = e3[a2];
+      if (o2.items && o2.items.length > 0)
+        A(o2.items, l2);
+      else if (o2.code === l2.code)
+        return void e3.splice(a2, 1);
     }
-    __expose({
-      openDialog
+  }
+  function q(e3, l2) {
+    H(x.pageDesign.variables, l2);
+  }
+  function H(e3, l2) {
+    e3.forEach((a2, o2) => {
+      if (a2.code === l2.code) {
+        const l3 = E();
+        l3.level = a2.level, e3.splice(o2 + 1, 0, l3);
+      } else
+        a2.items && a2.items.length > 0 && H(a2.items, l2);
     });
-    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_input_number = resolveComponent("el-input-number");
-      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, {
-                prop: "defaultValue",
-                width: "130",
-                label: "类型"
-              }, {
-                default: withCtx((scope) => [
-                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row.defaultValue), 1)) : scope.row.type === "string" ? (openBlock(), createBlock(_component_el_input, {
-                    key: 1,
-                    modelValue: scope.row.defaultValue,
-                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
-                    placeholder: ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : scope.row.type === "int" ? (openBlock(), createBlock(_component_el_input_number, {
-                    key: 2,
-                    modelValue: scope.row.defaultValue,
-                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
-                    "controls-position": "right",
-                    placeholder: ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : scope.row.type === "number" ? (openBlock(), createBlock(_component_el_input, {
-                    key: 3,
-                    modelValue: scope.row.defaultValue,
-                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
-                    type: "number",
-                    placeholder: ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
-                ]),
-                _: 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"]);
-    };
   }
-});
+  return k2({ openDialog: function() {
+    let e3 = window.innerHeight - 140 - 176;
+    e3 > 500 ? e3 = 500 : e3 < 100 && (e3 = 100), U.value = e3, D.value = true;
+  } }), (e3, l2) => {
+    const k3 = a("el-table-column"), _2 = a("el-input"), x2 = a("el-option"), U2 = a("el-select"), A2 = a("el-input-number"), H2 = a("el-button"), R = a("el-tooltip"), B = a("el-dropdown-item"), F = a("el-dropdown-menu"), G = a("el-dropdown"), I = a("el-table"), J = a("el-dialog");
+    return o(), t(J, { modelValue: D.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => D.value = e4), title: "自定义参数", width: "800" }, { default: i(() => [n(I, { data: e3.pageDesign.variables, "row-key": "code", style: { width: "100%", "margin-bottom": "20px" }, size: "small", onRowDblclick: C, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: i(() => [n(k3, { type: "index", width: "60", label: "序号" }), n(k3, { prop: "name", width: "200", label: "变量名" }, { default: i((e4) => [e4.row.$editing ? (o(), t(_2, { key: 1, style: { width: "120px" }, disabled: e4.row.disabled, modelValue: e4.row.name, "onUpdate:modelValue": (l3) => e4.row.name = l3, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (o(), d("span", y, r(e4.row.name), 1))]), _: 1 }), n(k3, { prop: "alias", width: "140", label: "别名" }, { default: i((e4) => [e4.row.$editing ? (o(), t(_2, { key: 1, disabled: e4.row.disabled, modelValue: e4.row.alias, "onUpdate:modelValue": (l3) => e4.row.alias = l3, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (o(), d("span", V, r(e4.row.alias), 1))]), _: 1 }), n(k3, { prop: "type", width: "130", label: "类型" }, { default: i((e4) => [e4.row.$editing ? (o(), t(U2, { key: 1, modelValue: e4.row.type, "onUpdate:modelValue": (l3) => e4.row.type = l3, onChange: (l3) => {
+      return a2 = l3, e4.$index, o2 = e4.row, void ("array" === a2 ? (o2.items = [], o2.items.push({ level: o2.level + 1, code: b(), name: "items", disabled: true, isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] })) : o2.items && o2.items.length > 0 && (o2.items = []));
+      var a2, o2;
+    }, placeholder: "" }, { default: i(() => [(o(), d(u, null, s($, (e5) => n(x2, { key: e5, label: e5, value: e5 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o(), d("span", h, r(e4.row.type), 1))]), _: 1 }), n(k3, { prop: "defaultValue", width: "130", label: "类型" }, { default: i((e4) => [e4.row.$editing ? "string" === e4.row.type ? (o(), t(_2, { key: 1, modelValue: e4.row.defaultValue, "onUpdate:modelValue": (l3) => e4.row.defaultValue = l3, placeholder: "" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : "int" === e4.row.type ? (o(), t(A2, { key: 2, modelValue: e4.row.defaultValue, "onUpdate:modelValue": (l3) => e4.row.defaultValue = l3, "controls-position": "right", placeholder: "" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : "number" === e4.row.type ? (o(), t(_2, { key: 3, modelValue: e4.row.defaultValue, "onUpdate:modelValue": (l3) => e4.row.defaultValue = l3, type: "number", placeholder: "" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : p("", true) : (o(), d("span", v, r(e4.row.defaultValue), 1))]), _: 1 }), n(k3, { align: "right", width: 90 }, { header: i(() => [n(R, { class: "box-item", effect: "dark", content: "添加变量", placement: "top" }, { default: i(() => [n(H2, { type: "primary", size: "small", icon: m(f), circle: "", onClick: z }, null, 8, ["icon"])]), _: 1 })]), default: i((e4) => [c("span", null, [n(G, { size: "small", style: { "margin-right": "10px" } }, { dropdown: i(() => [n(F, null, { default: i(() => ["object" === e4.row.type ? (o(), t(B, { key: 0, size: "small", onClick: (l3) => function(e5, l4) {
+      l4.items || (l4.items = []);
+      const a2 = E();
+      a2.level = l4.level + 1, l4.items.push(a2);
+    }(e4.$index, e4.row) }, { default: i(() => [w("添加下级节点")]), _: 2 }, 1032, ["onClick"])) : p("", true), e4.row.isArrayElement ? p("", true) : (o(), t(B, { key: 1, size: "small", onClick: (l3) => q(e4.$index, e4.row) }, { default: i(() => [w("添加相邻节点")]), _: 2 }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: i(() => [n(H2, { type: "primary", icon: m(f), size: "small", circle: "" }, null, 8, ["icon"])]), _: 2 }, 1024), n(R, { class: "box-item", effect: "dark", content: "删除", placement: "top" }, { default: i(() => [n(H2, { type: "danger", size: "small", disabled: e4.row.isArrayElement, icon: m(g), circle: "", onClick: (l3) => j(e4.$index, e4.row) }, null, 8, ["disabled", "icon", "onClick"])]), _: 2 }, 1024)])]), _: 1 })]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
 export {
-  _sfc_main as default
+  k as default
 };

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

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