super-page-designer 2.2.89-sit9 → 2.2.91-sit11

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

@@ -1,17 +1,17 @@
-import { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, normalizeStyle as c, toDisplayString as v, withDirectives as f, withModifiers as g, createTextVNode as h, vShow as b } from "vue";
-import { Search as w } from "@element-plus/icons-vue";
-import { ElMessageBox as x } from "element-plus";
-import { getDesignConfByName as C } from "../../../utils/assemblys-config.js";
-import y from "../view/assemblys-container-explore.vue.js";
+import { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, toDisplayString as c, withDirectives as v, withModifiers as f, createTextVNode as g, vShow as b } from "vue";
+import { Search as h } from "@element-plus/icons-vue";
+import { ElMessageBox as w } from "element-plus";
+import { getDesignConfByName as x } from "../../../utils/assemblys-config.js";
+import C from "../view/assemblys-container-explore.vue.js";
 import { deepCopy as _ } from "../../../utils/common-util.js";
-import k from "../../../utils/eventBus.js";
-import { usePageContextStore as E } from "../../../../../stores/page-store.js";
-const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j = { style: { "padding-top": "10px" } }, $ = ["title"], L = ["title"], T = { key: 0 }, U = { key: 1 }, z = ["title"], S = ["title"], B = ["title"], I = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: I2, emit: N }) {
-  const P = E(), W = l(null), D = l(), F = l(false);
-  let O = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), R = l(null), H = l("");
-  const M = t(() => {
+import y from "../../../utils/eventBus.js";
+import { usePageContextStore as k } from "../../../../../stores/page-store.js";
+const E = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, V = { style: { "padding-top": "10px" } }, j = ["title"], $ = ["title"], L = { key: 0 }, T = { key: 1 }, U = ["title"], z = ["title"], S = ["title"], B = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: B2, emit: I }) {
+  const N = k(), P = l(null), W = l(), D = l(false);
+  let F = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), O = l(null), R = l("");
+  const H = t(() => {
     let e3 = "";
-    const l2 = R.value;
+    const l2 = O.value;
     if ("page" === (l2 && "page" != l2.name ? l2.name : "page")) e3 = "页面";
     else if (e3 = l2 && l2.label ? l2.label : "", l2 && l2.props && l2.props.base) {
       const t2 = l2.props.base.title;
@@ -19,22 +19,22 @@ const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j =
     }
     return e3;
   });
-  let q = t(() => W.value && W.value.customEvents ? W.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
-  const A = t(() => {
-    let e3 = R.value ? R.value.name : null;
+  let M = t(() => P.value && P.value.customEvents ? P.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
+  const q = t(() => {
+    let e3 = O.value ? O.value.name : null;
     e3 = e3 || "page";
-    const l2 = R.value ? R.value.uuid : null;
+    const l2 = O.value ? O.value.uuid : null;
     let t2 = [];
     const a2 = [];
-    if (W.value && W.value.customEvents) for (let n3 of W.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
+    if (P.value && P.value.customEvents) for (let n3 of P.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
     let n2 = null;
-    if (n2 = "page" == e3 ? W.value ? W.value.events : null : R.value ? R.value.events : null, n2) {
+    if (n2 = "page" == e3 ? P.value ? P.value.events : null : O.value ? O.value.events : null, n2) {
       for (let l4 of n2) {
-        l4.componentUuid || (l4.componentUuid = R.value && R.value.uuid ? R.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : R.value ? R.value.label : "");
+        l4.componentUuid || (l4.componentUuid = O.value && O.value.uuid ? O.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : O.value ? O.value.label : "");
         let n3 = "";
-        R.value && R.value.props && R.value.props.base && (n3 = R.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
+        O.value && O.value.props && O.value.props.base && (n3 = O.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
       }
-      let l3 = C(e3);
+      let l3 = x(e3);
       const o2 = [];
       if (l3 && l3.events && l3.events.length > 0) {
         for (let e4 of l3.events) if (o2.push(e4.name), !a2.includes(e4.name)) {
@@ -49,46 +49,46 @@ const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j =
         }
       } else t2 = [];
     }
-    if (H.value) {
+    if (R.value) {
       const e4 = [];
-      for (let l3 of t2) (l3.name && l3.name.includes(H.value) || l3.label && l3.label.includes(H.value)) && e4.push(l3);
+      for (let l3 of t2) (l3.name && l3.name.includes(R.value) || l3.label && l3.label.includes(R.value)) && e4.push(l3);
       return e4;
     }
     return t2;
-  }), G = l([]);
+  }), A = l([]);
+  function G(e3) {
+    P.value = e3, A.value = e3 && e3.items ? e3.items : [], Y(null, null);
+  }
   function J(e3) {
-    W.value = e3, G.value = e3 && e3.items ? e3.items : [], Z(null, null);
+    w.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      y.$emit("clearEvent", e3);
+    });
   }
   function K(e3) {
-    x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
-      k.$emit("clearEvent", e3);
-    });
+    y.$emit("editEvent", e3);
   }
   function Q(e3) {
-    k.$emit("editEvent", e3);
-  }
-  function X(e3) {
-    k.$emit("editEvent", e3);
+    y.$emit("editEvent", e3);
   }
-  let Y;
-  function Z(e3, l2) {
-    R.value = l2, F.value = false;
+  let X;
+  function Y(e3, l2) {
+    O.value = l2, D.value = false;
   }
   return a(() => {
-    J(P.pageContext), D.value = window.innerHeight - 220;
-  }), k.$on("changePageDesign", () => {
-    J(P.pageContext);
-  }), k.$on("editComponentEvent", (e3) => {
-    Y && clearTimeout(Y), R.value = e3.configureObj, Y = setTimeout(function() {
-      k.$emit("editEvent", e3.event);
+    G(N.pageContext), W.value = window.innerHeight - 220;
+  }), y.$on("changePageDesign", () => {
+    G(N.pageContext);
+  }), y.$on("editComponentEvent", (e3) => {
+    X && clearTimeout(X), O.value = e3.configureObj, X = setTimeout(function() {
+      y.$emit("editEvent", e3.event);
     }, 100);
   }), n(() => {
-    Y && clearTimeout(Y), k.$off("changePageDesign"), k.$off("editComponentEvent");
-  }), I2({}), (e3, l2) => {
-    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), x2 = o("el-table-column"), C2 = o("el-table"), _2 = o("el-collapse-item"), k2 = o("el-collapse");
-    return s(), i("div", V, [u("div", null, [u("div", j, [r(n2, { placement: "right", width: 300, visible: F.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: M.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => M.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => F.value = !F.value) }, { append: m(() => [r(t2, { type: "info", icon: p(w), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => F.value = !F.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(y, { onSelectComponent: Z, treeMarginTop: "", headerSearchClass: "custom", designItems: G.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(k2, { modelValue: p(O), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(O) ? O.value = e4 : O = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", { style: c("max-height:" + D.value + "px") }, [r(a2, { modelValue: p(H), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(H) ? H.value = e4 : H = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(w) }, null, 8, ["modelValue", "suffix-icon"]), r(C2, { size: "small", data: A.value, style: { width: "100%" }, "max-height": D.value, "highlight-current-row": "", onRowClick: X }, { default: m(() => [r(x2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, v(e4.row.name), 9, $)]), _: 1 }), r(x2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, v(e4.row.label), 9, L)]), _: 1 }), r(x2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", T, v(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", U, v(p(R) ? p(R).label : "页面"), 1))]), _: 1 }), r(x2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, z)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [f(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[5] || (l2[5] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[b, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])], 4)]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(C2, { size: "small", data: p(q), "highlight-current-row": "", style: { width: "100%" }, "max-height": D.value, onRowClick: Q }, { default: m(() => [r(x2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, v(e4.row.eventName), 9, S)]), _: 1 }), r(x2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, B)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
+    X && clearTimeout(X), y.$off("changePageDesign"), y.$off("editComponentEvent");
+  }), B2({}), (e3, l2) => {
+    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), w2 = o("el-table-column"), x2 = o("el-table"), _2 = o("el-collapse-item"), y2 = o("el-collapse");
+    return s(), i("div", E, [u("div", null, [u("div", V, [r(n2, { placement: "right", width: 300, visible: D.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: H.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => H.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => D.value = !D.value) }, { append: m(() => [r(t2, { type: "info", icon: p(h), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => D.value = !D.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(C, { onSelectComponent: Y, treeMarginTop: "", headerSearchClass: "custom", designItems: A.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(y2, { modelValue: p(F), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(F) ? F.value = e4 : F = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", null, [r(a2, { modelValue: p(R), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(R) ? R.value = e4 : R = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(h) }, null, 8, ["modelValue", "suffix-icon"]), r(x2, { size: "small", data: q.value, style: { width: "100%" }, "max-height": W.value, "highlight-current-row": "", onRowClick: Q }, { default: m(() => [r(w2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, c(e4.row.name), 9, j)]), _: 1 }), r(w2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, c(e4.row.label), 9, $)]), _: 1 }), r(w2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", L, c(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", T, c(p(O) ? p(O).label : "页面"), 1))]), _: 1 }), r(w2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, U)]), _: 1 }), r(w2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [v(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: f((l3) => J(e4.row), ["stop"]) }, { default: m(() => l2[5] || (l2[5] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[b, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])])]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(x2, { size: "small", data: p(M), "highlight-current-row": "", style: { width: "100%" }, "max-height": W.value, onRowClick: K }, { default: m(() => [r(w2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, c(e4.row.eventName), 9, z)]), _: 1 }), r(w2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, S)]), _: 1 }), r(w2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: f((l3) => J(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
   };
 } });
 export {
-  I as default
+  B as default
 };

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

@@ -1,43 +1,43 @@
 import { defineComponent as e, ref as t, onMounted as o, nextTick as l, resolveComponent as a, resolveDirective as n, createElementBlock as i, openBlock as s, Fragment as r, createElementVNode as p, createVNode as c, withDirectives as u, createBlock as d, unref as m, withCtx as g, createTextVNode as f } from "vue";
-import { Plus as y, Delete as b, Refresh as v } from "@element-plus/icons";
+import { Plus as v, Delete as y, Refresh as b } from "@element-plus/icons";
 import w from "agilebuilder-ui/src/utils/request";
 import { ElMessageBox as h, ElMessage as C, ElLoading as k } from "element-plus";
-const S = { style: { padding: "0 0 10px 0" } }, T = e({ __name: "i18n-setting-enabled", props: { systemCode: { type: String, default: "" } }, emits: ["close"], setup(e2, { expose: T2, emit: A }) {
-  const E = e2, _ = window.$vueApp.config.globalProperties.baseAPI, P = t([]), x = t(), N = t(false), R = [{ leftBracket: "(", propName: "systemCode", propDbName: "system_code", dataType: "TEXT", operator: "EQ", propValue: E.systemCode, joinSign: "or" }, { propName: "systemCode", propDbName: "system_code", dataType: "TEXT", operator: "EQ", propValue: "common", rightBracket: ")", joinSign: "and" }], B = function(e3, t2) {
-    P.value = e3;
-  }, D = { initSearch: true, dynamicServiceName: "languagePackageDynamicValueServiceImpl", lineEditOptions: { aftersaveIsCreateRow: false, beforeSave: function(e3) {
-    e3.SYSTEM_CODE = E.systemCode;
-  } }, statementDto: {}, initSearchForm: R, renderRow: {}, isSql: true, operations: { operation: [{ onClick: G, props: { title: "修改", isPermission: true, type: "primary", size: "small", elementType: "el-button", label: "修改", code: "lineEditUpdate" } }, { onClick: I, isShow: V, props: { title: "保存", type: "primary", size: "small", elementType: "el-button", label: "保存" } }, { onClick: z, props: { title: "删除", type: "danger", size: "small", elementType: "el-button", label: "删除" } }, { onClick: $, props: { title: "取消编辑", type: "primary", size: "small", elementType: "el-button", label: "取消编辑", code: "restoreEdit" } }] }, pageHeight: 0.45 * window.innerHeight };
+const S = { style: { padding: "0 0 10px 0" } }, E = e({ __name: "i18n-setting-enabled", props: { systemCode: { type: String, default: "" } }, emits: ["close"], setup(e2, { expose: E2, emit: T }) {
+  const A = e2, _ = window.$vueApp.config.globalProperties.baseAPI, N = t([]), P = t(), x = t(false), D = [{ leftBracket: "(", propName: "systemCode", propDbName: "system_code", dataType: "TEXT", operator: "EQ", propValue: A.systemCode, joinSign: "or" }, { propName: "systemCode", propDbName: "system_code", dataType: "TEXT", operator: "EQ", propValue: "common", rightBracket: ")", joinSign: "and" }], R = function(e3, t2) {
+    N.value = e3;
+  }, B = { initSearch: true, dynamicServiceName: "languagePackageDynamicValueServiceImpl", lineEditOptions: { aftersaveIsCreateRow: false, beforeSave: function(e3) {
+    e3.SYSTEM_CODE = A.systemCode;
+  } }, statementDto: {}, initSearchForm: D, renderRow: {}, isSql: true, operations: { operation: [{ onClick: G, eventName: "lineEditUpdate", props: { title: "修改", isPermission: true, type: "primary", size: "small", elementType: "el-button", label: "修改", code: "lineEditUpdate" } }, { onClick: I, eventName: "lineEditSave", isShow: U, props: { title: "保存", type: "primary", size: "small", elementType: "el-button", label: "保存" } }, { onClick: z, eventName: "lineEditDelete", props: { title: "删除", type: "danger", size: "small", elementType: "el-button", label: "删除" } }, { onClick: $, eventName: "restoreEdit", props: { title: "取消编辑", type: "primary", size: "small", elementType: "el-button", label: "取消编辑", code: "restoreEdit" } }] }, pageHeight: 0.45 * window.innerHeight };
   function I(e3, t2, o2, l2, a2) {
-    x.value.saveRow(a2);
+    P.value.saveRow(a2);
   }
   function z(e3, t2, o2, l2, a2) {
     h.confirm("确认删除", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
       w.delete(window.$vueApp.config.globalProperties.baseAPI + "/bs/language-package", { data: [o2.id] }).then((e4) => {
-        C.success({ message: "删除成功", showClose: true }), x.value.refresh();
+        C.success({ message: "删除成功", showClose: true }), P.value.refresh();
       });
     });
   }
   function $(e3, t2, o2, l2, a2) {
-    x.value.restoreRow(a2);
+    P.value.restoreRow(a2);
   }
   function G(e3, t2, o2, l2, a2) {
-    x.value.editRow(a2);
+    P.value.editRow(a2);
   }
-  function V(e3, t2, o2, l2, a2) {
+  function U(e3, t2, o2, l2, a2) {
     return !!o2.$editing;
   }
-  function j() {
-    x.value.createRow();
+  function V() {
+    P.value.createRow();
   }
-  function q() {
-    if (!P.value || 0 === P.value.length) return void C.warning({ message: "请选择要删除的数据", showClose: true });
-    let e3 = P.value.map((e4) => e4.id);
+  function j() {
+    if (!N.value || 0 === N.value.length) return void C.warning({ message: "请选择要删除的数据", showClose: true });
+    let e3 = N.value.map((e4) => e4.id);
     w.delete(window.$vueApp.config.globalProperties.baseAPI + "/bs/language-package", { data: e3 }).then((e4) => {
-      C.success({ message: "删除成功", showClose: true }), x.value.refresh();
+      C.success({ message: "删除成功", showClose: true }), P.value.refresh();
     });
   }
-  function H() {
+  function q() {
     const e3 = k.service({ fullscreen: true, lock: true, text: "更新中", background: "rgba(0, 0, 0, 0.7)" });
     w.delete().then((t2) => {
       e3.close(), C.success({ message: "更新完毕", showClose: true });
@@ -47,14 +47,14 @@ const S = { style: { padding: "0 0 10px 0" } }, T = e({ __name: "i18n-setting-en
   }
   return o(() => {
     l(() => {
-      x.value.refresh();
+      P.value.refresh();
     });
   }), o(() => {
-  }), T2({}), (e3, t2) => {
+  }), E2({}), (e3, t2) => {
     const o2 = a("el-button"), l2 = a("super-grid"), w2 = n("loading");
-    return s(), i(r, null, [p("div", S, [u((s(), d(o2, { disabled: N.value, icon: m(y), type: "primary", onClick: j }, { default: g(() => t2[0] || (t2[0] = [f(" 新建 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { disabled: N.value, icon: m(b), type: "danger", onClick: q }, { default: g(() => t2[1] || (t2[1] = [f(" 删除 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { type: "default", align: "left", class: "button--default", icon: m(v), onClick: H }, { default: g(() => t2[2] || (t2[2] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[w2, N.value]])]), c(l2, { style: { width: "100%" }, ref_key: "grid", ref: x, url: m(_) + "/bs/language-package/list", options: D, code: "BS_LANGUAGE_PACKAGE", onSelect: B, onSelectAll: B }, null, 8, ["url"])], 64);
+    return s(), i(r, null, [p("div", S, [u((s(), d(o2, { disabled: x.value, icon: m(v), type: "primary", onClick: V }, { default: g(() => t2[0] || (t2[0] = [f(" 新建 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, x.value]]), u((s(), d(o2, { disabled: x.value, icon: m(y), type: "danger", onClick: j }, { default: g(() => t2[1] || (t2[1] = [f(" 删除 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, x.value]]), u((s(), d(o2, { type: "default", align: "left", class: "button--default", icon: m(b), onClick: q }, { default: g(() => t2[2] || (t2[2] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[w2, x.value]])]), c(l2, { style: { width: "100%" }, ref_key: "grid", ref: P, url: m(_) + "/bs/language-package/list", options: B, code: "BS_LANGUAGE_PACKAGE", onSelect: R, onSelectAll: R }, null, 8, ["url"])], 64);
   };
 } });
 export {
-  T as default
+  E as default
 };

package/dist/es/index.d.ts

@@ -1,3 +1,2 @@
-import { default as Design } from './components/design';
 
-export { Design };
+export { Design, CommonIconBind } from './components/design';

package/dist/es/index.js

@@ -1,6 +1,8 @@
 /* empty css                        */
 /* empty css                          */
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
+import { default as default3 } from "./components/design/views/assemblys/common/common-icon-bind.vue.js";
 export {
+  default3 as CommonIconBind,
   default2 as Design
 };

package/dist/es/style.css

@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.amb-object-design-ref[data-v-e7e64fd1] .el-table td.el-table__cell > .cell {
+.amb-object-design-ref[data-v-309a3fe8] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
 }.runtime-page-container[data-v-f796b484] {
@@ -930,25 +930,25 @@ fieldset.amb-design-item-selected {
 }
 ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
   height: calc(100vh - 60px);
-}.amb-component-popover-icon-list-view[data-v-d953af54] {
+}.amb-component-popover-icon-list-view[data-v-6bf149f9] {
   display: flex;
   flex-direction: column;
   gap: 10px;
   overflow: hidden;
   height: 300px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-d953af54] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-6bf149f9] {
   flex: 1 1 auto;
   overflow: auto;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-d953af54] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-6bf149f9] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
   grid-gap: 15px;
   padding: 0;
   list-style: none;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-d953af54] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-6bf149f9] {
   position: relative;
   width: 40px;
   height: 40px;
@@ -960,14 +960,14 @@ fieldset.amb-design-item-selected {
   border-radius: 5px;
   line-height: 1;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-d953af54] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-6bf149f9] {
   width: 24px;
   height: 24px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-d953af54]:hover {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-6bf149f9]:hover {
   background-color: var(--el-menu-active-color);
   color: var(--el-color-white);
-}.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -975,16 +975,16 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -992,16 +992,13 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[draggable] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
-  width: auto;
-}
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
   width: auto;
 }.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
   position: relative;
@@ -10933,7 +10930,7 @@ li[data-v-e50b5e57] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-3f9861c5] {
+.seleteSort[data-v-e95dace8] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -10984,7 +10981,7 @@ li[data-v-d06d5717] {
 	width: 100%
 }
 
-.seleteSort[data-v-d2fb5ff1] {
+.seleteSort[data-v-4b6ce1f3] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.89-sit9",
+  "version": "2.2.91-sit11",
   "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.30-sit3",
+    "agilebuilder-ui": "1.1.33-sit3",
     "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.2.89-sit2",
-    "super-page-runtime": "2.2.89-sit8",
+    "service-flow-designer": "2.2.91-sit10",
+    "super-page-runtime": "2.2.91-sit9",
     "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.55-up"
+    "workflow-editor": "0.0.56-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",

package/dist/es/components/design/index.js

@@ -1,4 +0,0 @@
-import e from "./views/design/page-design.vue.js";
-export {
-  e as default
-};

package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue3.js

@@ -1,102 +0,0 @@
-import { defineComponent as e, ref as l, computed as a, resolveComponent as o, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as v, unref as p, createElementVNode as r, Fragment as d, renderList as m, normalizeClass as f, withDirectives as g, vShow as y, createCommentVNode as b, createTextVNode as w, withModifiers as h, nextTick as _ } from "vue";
-import { Close as k, Check as x, Search as I, Plus as V, InfoFilled as C, CircleClose as A } from "@element-plus/icons-vue";
-import * as L from "@element-plus/icons";
-import O from "agilebuilder-ui/src/utils/request";
-const U = { key: 0 }, $ = { class: "amb-component-popover-left-menu-main" }, z = ["onClick"], E = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, P = { key: 2 }, j = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } }, S = { class: "amb-component-popover-icon-grid" }, T = ["onClick"], N = { key: 4, style: { "text-align": "right" } }, q = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: q2 }) {
-  var _a, _b;
-  const M = q2, B = e2, R = l([{ value: "ElementUI", label: "ElementUI", dataList: [] }, { value: "ambIcon", label: "Amb图标库", dataList: [] }, { value: "custom", label: "自定义", dataList: [] }]);
-  l(false);
-  const D = l(1), F = l(B.iconType ?? ((_b = (_a = R.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), G = l("");
-  G.value = B.iconValue;
-  const H = l({}), J = l(""), K = l(), Q = l(false), W = a(() => {
-    var _a2;
-    const e3 = (_a2 = R.value) == null ? void 0 : _a2.find((e4) => e4.value === F.value);
-    return (e3 == null ? void 0 : e3.dataList) ?? [];
-  }), X = a(() => {
-    let e3 = W.value ?? [];
-    return J.value && (e3 = e3.filter((e4) => [e4.label ?? "", e4.value ?? ""].some((e5) => {
-      var _a2;
-      return (_a2 = e5.toLowerCase()) == null ? void 0 : _a2.includes(J.value.toLowerCase());
-    }))), e3.slice(0, 50 * D.value);
-  }), Y = () => {
-    D.value++;
-  };
-  async function Z() {
-    Q.value = true;
-    try {
-      const e3 = (await O.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 })).data ?? [], l2 = [];
-      for (let a2 of e3) l2.push({ value: a2.iconName, label: a2.iconName });
-      H.value.customOptions = l2, R.value[R.value.findIndex((e4) => "custom" === e4.value)].dataList = tempOptionsxs;
-    } catch (e3) {
-    }
-    Q.value = false;
-  }
-  function ee(e3) {
-    var l2;
-    D.value = 1, e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), F.value = e3, "ElementUI" === (l2 = F.value) ? R.value[R.value.findIndex((e4) => "ElementUI" === e4.value)].dataList = H.value.elementUIOptions : "custom" === l2 ? Z() : ["ambIcon"].includes(l2) && async function() {
-      var _a2, _b2, _c;
-      try {
-        Q.value = true;
-        let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
-        ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
-        const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: a2, glyphs: o2 = [], font_family: n2 } = l3;
-        R.value[R.value.findIndex((e5) => "ambIcon" === e5.value)].dataList = o2.map((e5) => ({ label: e5.name, value: `${a2}${e5.font_class}` }));
-      } catch (e4) {
-      }
-      Q.value = false;
-    }();
-  }
-  function le() {
-    var _a2, _b2;
-    (_b2 = (_a2 = K.value) == null ? void 0 : _a2.hide) == null ? void 0 : _b2.call(_a2);
-  }
-  function ae() {
-    G.value = "", M("update:modelValue", "", ""), K.value.hide();
-  }
-  function oe() {
-    if (J.value = J.value.trim(), !J.value) return void ElMessage.warning("请输入图标名!");
-    const e3 = H.value.customOptions || [];
-    let l2 = false;
-    for (let a3 of e3) if (a3.value === J.value) {
-      l2 = true;
-      break;
-    }
-    F.value = "custom", G.value = J.value;
-    const a2 = J.value;
-    if (J.value = "", M("update:modelValue", F.value, G.value), K.value.hide(), !l2) {
-      const e4 = { iconName: a2 };
-      O.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
-        "custom" == F.value && Z();
-      }).catch((e5) => {
-        ElMessage.warning("保存图标失败!");
-      });
-    }
-  }
-  function ne() {
-    _(() => {
-      !function() {
-        if (!H.value.elementUIOptions) {
-          if (!window.temp_Icon_Options) {
-            const e3 = [];
-            for (const [l2, a2] of Object.entries(L)) e3.push({ value: l2, label: l2, component: a2 });
-            e3.sort(function(e4, l2) {
-              const a2 = e4.value, o2 = l2.value;
-              return a2.localeCompare(o2);
-            }), window.temp_Icon_Options = e3;
-          }
-          H.value.elementUIOptions = window.temp_Icon_Options;
-        }
-      }(), ee(F.value);
-    });
-  }
-  return l(), (l2, a2) => {
-    const _2 = o("el-icon"), L2 = o("el-input"), O2 = o("el-button"), q3 = o("el-tooltip"), B2 = o("el-scrollbar"), D2 = o("el-col"), H2 = o("el-empty"), Z2 = o("el-tag"), te = o("SuperIcon"), ue = o("el-row"), ie = o("el-popover"), ce = n("loading"), se = n("infinite-scroll");
-    return e2.showLabel ? (i(), t("span", U, c(G.value), 1)) : (i(), u(ie, { key: 1, ref_key: "popoverRef", ref: K, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [v(L2, { readonly: "", size: "small", onClick: ne, modelValue: G.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => G.value = e3), placeholder: "请选择" }, { suffix: s(() => [g(v(_2, { style: { cursor: "pointer" }, onClick: h(ae, ["stop"]) }, { default: s(() => [v(p(A))]), _: 1 }, 512), [[y, G.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [v(ue, null, { default: s(() => [v(q3, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [v(O2, { type: "text", class: "amb-component-popover-close-btn", icon: p(k), onClick: le }, null, 8, ["icon"])]), _: 1 }), v(D2, { span: 8 }, { default: s(() => [r("div", $, [v(B2, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, m(R.value, (e3) => (i(), t("div", { class: f(["amb-popover-menu-item", e3.value == F.value ? "is-active" : ""]), onClick: (l3) => ee(e3.value) }, [v(_2, null, { default: s(() => [g(v(p(x), null, null, 512), [[y, e3.value == F.value]])]), _: 2 }, 1024), r("span", null, c(e3.label), 1)], 10, z))), 256))]), _: 1 })])]), _: 1 }), v(D2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [F.value ? b("", true) : (i(), u(H2, { key: 0, description: "请选择类型", "image-size": 80 })), F.value ? (i(), t("div", E, [v(L2, { modelValue: J.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => J.value = e3), placeholder: "搜索", size: "default", "prefix-icon": p(I), clearable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(F.value) && J.value && !X.value.length ? (i(), u(q3, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [v(O2, { type: "primary", circle: "", icon: p(V), onClick: oe }, null, 8, ["icon"])]), _: 1 })) : b("", true)])) : b("", true), ["custom"].includes(F.value) ? (i(), t("div", P, [v(_2, null, { default: s(() => [v(p(C))]), _: 1 }), a2[4] || (a2[4] = r("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[5] || (a2[5] = w("   ")), v(q3, null, { content: s(() => a2[2] || (a2[2] = [w(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), r("br", null, null, -1), w(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [v(Z2, { type: "primary" }, { default: s(() => a2[3] || (a2[3] = [w("更多")])), _: 1 })]), _: 1 })])) : b("", true), F.value ? g((i(), t("div", j, [X.value.length || Q.value ? b("", true) : (i(), u(H2, { key: 0, description: "没有相关图标", "image-size": 80 })), r("div", S, [(i(true), t(d, null, m(X.value, (e3) => (i(), u(q3, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [r("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
-      return a3 = e3, G.value = a3.value, M("update:modelValue", F.value, G.value), void K.value.hide();
-      var a3;
-    } }, [v(te, { iconType: F.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, T)]), _: 2 }, 1032, ["content"]))), 128))])])), [[ce, Q.value], [se, Y]]) : b("", true), F.value ? (i(), t("div", N, c(X.value.length) + " / " + c(W.value.length), 1)) : b("", true)]), _: 1 })]), _: 1 })]), _: 1 }, 512));
-  };
-} });
-export {
-  q as default
-};