super-page-designer 2.0.9 → 2.0.17

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

@@ -0,0 +1,185 @@
+import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString, createBlock, createElementVNode } from "vue";
+import { Operation, ArrowUp, ArrowDown, Menu, Tickets, Folder } from "@element-plus/icons-vue";
+import { ElMessageBox } from "element-plus";
+import http from "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = { style: { "display": "flex", "width": "60px", "height": "60px", "margin-left": "60px", "justify-content": "center", "align-items": "center", "cursor": "pointer", "margin-right": "60px" } };
+const _hoisted_2 = { style: { "overflow-y": "auto" } };
+const _hoisted_3 = { style: { "vertical-align": "middle" } };
+const _hoisted_4 = {
+  key: 3,
+  style: { "margin-left": "5px" }
+};
+const _hoisted_5 = {
+  key: 4,
+  style: { "margin-left": "5px" }
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "page-switch",
+  props: {
+    pageDesign: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["change-page"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emtis = __emit;
+    const popoverVisible = ref(false);
+    const selectedValue = ref("");
+    const cascaderRef = ref();
+    const popoverRef = ref();
+    const myProps = ref({
+      value: "id",
+      label: "name",
+      leaf: "leaf",
+      emitPath: false,
+      lazy: true,
+      lazyLoad: loadNodes
+    });
+    const systemId = ref(-1);
+    const filterValue = ref("");
+    computed(
+      () => options.value.filter(
+        (data) => !filterValue.value || data.name.toLowerCase().includes(filterValue.value.toLowerCase())
+      )
+    );
+    onMounted(() => {
+    });
+    function showPopover() {
+      popoverVisible.value = true;
+    }
+    function hidePopover() {
+      popoverVisible.value = false;
+    }
+    async function loadNodes(parent, resolve) {
+      if (systemId.value === -1) {
+        await http.get("/mms/systems/getByCode/" + props.pageDesign.systemCode).then((res) => {
+          if (res) {
+            systemId.value = res.id;
+          }
+        });
+      }
+      let url = "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
+      if (parent.level === 0) {
+        url += "systemId=system-" + systemId.value;
+      } else {
+        let parentId = parent.data.menuId;
+        url += "systemId=" + systemId.value + "&parentMenuId=" + parentId;
+      }
+      http.get(url).then((nodes) => {
+        resolve(nodes);
+      });
+    }
+    function formatLabel(node) {
+      const version = node.data.id.split("_")[2];
+      return node.label + " (" + version + ")";
+    }
+    function handleChange(value) {
+      const checkNodes = cascaderRef.value.getCheckedNodes();
+      if (value && checkNodes[0].data.menuType === "page") {
+        const label = checkNodes[0].data.name + " (" + checkNodes[0].data.id.split("_")[2] + ")";
+        const pageId = checkNodes[0].data.id.split("_")[0];
+        ElMessageBox.confirm(`确认切换到页面：${label}?`, "切换页面", {
+          confirmButtonText: "切换",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          popoverRef.value.hide();
+          emtis("change-page", pageId);
+        }).catch(() => {
+          console.log("取消切换...");
+        });
+      } else {
+        cascaderRef.value.clearCheckedNodes();
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_popover, {
+          onShow: showPopover,
+          onHide: hidePopover,
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          width: "auto",
+          "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;"
+        }, {
+          reference: withCtx(() => [
+            createVNode(_component_el_button, {
+              color: "#eee",
+              icon: unref(Operation),
+              style: { "width": "150px", "font-size": "14px", "font-weight": "600" },
+              type: "primary"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.pageDesign.label + "(" + __props.pageDesign.version + ")") + " ", 1),
+                popoverVisible.value ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 0,
+                  class: "el-icon--right"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ArrowUp))
+                  ]),
+                  _: 1
+                })) : (openBlock(), createBlock(_component_el_icon, {
+                  key: 1,
+                  class: "el-icon--right"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ArrowDown))
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            }, 8, ["icon"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_cascader_panel, {
+                ref_key: "cascaderRef",
+                ref: cascaderRef,
+                style: { "width": "fit-content", "margin-top": "6px" },
+                props: myProps.value,
+                modelValue: selectedValue.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedValue.value = $event),
+                onChange: handleChange
+              }, {
+                default: withCtx(({ node, data }) => [
+                  createElementVNode("div", _hoisted_3, [
+                    data.menuType === "menu" ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Menu))
+                      ]),
+                      _: 1
+                    })) : data.menuType === "page" ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Tickets))
+                      ]),
+                      _: 1
+                    })) : (openBlock(), createBlock(_component_el_icon, { key: 2 }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Folder))
+                      ]),
+                      _: 1
+                    })),
+                    data.menuType === "page" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(formatLabel(node)), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(node.label), 1))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["props", "modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      http.post("/component/super-page-design/save", { id: 30, designJson: JSON.stringify(configureCopy) }).then((res) => {
+      http.post("/component/super-page-design/save", { id: props.configure.id, designJson: JSON.stringify(configureCopy) }).then((res) => {
         console.log(res);
         ElMessage({
           message: "保存成功",

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
 import "@element-plus/icons";
-import { SuperPage } from "super-page-runtime";
+import { SuperPageNew } from "super-page-runtime";
 import { getPublishVersion } from "../../../utils/system.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design-preview",
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => emits("close"))
       }, {
         default: withCtx(() => [
-          createVNode(unref(SuperPage), {
+          createVNode(unref(SuperPageNew), {
             pageDesign: _ctx.pageDesign,
             publishVersion: unref(getPublishVersion),
             isTest: true

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

@@ -10,11 +10,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addEvent", "changeEvent", "onSelectEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const configure = props.configure;
-    if (configure.items == void 0) {
-      configure.items = [];
+    if (props.configure.items == void 0) {
+      props.configure.items = [];
     }
-    const designItems = configure.items;
     const selectWidget = reactive({
       value: -1
     });
@@ -24,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selIndex = selIndex == void 0 ? -1 : selIndex;
       selectWidget.value = selIndex;
       if (selIndex == -1) {
-        objConfigure = configure;
+        objConfigure = props.configure;
       }
       if (attrContainerRef.value && attrContainerRef.value) {
         if (objConfigure.style == void 0) {
@@ -78,8 +76,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, {
                 ref_key: "assemblysContainerRef",
                 ref: assemblysContainerRef,
-                configure: unref(configure),
-                designItems: unref(designItems),
+                configure: _ctx.configure,
+                designItems: _ctx.configure.items,
                 selectWidget,
                 onOnSelectWidget: onSelectWidget,
                 onAddEvent: addEvent,
@@ -94,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$2, {
                 ref_key: "viewDesignDisplayRef",
                 ref: viewDesignDisplayRef,
-                configure: unref(configure),
+                configure: _ctx.configure,
                 selectWidget,
                 selAsselbyType: unref(selAsselbyType),
                 onOnSelectWidget: onSelectWidget,
@@ -109,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_el_aside, { class: "amb-container-attr" }, {
             default: withCtx(() => [
               createVNode(_sfc_main$3, {
-                pageInfo: unref(configure),
+                pageInfo: _ctx.configure,
                 ref_key: "attrContainerRef",
                 ref: attrContainerRef
               }, null, 8, ["pageInfo"])