super-page-designer 2.0.9 → 2.0.14

package/dist/es/components/design/views/design/page-event/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-import "./config.vue3.js";
+/* empty css            */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24e5130d"]]);
 export {

package/dist/es/components/design/views/design/page-event/page-event-content.css

@@ -0,0 +1,4 @@
+
+.amb-design-event-content[data-v-382285e3] {
+  padding: 10px;
+}

package/dist/es/components/design/views/design/page-event/page-event-content.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-event-content.vue2.js";
-import "./page-event-content.vue3.js";
+/* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5221912e"]]);
+const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-382285e3"]]);
 export {
   pageEventContent as default
 };

package/dist/es/components/design/views/design/page-event/page-event-content.vue2.js

@@ -273,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             unref(myCustomEvent) && isChangeEvent.value && (inputEventType.value === "handle" || unref(myCustomEvent) && unref(myCustomEvent).name === "customFunc" && !_ctx.eventForm.componentUuid || unref(myCustomEvent) && unref(myCustomEvent).name === "customEvent" && !_ctx.eventForm.componentUuid || currentEvent.value && _ctx.eventForm.componentUuid) ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createVNode(_component_el_row, null, {
                 default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 8 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件标题" }, {
                         default: withCtx(() => [
@@ -288,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件类型" }, {
                         default: withCtx(() => [
@@ -298,8 +298,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     ]),
                     _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_row, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件类型" }, {
                         default: withCtx(() => [
@@ -310,7 +315,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 8 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件uuid" }, {
                         default: withCtx(() => [
@@ -393,7 +398,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(_component_el_row, null, {
                 default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件类型" }, {
                         default: withCtx(() => [
@@ -404,7 +409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件类型" }, {
                         default: withCtx(() => [
@@ -414,8 +419,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     ]),
                     _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 8 }, {
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_row, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件uuid" }, {
                         default: withCtx(() => [

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

@@ -0,0 +1,17 @@
+
+/* 定义滚动条的轨道 */
+[data-v-cd528dcb]::-webkit-scrollbar {
+  height: 6px;
+  width: 6px; /* 宽度 */
+}
+
+/* 定义滑块 */
+[data-v-cd528dcb]::-webkit-scrollbar-thumb {
+  background-color: darkgrey; /* 滑块颜色 */
+  border-radius: 5px; /* 圆角 */
+}
+
+/* 当滑块hover时改变颜色 */
+[data-v-cd528dcb]::-webkit-scrollbar-thumb:hover {
+  background-color: grey;
+}

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

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "change-page": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onChange-page"?: (...args: any[]) => any;
+}, {
+    pageDesign: Record<string, any>;
+}, {}>;
+export default _default;

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

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

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/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"])

package/dist/es/index.js

@@ -1,4 +1,4 @@
-import "./assets/design-attr.css.js";
+/* empty css                       */
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
 export {
   default2 as Design

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.0.9",
+  "version": "2.0.14",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -23,9 +23,12 @@
   "dependencies": {
     "@element-plus/icons": "^0.0.11",
     "@element-plus/icons-vue": "^2.3.1",
+    "@logicflow/core": "^1.2.23",
+    "@logicflow/extension": "^1.2.23",
+    "@logicflow/layout": "1.2.0-alpha.16",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
-    "agilebuilder-ui": "1.0.12",
+    "agilebuilder-ui": "1.0.14",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -35,8 +38,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.0.7",
-    "super-page-runtime": "2.0.8",
+    "service-flow-designer": "2.0.12",
+    "super-page-runtime": "2.0.13",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -56,8 +59,6 @@
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
     "@lezer/highlight": "^1.2.0",
-    "@logicflow/core": "^1.2.23",
-    "@logicflow/extension": "^1.2.23",
     "@rushstack/eslint-patch": "^1.3.3",
     "@types/jsdom": "^21.1.6",
     "@types/node": "^20.11.28",

package/dist/es/assets/design-attr.css.js

@@ -1 +0,0 @@
-

package/dist/es/components/design/views/assemblys/button/button/button-attr.vue3.js

@@ -1 +0,0 @@
-

package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr.vue3.js

@@ -1 +0,0 @@
-

package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue3.js

@@ -1 +0,0 @@
-

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue3.js

@@ -1 +0,0 @@
-

package/dist/es/components/design/views/assemblys/chart/common/common-attr-drill.vue.js

@@ -1,108 +0,0 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, createTextVNode, vShow } from "vue";
-const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "common-attr-drill",
-  props: {
-    configure: {
-      required: true,
-      type: Object
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_el_switch = resolveComponent("el-switch");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_text = resolveComponent("el-text");
-      const _component_el_radio_button = resolveComponent("el-radio-button");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      return openBlock(), createBlock(_component_el_collapse_item, {
-        title: "数据钻取",
-        name: "propsDrill",
-        class: "amb-design-attr-group-header"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_component_el_form_item, {
-              label: "开启",
-              style: { "margin-top": "0px", "margin-bottom": "-15px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_switch, {
-                  modelValue: __props.configure.props.enableDrill,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.enableDrill = $event)
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            withDirectives(createVNode(_component_el_form_item, {
-              label: "钻取顺序",
-              style: { "margin-top": "20px", "margin-bottom": "10px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: __props.configure.props.drillOrders,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.drillOrders = $event),
-                  placeholder: "请输入"
-                }, null, 8, ["modelValue"]),
-                createVNode(_component_el_text, {
-                  type: "success",
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("逗号隔开,第一层为统计纬度")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 512), [
-              [vShow, __props.configure.props.enableDrill]
-            ]),
-            withDirectives(createVNode(_component_el_form_item, {
-              label: "显示位置",
-              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_radio_group, {
-                  modelValue: __props.configure.props.drillLabelAlign,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.drillLabelAlign = $event)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_radio_button, { value: "left" }, {
-                      default: withCtx(() => [
-                        createTextVNode("左")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_radio_button, { value: "center" }, {
-                      default: withCtx(() => [
-                        createTextVNode("中")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_radio_button, { value: "right" }, {
-                      default: withCtx(() => [
-                        createTextVNode("右")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            }, 512), [
-              [vShow, __props.configure.props.enableDrill]
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/es/components/design/views/assemblys/chart/common/common-attr-drill.vue2.js

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