super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/page/page-attr-permissions.vue.js

@@ -0,0 +1,244 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const commonUtil = require("../../../utils/common-util.js");
+const pagePermissionUtil = require("../../../utils/page-permission-util.js");
+const pagePermissionUtil$1 = require("super-page-runtime/src/components/runtime/utils/page-permission-util");
+const pagePermissionSelect_vue_vue_type_script_setup_true_lang = require("../common/page-permission-select.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _hoisted_3 = ["title"];
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-attr-permissions",
+  props: {
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const funcTypes = pagePermissionUtil.getFunctionTypes();
+    if (!props.configure.pagePermissions) {
+      props.configure.pagePermissions = [];
+    }
+    const sourceFields = vue.ref([]);
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = props.configure.pagePermissions;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      const items = props.configure.pagePermissions;
+      if (sortIndex == -1 || items.length == sortIndex + 1) {
+        return;
+      }
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = props.configure.pagePermissions.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (props.configure.pagePermissions[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function addData(rowItem) {
+      let sortIndex = -1;
+      if (rowItem) {
+        sortIndex = queryIndex(rowItem);
+      }
+      const data = {
+        source: "custom",
+        simpleCode: "",
+        type: "",
+        name: "",
+        funcType: pagePermissionUtil$1.FuncType.AUTHORIZED,
+        uuid: commonUtil.getUuidv4()
+      };
+      props.configure.pagePermissions.splice(sortIndex + 1, 0, data);
+    }
+    function deleteData(rowItem) {
+      let delIdnex = queryIndex(rowItem);
+      if (delIdnex > -1) {
+        props.configure.pagePermissions.splice(delIdnex, 1);
+        if (props.configure.pagePermissions.length == 0) {
+          setTimeout(function() {
+            addData(null);
+          }, 10);
+        }
+      }
+    }
+    function afterSelectCode(type, code, name, rowObj) {
+      if (rowObj) {
+        if (code) {
+          for (let p of props.configure.pagePermissions) {
+            if (p.simpleCode == code && p.type == type && p.uuid != rowObj.uuid) {
+              alert("已经存在相同的权限!");
+              return;
+            }
+          }
+        }
+        rowObj.type = type;
+        rowObj.simpleCode = code;
+        if (!code || name) {
+          rowObj.name = name;
+        }
+      }
+    }
+    function updateSourceFields(fields) {
+      sourceFields.value = fields ? fields : [];
+    }
+    __expose({
+      updateSourceFields
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "页面资源",
+        name: "pagePermissions",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_table, {
+              data: _ctx.configure.pagePermissions
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_table_column, {
+                  label: "",
+                  width: "32"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createElementVNode("div", _hoisted_2, [
+                      vue.createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "cursor": "pointer" },
+                        onClick: ($event) => moveTop(scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Top))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]),
+                      vue.createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "margin-left": "2px", "cursor": "pointer" },
+                        onClick: ($event) => moveToBottom(scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Bottom))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "simpleCode",
+                  label: "简码",
+                  width: "65"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    scope.row.source == "auto" ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      title: scope.row.simpleCode
+                    }, vue.toDisplayString(scope.row.simpleCode), 9, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+                      vue.createVNode(pagePermissionSelect_vue_vue_type_script_setup_true_lang, {
+                        pageDesign: _ctx.configure,
+                        rowObj: scope.row,
+                        "onUpdate:modelValue": (type, code, name) => afterSelectCode(type, code, name, scope.row)
+                      }, null, 8, ["pageDesign", "rowObj", "onUpdate:modelValue"])
+                    ]))
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "name",
+                  label: "名称",
+                  width: "70"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: scope.row.name,
+                      "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                      title: scope.row.name
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "funcType",
+                  label: "类型",
+                  width: "60"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.funcType,
+                      "onUpdate:modelValue": ($event) => scope.row.funcType = $event
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(funcTypes), (o) => {
+                          return vue.openBlock(), vue.createBlock(_component_el_option, {
+                            value: o.value,
+                            label: o.label
+                          }, null, 8, ["value", "label"]);
+                        }), 256))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "操作",
+                  width: "60"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                      onClick: ($event) => addData(scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Plus))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    scope.row.source != "auto" ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                      key: 0,
+                      size: "14",
+                      style: { "color": "#5893ef", "cursor": "pointer" },
+                      onClick: ($event) => deleteData(scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/page/page-attr-permissions.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const pageAttrPermissions_vue_vue_type_script_setup_true_lang = require("./page-attr-permissions.vue.js");
+module.exports = pageAttrPermissions_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/page/page-attr-style.vue.js

@@ -0,0 +1,44 @@
+"use strict";
+const vue = require("vue");
+const commonStyleFont_vue_vue_type_script_setup_true_lang = require("../common/common-style-font.vue.js");
+const commonStylePadding_vue_vue_type_script_setup_true_lang = require("../common/common-style-padding.vue.js");
+const commonStyleBackground_vue_vue_type_script_setup_true_lang = require("../common/common-style-background.vue.js");
+const commonStyleCustom_vue_vue_type_script_setup_true_lang = require("../common/common-style-custom.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-attr-style",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const openCollapseItems = vue.ref(["styleFont", "styleBackground", "stylePadding", "styleCustom"]);
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(commonStyleFont_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleBackground_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStylePadding_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleCustom_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/page/page-attr-style.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const pageAttrStyle_vue_vue_type_script_setup_true_lang = require("./page-attr-style.vue.js");
+module.exports = pageAttrStyle_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/page/page-attr.vue.js

@@ -0,0 +1,106 @@
+"use strict";
+const vue = require("vue");
+const pageAttrBase_vue_vue_type_script_setup_true_lang = require("./page-attr-base.vue.js");
+const pageAttrStyle_vue_vue_type_script_setup_true_lang = require("./page-attr-style.vue.js");
+require("@element-plus/icons");
+const pageAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./page-attr-advanced.vue.js");
+const pageAttrEvents_vue_vue_type_script_setup_true_lang = require("./page-attr-events.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-header" };
+const _hoisted_3 = { class: "amb-design-attr-header-type" };
+const _hoisted_4 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-attr",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const typeBaseClass = vue.ref("selected");
+    const typeStyleClass = vue.ref("");
+    const typeEventClass = vue.ref("");
+    const typeAdviceClass = vue.ref("");
+    function changeType(typeName) {
+      if (typeName == "base") {
+        typeBaseClass.value = "selected";
+        typeStyleClass.value = "";
+        typeEventClass.value = "";
+        typeAdviceClass.value = "";
+      } else if (typeName == "style") {
+        typeBaseClass.value = "";
+        typeStyleClass.value = "selected";
+        typeEventClass.value = "";
+        typeAdviceClass.value = "";
+      } else if (typeName == "event") {
+        typeBaseClass.value = "";
+        typeStyleClass.value = "";
+        typeEventClass.value = "selected";
+        typeAdviceClass.value = "";
+      } else {
+        typeBaseClass.value = "";
+        typeStyleClass.value = "";
+        typeEventClass.value = "";
+        typeAdviceClass.value = "selected";
+      }
+    }
+    if (props.configure.events == void 0) {
+      props.configure.events = [];
+    }
+    const selEventCount = vue.ref(0);
+    caculateSelEventCount();
+    function caculateSelEventCount() {
+      const allEvents = props.configure.events;
+      for (let index = 0; index < allEvents.length; index++) {
+        if (allEvents[index].selLogicCode) {
+          selEventCount.value++;
+        }
+      }
+    }
+    vue.watch(props.configure.events, (newValue) => {
+      caculateSelEventCount();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(typeBaseClass.value),
+              onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
+            }, "属性", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(typeStyleClass.value),
+              onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
+            }, "样式", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(typeEventClass.value),
+              onClick: _cache[2] || (_cache[2] = ($event) => changeType("event"))
+            }, "事件", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(typeAdviceClass.value),
+              onClick: _cache[3] || (_cache[3] = ($event) => changeType("advice"))
+            }, "高级", 2)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.withDirectives(vue.createVNode(pageAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, typeBaseClass.value]
+          ]),
+          vue.withDirectives(vue.createVNode(pageAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, typeStyleClass.value]
+          ]),
+          vue.withDirectives(vue.createVNode(pageAttrEvents_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, typeEventClass.value]
+          ]),
+          vue.withDirectives(vue.createVNode(pageAttrAdvanced_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, typeAdviceClass.value]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/page/page-attr.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const pageAttr_vue_vue_type_script_setup_true_lang = require("./page-attr.vue.js");
+module.exports = pageAttr_vue_vue_type_script_setup_true_lang;