super-page-designer 2.3.16-sit3-design1 → 2.3.17-sit1-design1

package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue2.js

@@ -0,0 +1,111 @@
+import { defineComponent as e, ref as l, onMounted as a, resolveComponent as t, resolveDirective as o, createElementBlock as r, openBlock as n, Fragment as u, withDirectives as d, createBlock as i, withCtx as p, createVNode as s, createElementVNode as m, toDisplayString as c, createCommentVNode as f, unref as v, createTextVNode as g } from "vue";
+import y from "../../../../../../../assets/images/data/folder.png.js";
+import h from "../../../../../../../assets/images/data/file.png.js";
+import { Plus as R, Edit as x, Delete as b, Operation as T } from "@element-plus/icons-vue";
+import { ElMessageBox as _, ElMessage as w } from "element-plus";
+import { getUcrReportTree as N, findPageIdByReportCode as D, updateDisplayOrder as E, getUcrReportDetail as O, deleteUcrReport as k, saveUcrReportData as C } from "./util.js";
+import { getUuidv4 as U, deepCopy as V } from "../../../../../utils/common-util.js";
+import { checkPermission as L } from "agilebuilder-ui/src/utils/permission";
+const B = { key: 0, class: "item-row" }, I = { class: "item-side" }, P = { key: 1, class: "item-side", style: { display: "flex", "align-items": "center" } }, j = { class: "dialog-footer" }, F = e({ __name: "index", props: { pageId: { type: Number, default: null }, pageDesign: { type: Object, default: () => ({}) }, ucrDesign: { type: Boolean, default: false } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: F2 }) {
+  const z = { children: "children", label: "label" }, $ = F2, S = l(null), X = l(false), H = l(false), M = l(), Y = l(""), q = l(), A = l(false), G = l(), J = l("card"), K = l({}), Q = l([]), W = l({ top: 0, left: 0, bottom: 0, right: 0 }), Z = l({ getBoundingClientRect: () => W.value });
+  async function ee() {
+    try {
+      if (L("ucr.ucrReport.configUcrReport", null)) {
+        H.value = true, A.value = true;
+        const e3 = await N();
+        e3 && (Q.value = e3);
+      }
+    } finally {
+      A.value = false;
+    }
+  }
+  function le() {
+    H.value = true;
+  }
+  function ae() {
+    H.value = false;
+  }
+  a(() => {
+    ee();
+  });
+  const te = () => {
+    var _a;
+    (_a = G.value) == null ? void 0 : _a.handleClose();
+  }, oe = (e3) => {
+    J.value = "card", re(e3);
+  }, re = (e3) => {
+    var _a;
+    const { clientX: l2, clientY: a2 } = e3;
+    W.value = DOMRect.fromRect({ x: l2, y: a2 }), e3.preventDefault(), (_a = G.value) == null ? void 0 : _a.handleOpen();
+  }, ne = (e3, l2, a2, t2) => {
+    J.value = "tree", S.value = l2, re(e3);
+  };
+  let ue = null;
+  const de = (e3, l2, a2) => {
+    if ("REPORT" === e3.type) {
+      if (ue && ue === e3) return;
+      _.confirm(`确认切换到报表：${e3.label}？`, "提示", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
+        A.value = true, ue = e3, D(e3.reportCode).then((e4) => {
+          $("change-page", e4);
+        }).finally(() => {
+          H.value = false, A.value = false;
+        });
+      }).catch(() => {
+        w({ type: "info", message: "已取消切换", duration: 1e3 });
+      });
+    }
+  }, ie = (e3, l2) => {
+  }, pe = (e3, l2, a2) => {
+  }, se = (e3, l2, a2) => {
+  }, me = (e3, l2, a2) => {
+    "REPORT" === l2.data.type && (a2.dataTransfer.dropEffect = "none");
+  }, ce = (e3, l2, a2, t2) => {
+    const o2 = "inner" === a2 ? "INNER" : "after" === a2 ? "NEXT" : "PREV";
+    E({ currentIds: [e3.data.id], targetId: l2 ? l2.data.id : null, moveType: o2 }).then(() => {
+      w({ message: "排序更新成功", type: "success", duration: 1e3 }), ee();
+    });
+  }, fe = (e3, l2, a2, t2) => {
+  }, ve = (e3, l2, a2) => "REPORT" !== l2.data.type || "inner" !== a2, ge = (e3) => {
+    if (Y.value = e3, "add" === e3) {
+      if ("card" === J.value) K.value = { reportType: "FOLDER", reportName: "", reportCode: U() };
+      else if ("tree" === J.value) {
+        if ("FOLDER" !== S.value.type) return void w({ message: "只能在文件夹下添加子节点", type: "warning", duration: 1e3 });
+        K.value = { parentId: S.value.id, reportType: "FOLDER", reportName: "", reportCode: U() };
+      }
+      X.value = true;
+    } else if ("update" === e3) A.value = true, O(S.value.id).then((e4) => {
+      K.value = V(e4), X.value = true;
+    }).finally(() => {
+      A.value = false;
+    });
+    else if ("delete" === e3) {
+      const e4 = S.value.children > 0 ? `节点：${S.value.label} 下有子节点，确认删除？` : `确认删除节点：${S.value.label}？`;
+      _.confirm(e4, "提示", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
+        k(S.value.id).then(() => {
+          w({ type: "success", message: "删除成功!", duration: 1e3 }), ee();
+        });
+      }).catch(() => {
+        w({ type: "info", message: "已取消删除", duration: 1e3 });
+      });
+    }
+  }, ye = (e3) => {
+    e3();
+  }, he = () => {
+    C(K.value).then((e3) => {
+      w({ message: "保存成功", type: "success", duration: 1e3 }), X.value = false, ee(), H.value = true;
+    });
+  };
+  return (e3, l2) => {
+    const a2 = t("el-button"), _2 = t("el-tree"), w2 = t("el-card"), N2 = t("el-dropdown-item"), D2 = t("el-dropdown-menu"), E2 = t("el-dropdown"), O2 = t("el-popover"), k2 = t("el-radio"), C2 = t("el-radio-group"), U2 = t("el-form-item"), V2 = t("el-input"), L2 = t("OrganizationInput"), F3 = t("el-form"), $2 = t("el-dialog"), W2 = o("permission"), ee2 = o("loading");
+    return n(), r(u, null, [d((n(), i(O2, { visible: H.value, "onUpdate:visible": l2[1] || (l2[1] = (e4) => H.value = e4), persistent: "", trigger: "manual", onShow: le, onHide: ae, ref_key: "popoverRef", ref: M, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; " }, { reference: p(() => [d((n(), i(a2, { type: "default", icon: v(T), style: { "font-size": "14px", "font-weight": "600" }, onClick: l2[0] || (l2[0] = (e4) => H.value = true) }, { default: p(() => l2[6] || (l2[6] = [g(" 配置报表 ")])), _: 1 }, 8, ["icon"])), [[W2, "ucr.ucrReport.configUcrReport"]])]), default: p(() => [s(w2, { style: { width: "400px" }, onClick: te, onContextmenu: oe }, { default: p(() => [s(_2, { ref_key: "treeRef", ref: q, style: { "max-width": "600px" }, "allow-drop": ve, data: Q.value, props: z, draggable: "", "default-expand-all": "", "node-key": "id", onNodeDragStart: ie, onNodeDragEnter: pe, onNodeDragLeave: se, onNodeDragOver: me, onNodeDragEnd: ce, onNodeDrop: fe, onNodeContextmenu: ne, onNodeClick: de }, { default: p(({ node: e4, data: a3 }) => ["FOLDER" === a3.type ? (n(), r("div", B, [m("div", I, [l2[7] || (l2[7] = m("img", { src: y, class: "file" }, null, -1)), m("span", null, c(a3.label), 1)])])) : (n(), r("div", P, [l2[8] || (l2[8] = m("img", { src: h, class: "file" }, null, -1)), m("span", null, c(a3.label), 1)]))]), empty: p(() => l2[9] || (l2[9] = [m("div", { style: { "text-align": "center", padding: "20px", color: "#999" } }, "暂无报表数据，请在当前区域右键添加", -1)])), _: 1 }, 8, ["data"])]), _: 1 }), d((n(), i(E2, { ref_key: "dropdownRef", ref: G, "virtual-ref": Z.value, teleported: false, "show-arrow": false, "popper-options": { modifiers: [{ name: "offset", options: { offset: [0, 0] } }] }, style: { "z-index": "100" }, "virtual-triggering": "", trigger: "contextmenu", onCommand: ge, placement: "bottom-start" }, { dropdown: p(() => [s(D2, null, { default: p(() => {
+      var _a;
+      return ["REPORT" !== ((_a = S.value) == null ? void 0 : _a.type) ? (n(), i(N2, { key: 0, icon: v(R), command: "add" }, { default: p(() => l2[10] || (l2[10] = [g(" 添加 ")])), _: 1 }, 8, ["icon"])) : f("", true), "card" !== J.value ? (n(), i(N2, { key: 1, icon: v(x), command: "update" }, { default: p(() => l2[11] || (l2[11] = [g(" 修改 ")])), _: 1 }, 8, ["icon"])) : f("", true), "card" !== J.value ? (n(), i(N2, { key: 2, icon: v(b), command: "delete" }, { default: p(() => l2[12] || (l2[12] = [g(" 删除 ")])), _: 1 }, 8, ["icon"])) : f("", true)];
+    }), _: 1 })]), _: 1 }, 8, ["virtual-ref"])), [[W2, "ucr.ucrReport.configUcrReport"]])]), _: 1 }, 8, ["visible"])), [[ee2, A.value]]), d((n(), i($2, { modelValue: X.value, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => X.value = e4), title: "提示", width: "600", "append-to-body": "", "before-close": ye }, { footer: p(() => [m("div", j, [s(a2, { onClick: l2[4] || (l2[4] = (e4) => X.value = false) }, { default: p(() => l2[15] || (l2[15] = [g("取消")])), _: 1 }), s(a2, { type: "primary", onClick: he }, { default: p(() => l2[16] || (l2[16] = [g(" 保存 ")])), _: 1 })])]), default: p(() => [s(F3, { model: K.value, "label-width": "auto", style: { "max-width": "600px" } }, { default: p(() => [s(U2, { label: "类型" }, { default: p(() => {
+      var _a;
+      return [s(C2, { disabled: ((_a = S.value) == null ? void 0 : _a.id) && "add" !== Y.value, modelValue: K.value.reportType, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => K.value.reportType = e4) }, { default: p(() => [s(k2, { value: "FOLDER" }, { default: p(() => l2[13] || (l2[13] = [g("文件夹")])), _: 1 }), s(k2, { value: "REPORT" }, { default: p(() => l2[14] || (l2[14] = [g("报表")])), _: 1 })]), _: 1 }, 8, ["disabled", "modelValue"])];
+    }), _: 1 }), s(U2, { label: "名称" }, { default: p(() => [s(V2, { modelValue: K.value.reportName, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => K.value.reportName = e4) }, null, 8, ["modelValue"])]), _: 1 }), s(U2, { label: "分享给部门" }, { default: p(() => [s(L2, { ref: "componentRef", multiple: true, treeType: "DeptTree", value: K.value.shareToDeptName, models: K.value, fields: [{ type: "name", model: "shareToDeptName" }, { type: "code", model: "shareToDeptCode" }] }, null, 8, ["value", "models"])]), _: 1 }), s(U2, { label: "分享给用户" }, { default: p(() => [s(L2, { ref: "componentRef", multiple: true, treeType: "DeptUserTree", value: K.value.shareToUserName, models: K.value, fields: [{ type: "name", model: "shareToUserName" }, { type: "loginName", model: "shareToUserLoginName" }] }, null, 8, ["value", "models"])]), _: 1 })]), _: 1 }, 8, ["model"])]), _: 1 }, 8, ["modelValue"])), [[ee2, A.value]])], 64);
+  };
+} });
+export {
+  F as default
+};

package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.d.ts

@@ -0,0 +1,6 @@
+export declare function getUcrReportTree(): any;
+export declare function getUcrReportDetail(id: number): any;
+export declare function deleteUcrReport(id: number): any;
+export declare function saveUcrReportData(data: any): any;
+export declare function updateDisplayOrder(dragNode: any): any;
+export declare function findPageIdByReportCode(reportCode: string): any;

package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.js

@@ -0,0 +1,27 @@
+import e from "agilebuilder-ui/src/utils/request";
+function r() {
+  return e.get(window.$vueApp.config.globalProperties.baseAPI + "/component/ucr/my-created-report/tree");
+}
+function o(r2) {
+  return e.get(window.$vueApp.config.globalProperties.baseAPI + "/component/ucr/ucr-report/detail/" + r2);
+}
+function t(r2) {
+  return e.delete(window.$vueApp.config.globalProperties.baseAPI + "/ucr/ucr-report/" + r2);
+}
+function n(r2) {
+  return e.post(window.$vueApp.config.globalProperties.baseAPI + "/ucr/ucr-report", r2);
+}
+function p(r2) {
+  return e.post(window.$vueApp.config.globalProperties.baseAPI + "/ucr/ucr-report/display-order", r2);
+}
+function u(r2) {
+  return e.get(window.$vueApp.config.globalProperties.baseAPI + "/component/ucr/ucr-report/page-id/" + r2);
+}
+export {
+  t as deleteUcrReport,
+  u as findPageIdByReportCode,
+  o as getUcrReportDetail,
+  r as getUcrReportTree,
+  n as saveUcrReportData,
+  p as updateDisplayOrder
+};

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

@@ -1,20 +1,38 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pageId: {
+        type: NumberConstructor;
+        default: any;
+    };
     pageDesign: {
         type: ObjectConstructor;
         default: () => {};
     };
+    ucrDesign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "change-page": (...args: any[]) => void;
     "init-loaded": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageId: {
+        type: NumberConstructor;
+        default: any;
+    };
     pageDesign: {
         type: ObjectConstructor;
         default: () => {};
     };
+    ucrDesign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onChange-page"?: (...args: any[]) => any;
     "onInit-loaded"?: (...args: any[]) => any;
 }>, {
     pageDesign: Record<string, any>;
+    ucrDesign: boolean;
+    pageId: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import e from "./page-switch.vue2.js";
 /* empty css                 */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = t(e, [["__scopeId", "data-v-e8f0bd36"]]);
+const p = t(e, [["__scopeId", "data-v-e79c563b"]]);
 export {
   p as default
 };

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

@@ -1,58 +1,62 @@
-import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as d, createBlock as u, unref as r, toDisplayString as c, createTextVNode as g } from "vue";
+import { defineComponent as e, ref as a, computed as t, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createBlock as s, withCtx as p, createElementVNode as u, createVNode as d, unref as r, toDisplayString as g, createTextVNode as c } from "vue";
 import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
 import { ElMessageBox as w } from "element-plus";
 import b from "agilebuilder-ui/src/utils/request";
 import _ from "agilebuilder-ui/src/utils/i18n-util";
-const k = { style: { display: "flex", "min-width": "60px", height: "60px", "margin-left": "15px", "align-items": "center", cursor: "pointer" } }, C = { style: { "overflow-y": "auto" } }, I = { style: { "vertical-align": "middle" } }, T = { key: 3, style: { "margin-left": "5px" } }, N = { key: 4, style: { "margin-left": "5px" } }, P = e({ __name: "page-switch", props: { pageDesign: { type: Object, default: () => ({}) } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: P2 }) {
-  const A = e2, D = P2, S = t(false), z = t(""), L = t(), $ = t(), B = t({ value: "id", label: "name", leaf: "leaf", emitPath: false, lazy: true, lazyLoad: async function(e3, t2) {
-    -1 === V.value && await b.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + A.pageDesign.systemCode).then((e4) => {
+import k from "./components/ucr-report-swtich/index.vue.js";
+const I = { style: { display: "flex", "min-width": "60px", height: "60px", "margin-left": "15px", "align-items": "center", cursor: "pointer" } }, C = { style: { "overflow-y": "auto" } }, D = { style: { "vertical-align": "middle" } }, N = { key: 3, style: { "margin-left": "5px" } }, P = { key: 4, style: { "margin-left": "5px" } }, T = e({ __name: "page-switch", props: { pageId: { type: Number, default: null }, pageDesign: { type: Object, default: () => ({}) }, ucrDesign: { type: Boolean, default: false } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: T2 }) {
+  const A = e2, S = T2, z = a(false), B = a(""), L = a(), $ = a(), V = a({ value: "id", label: "name", leaf: "leaf", emitPath: false, lazy: true, lazyLoad: async function(e3, a2) {
+    -1 === j.value && await b.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + A.pageDesign.systemCode).then((e4) => {
       if (e4) {
-        D("init-loaded", { system: e4 }), _.setEnableI18nState(e4.code, e4.enableI18n), V.value = e4.id;
-        const t3 = e4.code, a3 = { systemCode: t3 };
-        b.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", a3).then((e5) => {
-          const a4 = e5.i18nFileUrls[e5.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
-          _.loadLangFile(t3, a4, "zh_CN").catch(() => {
+        S("init-loaded", { system: e4 }), _.setEnableI18nState(e4.code, e4.enableI18n), j.value = e4.id;
+        const a3 = e4.code, t3 = { systemCode: a3 };
+        b.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", t3).then((e5) => {
+          const t4 = e5.i18nFileUrls[e5.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
+          _.loadLangFile(a3, t4, "zh_CN").catch(() => {
           });
         });
       }
     });
-    let a2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
-    if (0 === e3.level) a2 += "systemId=system-" + V.value;
+    let t2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
+    if (0 === e3.level) t2 += "systemId=system-" + j.value;
     else {
-      let t3 = e3.data.menuId;
-      a2 += "systemId=" + V.value + "&parentMenuId=" + t3;
+      let a3 = e3.data.menuId;
+      t2 += "systemId=" + j.value + "&parentMenuId=" + a3;
     }
-    b.get(a2).then((e4) => {
-      t2(e4);
+    b.get(t2).then((e4) => {
+      a2(e4);
     });
-  }, expandTrigger: "hover" }), V = t(-1), F = t("");
+  }, expandTrigger: "hover" }), j = a(-1), F = a("");
   function R() {
-    S.value = true;
+    z.value = true;
   }
   function U() {
-    S.value = false;
-  }
-  function j(e3) {
-    const t2 = e3.data.id.split("_")[2];
-    return e3.label + " (" + t2 + ")";
+    z.value = false;
   }
   function q(e3) {
-    const t2 = L.value.getCheckedNodes();
-    if (e3 && "page" === t2[0].data.menuType) {
-      const e4 = t2[0].data.name + " (" + t2[0].data.id.split("_")[2] + ")", a2 = t2[0].data.id.split("_")[0];
+    const a2 = e3.data.id.split("_")[2];
+    return e3.label + " (" + a2 + ")";
+  }
+  function E(e3) {
+    const a2 = L.value.getCheckedNodes();
+    if (e3 && "page" === a2[0].data.menuType) {
+      const e4 = a2[0].data.name + " (" + a2[0].data.id.split("_")[2] + ")", t2 = a2[0].data.id.split("_")[0];
       w.confirm(`确认切换到页面：${e4}?`, "切换页面", { confirmButtonText: "切换", cancelButtonText: "取消", type: "warning" }).then(() => {
-        $.value.hide(), D("change-page", a2);
+        $.value.hide(), S("change-page", t2);
       }).catch(() => {
         L.value.clearCheckedNodes();
       });
     } else L.value.clearCheckedNodes();
   }
-  return a(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
-  }), (t2, a2) => {
+  function H(e3) {
+    S("change-page", e3);
+  }
+  return t(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
+  }), (a2, t2) => {
     const l2 = n("el-icon"), w2 = n("el-button"), b2 = n("el-cascader-panel"), _2 = n("el-popover");
-    return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, 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: p(() => [s(w2, { type: "default", icon: r(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), u(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(r(h))]), _: 1 })) : (i(), u(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(r(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [d("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [d("div", I, ["menu" === t3.menuType ? (i(), u(l2, { key: 0 }, { default: p(() => [s(r(m))]), _: 1 })) : "page" === t3.menuType ? (i(), u(l2, { key: 1 }, { default: p(() => [s(r(f))]), _: 1 })) : (i(), u(l2, { key: 2 }, { default: p(() => [s(r(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
+    return i(), o("div", I, [e2.ucrDesign ? (i(), s(k, { key: 0, pageDesign: e2.pageDesign, pageId: e2.pageId, onChangePage: H }, null, 8, ["pageDesign", "pageId"])) : (i(), s(_2, { key: 1, onShow: R, onHide: U, ref_key: "popoverRef", ref: $, 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: p(() => [d(w2, { type: "default", icon: r(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [c(g(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), z.value ? (i(), s(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [d(r(h))]), _: 1 })) : (i(), s(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [d(r(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [u("div", C, [d(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: V.value, modelValue: B.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => B.value = e3), onChange: E }, { default: p(({ node: e3, data: a3 }) => [u("div", D, ["menu" === a3.menuType ? (i(), s(l2, { key: 0 }, { default: p(() => [d(r(m))]), _: 1 })) : "page" === a3.menuType ? (i(), s(l2, { key: 1 }, { default: p(() => [d(r(f))]), _: 1 })) : (i(), s(l2, { key: 2 }, { default: p(() => [d(r(y))]), _: 1 })), "page" === a3.menuType ? (i(), o("span", N, g(q(e3)), 1)) : (i(), o("span", P, g(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512))]);
   };
 } });
 export {
-  P as default
+  T as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as a, openBlock as u, Fragment as c, createElementVNode as m, createBlock as g, createCommentVNode as p, createVNode as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, normalizeStyle as j, renderList as C } from "vue";
-import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
-import { useDraggable as D } from "vue-draggable-plus";
+import { Monitor as k, Cellphone as S, Iphone as _, Plus as O, Check as A, View as D } from "@element-plus/icons";
+import { useDraggable as T } from "vue-draggable-plus";
 import x from "../../assemblys/object-design.vue.js";
 import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
 import { addComponentRef as U } from "../../../utils/page-helper-util.js";
@@ -89,13 +89,13 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
       P({ message: "保存失败", type: "error" });
     });
   }
-  D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
+  T(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
   } });
   const be = i(false);
   const ye = i(null), he = i({}), je = i({}), Ce = i(false);
-  let Se;
-  function ke() {
-    Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
+  let ke;
+  function Se() {
+    ke && clearTimeout(ke), Ce.value = false, ke = setTimeout(() => {
       Ce.value = true;
     }, 1);
   }
@@ -106,33 +106,33 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
     }
   }
   return s(() => {
-    Se && clearTimeout(Se);
+    ke && clearTimeout(ke);
   }), H2({ onSelectEvent: function(e3) {
     Ce.value = !(!e3 || "selected" !== e3);
   }, addEvent: function(e3, i2) {
     he.value = e3;
     const n2 = _e(e3.eventName);
-    n2 && (je.value = n2), ye.value = i2 || "event", ke();
+    n2 && (je.value = n2), ye.value = i2 || "event", Se();
   }, changeEvent: function(e3) {
     if (e3) {
       ye.value = null, he.value = e3;
       const i2 = _e(e3.eventName);
-      je.value = i2 || null, ke();
+      je.value = i2 || null, Se();
     } else Ce.value = false;
   } }), (e3, i2) => {
     const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
-    return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+    return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
       var _a;
       (_a = Z.value) == null ? void 0 : _a.show();
-    }) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
+    }) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), e3.configure.ucrDesign ? p("", true) : (u(), a("label", { key: 0, class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
       Y.value && Y.value.openDialog();
-    }) }, [f(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
+    }) }, [f(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))])), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
       const e5 = JSON.parse(JSON.stringify(X.configure));
       e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
         const n3 = E(e5, i3);
         n3 && K(n3, e5);
       }), ne.value = e5, be.value = true;
-    }()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+    }()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(D))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
   };
 } });
 export {

package/dist/es/style.css

@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.amb-object-design-ref[data-v-3c3cc623] .el-table td.el-table__cell > .cell {
+.amb-object-design-ref[data-v-c2d9c8d5] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
 }.runtime-page-container[data-v-f796b484] {
@@ -905,19 +905,47 @@ fieldset.amb-design-item-selected {
   height: 100%;
 }
 /* 定义滚动条的轨道 */
-[data-v-e8f0bd36]::-webkit-scrollbar {
+[data-v-d6244281]::-webkit-scrollbar {
   height: 6px;
   width: 6px; /* 宽度 */
 }
 
 /* 定义滑块 */
-[data-v-e8f0bd36]::-webkit-scrollbar-thumb {
+[data-v-d6244281]::-webkit-scrollbar-thumb {
   background-color: darkgrey; /* 滑块颜色 */
   border-radius: 5px; /* 圆角 */
 }
 
 /* 当滑块hover时改变颜色 */
-[data-v-e8f0bd36]::-webkit-scrollbar-thumb:hover {
+[data-v-d6244281]::-webkit-scrollbar-thumb:hover {
+  background-color: grey;
+}
+.item-side {
+&[data-v-d6244281] {
+  display: flex;
+  align-items: center;
+  }
+.file[data-v-d6244281] {
+    width: 17px;
+    height: 17px;
+    margin-right: 5px;
+}
+}
+
+/* 定义滚动条的轨道 */
+[data-v-e79c563b]::-webkit-scrollbar {
+  height: 6px;
+  width: 6px; /* 宽度 */
+}
+
+/* 定义滑块 */
+[data-v-e79c563b]::-webkit-scrollbar-thumb {
+  background-color: darkgrey; /* 滑块颜色 */
+  border-radius: 5px; /* 圆角 */
+}
+
+/* 当滑块hover时改变颜色 */
+[data-v-e79c563b]::-webkit-scrollbar-thumb:hover {
   background-color: grey;
 }
 ._amb-page-container_1k9lg_1 {
@@ -13104,7 +13132,7 @@ fieldset.amb-design-item-selected {
   background-color: var(--el-fill-color-blank);
 }
 
-.collapse-item-content[data-v-0f3331ae] {
+.collapse-item-content[data-v-93b865b5] {
   padding: 8px 0px 0px 0px;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.3.16-sit3-design1",
+  "version": "2.3.17-sit1-design1",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.58-sit6",
+    "agilebuilder-ui": "1.1.59-sit2",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.3.12-flow1",
-    "super-page-runtime": "2.3.16-sit3",
+    "service-flow-designer": "2.3.17-sit1-flow1",
+    "super-page-runtime": "2.3.17-sit1",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.77-up"
+    "workflow-editor": "0.0.78-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",