super-page-designer 2.0.20 → 2.0.26

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js

@@ -0,0 +1,602 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, toDisplayString, Fragment, renderList, createElementVNode, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
+import { Top, Bottom, Delete, Plus } from "@element-plus/icons";
+import BindVariable from "../../../assemblys/common/common-variable-bind.vue.js";
+import { getUuidv4 } from "../../../../utils/common-util.js";
+import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
+import { useDraggable } from "vue-draggable-plus";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { style: { "display": "flex" } };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "quick-add-fields",
+  props: {
+    model: {
+      type: Object
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const allEditState = ref(null);
+    ref([]);
+    const thisRef = ref(null);
+    onMounted(() => {
+      if (thisRef.value.$el) {
+        let tbody = thisRef.value.$el.getElementsByClassName("el-table__body");
+        if (tbody && tbody.length > 0) {
+          tbody = tbody[0].getElementsByTagName("tbody");
+          if (tbody && tbody.length > 0) {
+            console.log("tbody", tbody);
+            useDraggable(tbody[0], props.model.fieldInfos, {
+              group: "el-table__row",
+              handle: "amb-field-move",
+              animation: 300,
+              forceFallback: true,
+              sort: true,
+              onAdd(event) {
+              }
+            });
+          }
+        }
+      }
+    });
+    const alignOptions = ref([
+      {
+        value: "left",
+        label: "靠左"
+      },
+      {
+        value: "center",
+        label: "居中"
+      },
+      {
+        value: "right",
+        label: "靠右"
+      }
+    ]);
+    const stateOptions = ref([
+      {
+        value: "readonly",
+        label: "只读"
+      },
+      {
+        value: "disabled",
+        label: "禁用"
+      }
+    ]);
+    const widthOptions = ref([]);
+    for (let i = 2; i <= 24; i += 2) {
+      widthOptions.value.push({
+        value: i,
+        label: i
+      });
+    }
+    const validOptions = [
+      {
+        value: "required",
+        label: "必填"
+      },
+      {
+        value: "string",
+        label: "文本"
+      },
+      {
+        value: "integer",
+        label: "整形"
+      },
+      {
+        value: "number",
+        label: "数字"
+      },
+      {
+        value: "boolean",
+        label: "布尔"
+      },
+      {
+        value: "float",
+        label: "小数"
+      },
+      {
+        value: "date",
+        label: "日期"
+      },
+      {
+        value: "email",
+        label: "邮箱"
+      },
+      {
+        value: "url",
+        label: "网址"
+      }
+    ];
+    const formComponents = getFormComponentOptions();
+    const selRowUuid = ref(null);
+    function onMouseEnter(obj) {
+    }
+    function onMouseLeave(obj) {
+    }
+    function onRowClick(obj) {
+      selRowUuid.value = obj.uuid;
+    }
+    function fieldChange(rowObj) {
+      if (!rowObj.title && rowObj.fieldName) {
+        const selItems = props.model.modelFields.filter((item) => {
+          return item.dbColumnName == rowObj.fieldName;
+        });
+        if (selItems.length > 0) {
+          rowObj.title = selItems[0].alias;
+        }
+      }
+    }
+    function updateEditState() {
+      if (!props.model.fieldInfos || props.model.fieldInfos.length == 0) {
+        return;
+      }
+      const message = allEditState.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
+      ElMessageBox.confirm(message, "确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(({ value }) => {
+        for (let f of props.model.fieldInfos) {
+          if (allEditState.value) {
+            if (!f.componentName) {
+              f.componentName = "input-text";
+            }
+          } else {
+            f.componentName = null;
+          }
+        }
+      });
+    }
+    function removeAll() {
+      ElMessageBox.confirm("确定要全部清除吗?", "确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(({ value }) => {
+        props.model.fieldInfos = [];
+        add(null);
+      });
+    }
+    function remove(rowObj) {
+      const existIndex = queryIndex(rowObj);
+      if (existIndex > -1) {
+        props.model.fieldInfos.splice(existIndex, 1);
+        if (props.model.fieldInfos.length == 0) {
+          add(null);
+        }
+      }
+    }
+    function add(rowObj) {
+      const rowItem = {
+        uuid: getUuidv4()
+      };
+      const existIndex = queryIndex(rowObj);
+      if (existIndex > -1) {
+        props.model.fieldInfos.splice(existIndex + 1, 0, rowItem);
+      } else {
+        props.model.fieldInfos.push(rowItem);
+      }
+      setTimeout(() => {
+        selRowUuid.value = rowItem.uuid;
+      }, 20);
+    }
+    if (props.model.fieldInfos.length == 0) {
+      add(null);
+    }
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = props.model.fieldInfos;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      const items = props.model.fieldInfos;
+      if (sortIndex == -1 || items.length == sortIndex + 1) {
+        return;
+      }
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      if (!rowItem) {
+        return sortIndex;
+      }
+      const itemLen = props.model.fieldInfos.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (props.model.fieldInfos[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function updatePropValue(val, rowObj) {
+      rowObj.value = val;
+    }
+    function updateInitFields() {
+      const nameMap = {};
+      if (props.model.modelFields) {
+        for (let f of props.model.modelFields) {
+          nameMap[f.dbColumnName] = f;
+        }
+      }
+      const existMap = {};
+      for (let row of props.model.fieldInfos) {
+        if (row.fieldName) {
+          if (!nameMap[row.fieldName]) {
+            row.fieldName = null;
+          } else {
+            existMap[row.fieldName] = true;
+          }
+        }
+      }
+      if (props.model.modelFields) {
+        let hasAdd = false;
+        for (let f of props.model.modelFields) {
+          if (f.dbColumnName == "ID") {
+            continue;
+          }
+          if (f.edit) {
+            continue;
+          }
+          if (!existMap[f.dbColumnName]) {
+            const rowItem = {
+              uuid: getUuidv4(),
+              fieldName: f.dbColumnName,
+              title: f.alias,
+              width: 8
+            };
+            if (props.model.pageType == "form") {
+              if (f.type == "DATE" || f.type == "TIME") {
+                rowItem.componentName = "datePicker";
+              } else {
+                rowItem.componentName = "input-text";
+              }
+              if (f.alias && (f.alias.includes("备注") || f.alias.includes("说明"))) {
+                rowItem.componentName = "textarea";
+                rowItem.width = 24;
+              }
+            }
+            props.model.fieldInfos.push(rowItem);
+            hasAdd = true;
+          }
+        }
+        if (hasAdd) {
+          const firstItem = props.model.fieldInfos[0];
+          if (!firstItem.fieldName && !firstItem.title && !firstItem.componentName) {
+            props.model.fieldInfos.splice(0, 1);
+          }
+          selRowUuid.value = props.model.fieldInfos[0].uuid;
+        }
+      }
+    }
+    __expose({
+      updateInitFields
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      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_input = resolveComponent("el-input");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_table = resolveComponent("el-table");
+      return openBlock(), createBlock(_component_el_table, {
+        size: "small",
+        border: "",
+        "highlight-current-row": "",
+        data: __props.model.fieldInfos,
+        onRowClick,
+        onCellMouseEnter: onMouseEnter,
+        onCellMouseLeave: onMouseLeave,
+        style: { "width": "100%" },
+        ref_key: "thisRef",
+        ref: thisRef
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_table_column, { width: "36" }, {
+            default: withCtx((scope) => [
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "cursor": "pointer" },
+                onClick: ($event) => moveTop(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Top))
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "margin-left": "2px", "cursor": "pointer" },
+                onClick: ($event) => moveToBottom(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Bottom))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            width: "40",
+            align: "center"
+          }, {
+            header: withCtx((scope) => [
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "margin-left": "2px", "cursor": "pointer" },
+                onClick: removeAll
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Delete))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx((scope) => [
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "cursor": "pointer" },
+                onClick: ($event) => add(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Plus))
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "margin-left": "2px", "cursor": "pointer" },
+                onClick: ($event) => remove(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Delete))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "fieldName",
+            label: "字段",
+            width: "140"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_1, toDisplayString(scope.row.fieldName), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "small",
+                modelValue: scope.row.fieldName,
+                "onUpdate:modelValue": ($event) => scope.row.fieldName = $event,
+                clearable: "",
+                filterable: "",
+                placeholder: "请选择",
+                onChange: ($event) => fieldChange(scope.row)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.model.modelFields, (f) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      label: f.alias + "(" + f.dbColumnName + ")",
+                      value: f.dbColumnName
+                    }, null, 8, ["label", "value"]);
+                  }), 256))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "title",
+            label: "标题",
+            width: "140"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(scope.row.title), 1)) : (openBlock(), createBlock(_component_el_input, {
+                key: 1,
+                size: "small",
+                modelValue: scope.row.title,
+                "onUpdate:modelValue": ($event) => scope.row.title = $event,
+                clearable: "",
+                placeholder: "请输入"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "componentName",
+            width: "120"
+          }, {
+            header: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                createTextVNode(" 组件 "),
+                withDirectives(createVNode(_component_el_checkbox, {
+                  modelValue: allEditState.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allEditState.value = $event),
+                  value: "1",
+                  label: "全部可编辑",
+                  size: "small",
+                  style: { "margin-left": "6px" },
+                  onChange: updateEditState
+                }, null, 8, ["modelValue"]), [
+                  [vShow, __props.model.pageType == "list"]
+                ])
+              ])
+            ]),
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_4, toDisplayString(scope.row.componentName), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "small",
+                modelValue: scope.row.componentName,
+                "onUpdate:modelValue": ($event) => scope.row.componentName = $event,
+                clearable: "",
+                filterable: "",
+                placeholder: "请选择"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formComponents), (o) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      label: o.label,
+                      value: o.name
+                    }, null, 8, ["label", "value"]);
+                  }), 256))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "state",
+            label: "状态",
+            width: "70"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_5, toDisplayString(scope.row.state), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "small",
+                disabled: !scope.row.componentName,
+                modelValue: scope.row.state,
+                "onUpdate:modelValue": ($event) => scope.row.state = $event,
+                clearable: "",
+                filterable: "",
+                placeholder: "默认"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(stateOptions.value, (o) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      value: o.value,
+                      label: o.label
+                    }, null, 8, ["value", "label"]);
+                  }), 256))
+                ]),
+                _: 2
+              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "valid",
+            label: "校验",
+            width: "120"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", {
+                key: 0,
+                title: scope.row.valid
+              }, toDisplayString(scope.row.valid), 9, _hoisted_6)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                disabled: !scope.row.componentName,
+                size: "small",
+                modelValue: scope.row.valid,
+                "onUpdate:modelValue": ($event) => scope.row.valid = $event,
+                clearable: "",
+                placeholder: "无校验",
+                multiple: "",
+                "collapse-tags": "",
+                "collapse-tags-tooltip": ""
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(validOptions, (field, index) => {
+                    return createVNode(_component_el_option, {
+                      label: field.label,
+                      value: field.value
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 2
+              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          }),
+          __props.model.pageType == "form" ? (openBlock(), createBlock(_component_el_table_column, {
+            key: 0,
+            prop: "width",
+            label: "宽度(栏数)",
+            width: "75"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_7, toDisplayString(scope.row.width), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "small",
+                modelValue: scope.row.width,
+                "onUpdate:modelValue": ($event) => scope.row.width = $event,
+                clearable: "",
+                placeholder: "请选择"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(widthOptions.value, (o) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      value: o.value,
+                      label: o.label
+                    }, null, 8, ["value", "label"]);
+                  }), 256))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          __props.model.pageType == "list" ? (openBlock(), createBlock(_component_el_table_column, {
+            key: 1,
+            prop: "align",
+            label: "左右对齐",
+            width: "70"
+          }, {
+            default: withCtx((scope) => [
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_8, toDisplayString(scope.row.align), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "small",
+                modelValue: scope.row.align,
+                "onUpdate:modelValue": ($event) => scope.row.align = $event,
+                clearable: "",
+                placeholder: "请选择"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(alignOptions.value, (o) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      value: o.value,
+                      label: o.label
+                    }, null, 8, ["value", "label"]);
+                  }), 256))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_component_el_table_column, {
+            prop: "value",
+            label: "默认值",
+            width: "120"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(BindVariable, {
+                showLabel: scope.row.uuid != selRowUuid.value || !scope.row.componentName,
+                modelValue: scope.row.value,
+                paramTypes: ["request", "context", "page", "fixed"],
+                "onUpdate:modelValue": (val) => updatePropValue(val, scope.row)
+              }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue2.js

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

package/dist/es/components/design/views/design/view/page-switch.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-switch.vue2.js";
 import "./page-switch.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd528dcb"]]);
+const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a34d32af"]]);
 export {
   PageSwitch as default
 };

package/dist/es/components/design/views/design/view/page-switch.vue2.js

@@ -54,13 +54,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function loadNodes(parent, resolve) {
       if (systemId.value === -1) {
-        await http.get("/mms/systems/getByCode/" + props.pageDesign.systemCode).then((res) => {
+        await http.get(window["$vueApp"].config.globalProperties.baseAPI + "/mms/systems/getByCode/" + props.pageDesign.systemCode).then((res) => {
           if (res) {
             systemId.value = res.id;
           }
         });
       }
-      let url = "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
+      let url = window["$vueApp"].config.globalProperties.baseAPI + "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
       if (parent.level === 0) {
         url += "systemId=system-" + systemId.value;
       } else {
@@ -89,6 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           emtis("change-page", pageId);
         }).catch(() => {
           console.log("取消切换...");
+          cascaderRef.value.clearCheckedNodes();
         });
       } else {
         cascaderRef.value.clearCheckedNodes();

package/dist/es/components/design/views/design/view/view-design-display.vue.d.ts

@@ -14,16 +14,20 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     changeEvent: typeof changeEvent;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onSelectWidget: (...args: any[]) => void;
-    changeSelectEvent: (...args: any[]) => void;
-    changeSelectStandardEvent: (...args: any[]) => void;
     addEvent: (...args: any[]) => void;
     onCustomAttrWidget: (...args: any[]) => void;
+    changeSelectEvent: (...args: any[]) => void;
+    changeSelectStandardEvent: (...args: any[]) => void;
+    revocation: (...args: any[]) => void;
+    regain: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & {
     onOnSelectWidget?: (...args: any[]) => any;
     onAddEvent?: (...args: any[]) => any;
     onOnCustomAttrWidget?: (...args: any[]) => any;
     onChangeSelectEvent?: (...args: any[]) => any;
     onChangeSelectStandardEvent?: (...args: any[]) => any;
+    onRevocation?: (...args: any[]) => any;
+    onRegain?: (...args: any[]) => any;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;