super-page-runtime 2.2.51 → 2.2.52

package/dist/es/components/runtime/views/assemblys/container/fixed/FixedBox.vue.js

@@ -1,7 +1,7 @@
 import e from "./FixedBox.vue2.js";
 /* empty css              */
 import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = o(e, [["__scopeId", "data-v-1cc14e88"]]);
+const r = o(e, [["__scopeId", "data-v-9b488f43"]]);
 export {
   r as default
 };

package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue.d.ts

@@ -0,0 +1,94 @@
+import { PropType } from 'vue';
+
+type Position = 'top' | 'bottom';
+type Target = string | HTMLElement | Window;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: string) => value is Position;
+    };
+    target: {
+        type: PropType<Target>;
+        default: () => Window & typeof globalThis;
+    };
+    autoDetectParentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stickyInScrollContainer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    enableIntervalUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableIntervalTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (fixed: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: string) => value is Position;
+    };
+    target: {
+        type: PropType<Target>;
+        default: () => Window & typeof globalThis;
+    };
+    autoDetectParentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stickyInScrollContainer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    enableIntervalUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableIntervalTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onChange?: (fixed: boolean) => any;
+}>, {
+    position: Position;
+    offset: number;
+    zIndex: number;
+    target: Target;
+    autoDetectParentScroll: boolean;
+    stickyInScrollContainer: boolean;
+    enableIntervalUpdate: boolean;
+    enableIntervalTime: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue.js

@@ -1,73 +1,7 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, createElementBlock as r, openBlock as s, createCommentVNode as u, createElementVNode as f, normalizeStyle as c, normalizeClass as d, renderSlot as p } from "vue";
-const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: v2 }) {
-  const m = e2, w = v2, x = t(null), y = t(null), h = t(false), g = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = () => {
-    try {
-      if (!y.value) return;
-      const e3 = y.value.getBoundingClientRect(), t2 = T.value;
-      if (t2 === window) {
-        const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
-        B.value = 0, S(t3, e3);
-      } else if (m.stickyInScrollContainer) {
-        const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
-          const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
-          if (!x.value) return { isTop: t3, isBottom: o3 };
-          const n3 = x.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
-          return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
-        })(o2);
-        B.value = l2 ?? 0, S(n2 || i2 || false, e3);
-      }
-    } catch (e3) {
-    }
-  }, S = (e3, t2) => {
-    e3 !== h.value && (h.value = e3, w("change", e3), g.value = e3 ? { width: `${t2.width}px`, height: `${t2.height}px` } : {});
-  }, C = () => {
-    requestAnimationFrame(E);
-  };
-  let L;
-  const k = () => {
-    h.value = false, clearTimeout(L), L = window.setTimeout(() => {
-      E();
-    }, 100);
-  };
-  o(() => {
-    setTimeout(() => {
-      n(() => {
-        try {
-          m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
-          const e3 = (() => {
-            if (m.autoDetectParentScroll && y.value) {
-              const e4 = [];
-              let t2 = y.value.parentElement;
-              for (; t2 && t2 !== document.body; ) {
-                const { overflowY: o2 } = window.getComputedStyle(t2);
-                /(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
-              }
-              return [...e4, window];
-            }
-            if ("string" == typeof m.target) {
-              const e4 = document.querySelector(m.target);
-              return [...e4 ? [e4] : [], window];
-            }
-            return [window];
-          })();
-          b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E();
-        } catch (e3) {
-        }
-      });
-    }, 100);
-  }), i(() => {
-    T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
-  }), l(() => {
-    n(() => {
-      C();
-    });
-  });
-  const z = a(() => {
-    var _a;
-    return h.value ? { position: "fixed", width: `${(_a = y.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + B.value}px` } : { position: "relative" };
-  });
-  return (e3, t2) => (s(), r("div", { ref_key: "affixMainRef", ref: x, class: "yx-affix" }, [h.value ? (s(), r("div", { key: 0, style: c(g.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: y, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": h.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default")], 6)], 512));
-} });
+import e from "./YxAffix.vue2.js";
+/* empty css             */
+import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = o(e, [["__scopeId", "data-v-d053fb6d"]]);
 export {
-  v as default
+  r as default
 };

package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue2.js

@@ -1,4 +1,74 @@
-import f from "./YxAffix.vue.js";
+import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, createElementBlock as r, openBlock as s, createCommentVNode as u, createElementVNode as f, normalizeStyle as c, normalizeClass as d, renderSlot as p } from "vue";
+const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: v2 }) {
+  const m = e2, w = v2, h = t(null), x = t(null), y = t(false), g = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = () => {
+    try {
+      if (!x.value) return;
+      const e3 = x.value.getBoundingClientRect(), t2 = T.value;
+      if (t2 === window) {
+        const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
+        B.value = 0, S(t3, e3);
+      } else if (m.stickyInScrollContainer) {
+        const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
+          const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
+          if (!h.value) return { isTop: t3, isBottom: o3 };
+          const n3 = h.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
+          return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
+        })(o2);
+        B.value = l2 ?? 0, S(n2 || i2 || false, e3);
+      }
+    } catch (e3) {
+    }
+  }, S = (e3, t2) => {
+    var _a;
+    e3 === y.value && ((_a = g.value) == null ? void 0 : _a.height) === `${t2.height}px` || (y.value = e3, w("change", e3), g.value = e3 ? { width: "100%", height: `${t2.height}px` } : {});
+  }, C = () => {
+    requestAnimationFrame(E);
+  };
+  let L;
+  const k = () => {
+    y.value = false, clearTimeout(L), L = window.setTimeout(() => {
+      E();
+    }, 100);
+  };
+  o(() => {
+    setTimeout(() => {
+      n(() => {
+        try {
+          m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
+          const e3 = (() => {
+            if (m.autoDetectParentScroll && x.value) {
+              const e4 = [];
+              let t2 = x.value.parentElement;
+              for (; t2 && t2 !== document.body; ) {
+                const { overflowY: o2 } = window.getComputedStyle(t2);
+                /(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
+              }
+              return [...e4, window];
+            }
+            if ("string" == typeof m.target) {
+              const e4 = document.querySelector(m.target);
+              return [...e4 ? [e4] : [], window];
+            }
+            return [window];
+          })();
+          b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E();
+        } catch (e3) {
+        }
+      });
+    }, 100);
+  }), i(() => {
+    T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
+  }), l(() => {
+    n(() => {
+      C();
+    });
+  });
+  const z = a(() => {
+    var _a;
+    return y.value ? { position: "fixed", width: `${(_a = x.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + B.value}px` } : { position: "relative" };
+  });
+  return (e3, t2) => (s(), r("div", { ref_key: "affixMainRef", ref: h, class: "yx-affix" }, [y.value ? (s(), r("div", { key: 0, style: c(g.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: x, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": y.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default", {}, void 0, true)], 6)], 512));
+} });
 export {
-  f as default
+  v as default
 };

package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js

@@ -1,4 +1,7 @@
 import t from "./tabs-runtime.vue2.js";
+/* empty css                  */
+import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = e(t, [["__scopeId", "data-v-f38fed66"]]);
 export {
-  t as default
+  r as default
 };

package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as g, createElementVNode as f, createCommentVNode as m, toDisplayString as d } from "vue";
+import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as u, normalizeClass as l, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as g, createElementVNode as f, createCommentVNode as m, toDisplayString as d } from "vue";
 import { ElTabs as b, ElTabPane as y } from "element-plus";
 import x from "../../object-render.vue.js";
 import { SuperIcon as C } from "agilebuilder-ui";
@@ -23,7 +23,7 @@ const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} },
   function q() {
     return T(null, V2.pageContext, V2.configure, "tab-add");
   }
-  function A(e3, t2) {
+  function w(e3, t2) {
     const n2 = { paneName: e3, action: t2 };
     return T(e3, V2.pageContext, V2.configure, "edit", n2);
   }
@@ -34,7 +34,7 @@ const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} },
         t2.code && e3.push(document.querySelector("." + t2.code));
       }), v(null, V2.pageContext, V2.configure, { componentRef: _.value, tabsDom: e3, entity: V2.pageContext.entity.data, pageData: V2.pageContext.entity.page });
     });
-  }), (e3, t2) => (i(), a(l(b), { ref_key: "thisRef", ref: _, modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(N)), class: u(l(R)), onTabClick: E, onTabChange: O, onTabRemove: S, onTabAdd: q, onEdit: A }, { default: c(() => [(i(true), p(s, null, g(e3.configure.items, (t3, n2) => (i(), a(l(y), { label: t3.label, name: t3.index }, { label: c(() => [f("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: r(l(D)) }, d(l(h)(t3.label)), 5)], 2)]), default: c(() => [f("div", null, [(i(true), p(s, null, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128))])]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
+  }), (e3, t2) => (i(), a(u(b), { ref_key: "thisRef", ref: _, modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(u(N)), class: l([u(R), "runtime-page-container-tabs-view"]), onTabClick: E, onTabChange: O, onTabRemove: S, onTabAdd: q, onEdit: w }, { default: c(() => [(i(true), p(s, null, g(e3.configure.items, (t3, n2) => (i(), a(u(y), { label: t3.label, name: t3.index }, { label: c(() => [f("span", { class: l(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(u(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: r(u(D)) }, d(u(h)(t3.label)), 5)], 2)]), default: c(() => [(i(true), p(s, null, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128))]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
 } });
 export {
   V as default

package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue.js

@@ -1,7 +1,7 @@
 import o from "./tools-runtime.vue2.js";
 /* empty css                   */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = t(o, [["__scopeId", "data-v-7aefa8b2"]]);
+const e = t(o, [["__scopeId", "data-v-445a411e"]]);
 export {
   e as default
 };

package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -1,32 +1,35 @@
-import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as u, openBlock as s, withCtx as f, createElementVNode as r, normalizeStyle as p, normalizeClass as g, unref as d, Fragment as v, renderList as c } from "vue";
-import m from "../../object-render.vue.js";
-import { handleAfterInitEvent as x } from "../../../../utils/events/event-util.js";
-import y from "../fixed/YxAffix.vue.js";
-import C from "../fixed/FixedBox.vue.js";
-const b = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, k = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, w = { key: 2, "data-v": "1.0.0", class: "amb-widget-tools-parent" }, _ = e({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const _2 = e2, j = t(null), R = _2.configure.runtime ?? {}, h = R.class, A = o(() => _2.configure.props), F = o(() => {
-    const { gap: e3 } = A.value ?? {};
+import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as u, createCommentVNode as s, openBlock as f, withCtx as r, createElementVNode as g, normalizeStyle as p, normalizeClass as v, unref as d, Fragment as c, renderList as m } from "vue";
+import x from "../../object-render.vue.js";
+import { handleAfterInitEvent as y } from "../../../../utils/events/event-util.js";
+import C from "../fixed/YxAffix.vue.js";
+import b from "../fixed/FixedBox.vue.js";
+const k = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, w = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, _ = { key: 2, "data-v": "1.0.0", class: "amb-widget-tools-parent" }, j = e({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
+  const j2 = e2, h = t(null), R = j2.configure.runtime ?? {}, A = R.class, F = o(() => j2.configure.props), B = o(() => {
+    var _a, _b;
+    return !!((_b = (_a = j2.configure) == null ? void 0 : _a.items) == null ? void 0 : _b.length);
+  }), D = o(() => {
+    const { gap: e3 } = F.value ?? {};
     return { backgroundColor: "#fff", ...e3 ? { gap: `${e3}px` } : {}, ...R.style ?? {} };
-  }), B = o(() => {
+  }), Y = o(() => {
     var _a, _b, _c;
-    return !![(_a = A.value) == null ? void 0 : _a.isAffix, (_b = A.value) == null ? void 0 : _b.isFixed].every((e3) => void 0 === e3) || ((_c = A.value) == null ? void 0 : _c.isAffix);
-  }), D = o(() => {
+    return !![(_a = F.value) == null ? void 0 : _a.isAffix, (_b = F.value) == null ? void 0 : _b.isFixed].every((e3) => void 0 === e3) || ((_c = F.value) == null ? void 0 : _c.isAffix);
+  }), $ = o(() => {
     var _a;
-    return (_a = A.value) == null ? void 0 : _a.isFixed;
-  }), Y = o(() => {
+    return (_a = F.value) == null ? void 0 : _a.isFixed;
+  }), q = o(() => {
     var _a, _b;
-    return ["top"].includes((_a = A.value) == null ? void 0 : _a.position) ? "top" : ["bottom"].includes((_b = A.value) == null ? void 0 : _b.position) ? "bottom" : void 0;
-  }), $ = o(() => {
+    return ["top"].includes((_a = F.value) == null ? void 0 : _a.position) ? "top" : ["bottom"].includes((_b = F.value) == null ? void 0 : _b.position) ? "bottom" : void 0;
+  }), z = o(() => {
     var _a;
-    return ((_a = A.value) == null ? void 0 : _a.offset) ?? 0;
+    return ((_a = F.value) == null ? void 0 : _a.offset) ?? 0;
   });
   return i(() => {
     a(() => {
-      x(null, _2.pageContext, _2.configure, { componentRef: j.value, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
+      y(null, j2.pageContext, j2.configure, { componentRef: h.value, entity: j2.pageContext.entity.data, pageData: j2.pageContext.entity.page });
     });
   }), n(() => {
-  }), (e3, t2) => D.value ? (s(), l(C, { key: 0, position: Y.value, offset: $.value }, { default: f(() => [r("div", b, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : B.value ? (s(), l(y, { key: 1, position: Y.value, offset: $.value }, { default: f(() => [r("div", k, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : (s(), u("div", w, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)]));
+  }), (e3, t2) => $.value && B.value ? (f(), l(b, { key: 0, position: q.value, offset: z.value }, { default: r(() => [g("div", k, [g("div", { class: v(["amb-widget-container-tool amb-widget-tools", d(A)]), style: p(D.value), ref_key: "thisRef", ref: h }, [(f(true), u(c, null, m(j2.configure.items, (e4) => (f(), l(x, { pageContext: j2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : Y.value && B.value ? (f(), l(C, { key: 1, position: q.value, offset: z.value }, { default: r(() => [g("div", w, [g("div", { class: v(["amb-widget-container-tool amb-widget-tools", d(A)]), style: p(D.value), ref_key: "thisRef", ref: h }, [(f(true), u(c, null, m(j2.configure.items, (e4) => (f(), l(x, { pageContext: j2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : B.value ? (f(), u("div", _, [g("div", { class: v(["amb-widget-container-tool amb-widget-tools", d(A)]), style: p(D.value), ref_key: "thisRef", ref: h }, [(f(true), u(c, null, m(j2.configure.items, (e4) => (f(), l(x, { pageContext: j2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])) : s("", true);
 } });
 export {
-  _ as default
+  j as default
 };

package/dist/es/components/runtime/views/assemblys/data/tree/tree-runtime.vue.js

@@ -1,4 +1,7 @@
 import e from "./tree-runtime.vue2.js";
+/* empty css                  */
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const t = r(e, [["__scopeId", "data-v-c18f2291"]]);
 export {
-  e as default
+  t as default
 };

package/dist/es/components/runtime/views/assemblys/data/tree/tree-runtime.vue2.js

@@ -1,62 +1,130 @@
-import { defineComponent as e, computed as a, ref as n, onMounted as l, nextTick as t, watch as o, resolveComponent as u, createElementBlock as i, openBlock as d, normalizeClass as c, unref as r, createBlock as p, createCommentVNode as s, normalizeStyle as v, withCtx as f, createElementVNode as g, createVNode as y, toDisplayString as h } from "vue";
-import { getFormModelFields as x } from "../../../../utils/page-init-util.js";
-import { setVariableValue as m, getVariableValue as C } from "../../../../utils/page-helper-util.js";
-import { getMenuTreeData as k } from "../../../../utils/tree-utils.js";
-import { handleAfterInitEvent as V, handleFormEvent as T } from "../../../../utils/events/event-util.js";
-const b = ["title"], N = e({ __name: "tree-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: N2 }) {
-  var _a, _b;
-  const I = e2, S = I.pageContext.entity ? I.pageContext.entity : {};
-  let _ = x(I.pageContext, I.configure);
-  const j = a({ get: () => C(S, _), set(e3) {
-    m(S, _, e3);
-  } }), w = n(!!((_b = (_a = I.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.lazy)), z = I.configure.runtime ? I.configure.runtime : {}, M = z.style, W = z.class;
-  z.headerStyle;
-  const A = n(null), D = n(z.props ? z.props : {}), E = n({ id: "nodeId", label: "name", children: "children", isLeaf: "leaf", disabled: "disabled", nodeType: "nodeType", iconType: "iconType", iconValue: "iconValue" }), F = n(false), K = n(null), L = n(null), O = n(""), R = n(false);
-  l(() => {
-    t(() => {
-      const e3 = j.value;
-      V(e3, I.pageContext, I.configure, { componentRef: A.value, value: e3, entity: I.pageContext.entity.data, pageData: I.pageContext.entity.page });
+import { defineComponent as e, ref as a, computed as t, onMounted as n, nextTick as l, watch as o, resolveComponent as u, createElementBlock as d, openBlock as i, normalizeClass as s, unref as c, createBlock as r, createCommentVNode as p, withDirectives as v, normalizeStyle as f, withCtx as g, createVNode as m, createElementVNode as h, createTextVNode as y, Fragment as C, toDisplayString as x, renderList as k, vShow as N } from "vue";
+import T from "../../../../../../assets/folder.png.js";
+import I from "../../../../../../assets/file.png.js";
+import { getFormModelFields as V } from "../../../../utils/page-init-util.js";
+import { setVariableValue as b, getVariableValue as E } from "../../../../utils/page-helper-util.js";
+import { getMenuTreeData as L, createTreeNode as M, updateTreeNode as K, deleteNode as _ } from "../../../../utils/tree-utils.js";
+import { handleAfterInitEvent as w, handleFormEvent as j } from "../../../../utils/events/event-util.js";
+import { ElMessageBox as S, ElMessage as z } from "element-plus";
+import { checkPermission as B } from "agilebuilder-ui/src/utils/permission";
+const P = { key: 0, class: "custom-tree-node" }, R = ["title"], D = { key: 0, class: "item-row" }, O = { class: "item-side" }, U = { key: 1, class: "item-side", style: { display: "flex", "align-items": "center" } }, W = ["onClick"], A = e({ __name: "tree-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: A2 }) {
+  var _a, _b, _c;
+  const q = a(), F = a(false), G = e2, H = G.pageContext.entity ? G.pageContext.entity : {}, J = a([]);
+  ((_a = G.configure.props) == null ? void 0 : _a.contextMenus) && (G.pageContext && G.configure && !G.pageContext.isTest ? G.configure.props.contextMenus.forEach((e3) => {
+    if (e3.functionCodes && e3.functionCodes.length > 0) for (let a2 = 0; a2 < e3.functionCodes.length; a2++) {
+      const t2 = e3.functionCodes[a2];
+      if (B(t2)) return void J.value.push(e3);
+    }
+    else J.value.push(e3);
+  }) : J.value = G.configure.props.contextMenus);
+  let Q = V(G.pageContext, G.configure);
+  const X = t({ get: () => E(H, Q), set(e3) {
+    b(H, Q, e3);
+  } }), Y = a(!!((_c = (_b = G.configure.props) == null ? void 0 : _b.base) == null ? void 0 : _c.lazy)), Z = G.configure.runtime ? G.configure.runtime : {}, $ = Z.style, ee = Z.class, ae = a(), te = a(Z.props ? Z.props : {}), ne = a({ id: "nodeId", label: "name", children: "children", isLeaf: "leaf", disabled: "disabled", nodeType: "nodeType", iconType: "iconType", iconValue: "iconValue" }), le = a(false), oe = a([]), ue = a(null), de = a(""), ie = a(false), se = a(""), ce = a(""), re = a("");
+  n(() => {
+    l(() => {
+      const e3 = X.value;
+      w(e3, G.pageContext, G.configure, { componentRef: ae.value, value: e3, entity: G.pageContext.entity.data, pageData: G.pageContext.entity.page });
     });
-  }), w.value ? F.value = true : k(I.pageContext, I.configure).then((e3) => {
-    K.value = e3, F.value = true;
-  }), o(O, (e3) => {
-    R.value = true, A.value.filter(e3);
+  }), Y.value ? le.value = true : L(G.pageContext, G.configure).then((e3) => {
+    oe.value = e3, le.value = true;
+  }), o(de, (e3) => {
+    ie.value = true, ae.value.filter(e3);
   });
-  const U = (e3, a2) => !e3 || a2.name.includes(e3);
-  function q(e3, a2, n2) {
-    L.value = a2, T(null, I.pageContext, I.configure, "node-click", { data: e3, node: a2, nodeTree: n2 });
+  const pe = (e3, a2) => !e3 || a2.name.includes(e3);
+  function ve(e3, a2, t2) {
+    ue.value = a2, j(null, G.pageContext, G.configure, "node-click", { data: e3, node: a2, nodeTree: t2 });
   }
-  function B(e3, a2) {
-    let n2 = "0";
-    n2 = 0 === e3.level ? "0" : e3.data.nodeId, function(e4, a3, n3) {
-      const l2 = { parentNodeId: e4, data: a3.data, searchValue: O, isSearch: R.value };
-      k(I.pageContext, I.configure, e4, a3, l2).then((l3) => {
-        if (R.value = false, n3(l3), "0" === e4) {
+  function fe(e3, a2) {
+    let t2 = "0";
+    t2 = 0 === e3.level ? "0" : e3.data.nodeId, function(e4, a3, t3) {
+      const n2 = { parentNodeId: e4, data: a3.data, searchValue: de, isSearch: ie.value };
+      L(G.pageContext, G.configure, e4, a3, n2).then((n3) => {
+        if (ie.value = false, t3(n3), "0" === e4) {
           !function(e5, a4) {
-            const n4 = { parentNodeId: e5, data: a4.data, searchValue: O, isSearch: R.value };
-            k(I.pageContext, I.configure, e5, a4, n4).then((a5) => {
-              R.value = false, A.value.updateKeyChildren(e5, a5), A.value.store.nodesMap[e5] && (A.value.store.nodesMap[e5].expanded = true);
+            const t4 = { parentNodeId: e5, data: a4.data, searchValue: de, isSearch: ie.value };
+            L(G.pageContext, G.configure, e5, a4, t4).then((a5) => {
+              ie.value = false, ae.value.updateKeyChildren(e5, a5), ae.value.store.nodesMap[e5] && (ae.value.store.nodesMap[e5].expanded = true);
             });
-          }(l3[0].nodeId, a3);
+          }(n3[0].nodeId, a3);
         }
       });
-    }(n2, e3, a2);
+    }(t2, e3, a2);
   }
-  return N2({ getSelectNode: function() {
-    return L.value;
+  const ge = a({}), me = (e3, a2, t2, n2) => {
+    if (se.value) return void z.warning("请先保存当前编辑节点!");
+    document.removeEventListener("click", he), ge.value = t2, F.value = true;
+    const l2 = document.documentElement.scrollTop || document.body.scrollTop;
+    q.value.style.display = "block", q.value.style.left = e3.x + "px", q.value.style.top = e3.y + l2 - 10 + "px", document.addEventListener("click", he);
+  }, he = () => {
+    F.value = false, document.removeEventListener("click", he);
+  }, ye = (e3, a2) => {
+    if (e3.parent && e3.parent.level > 0) {
+      const t2 = e3.parent.data.children.findIndex((a3) => a3.nodeId === e3.data.nodeId);
+      e3.parent.data.children[t2] = a2, e3.data = a2;
+    } else {
+      const t2 = e3.parent.data.findIndex((a3) => a3.nodeId === e3.data.nodeId);
+      e3.parent.data[t2] = a2, e3.data = a2;
+    }
+  }, Ce = () => {
+    se.value = "", re.value = "", ce.value = "";
+  }, xe = () => ({ nodeId: "primary" + (/* @__PURE__ */ new Date()).getTime(), name: "新增节点", disabled: false, iconType: "custom", isLeaf: true });
+  function ke(e3) {
+    e3.tipMessage ? S.confirm(e3.tipMessage, { confirmButtonText: "确定", cancelButtonText: "取消", type: "error" }).then(() => {
+      _(ge.value, G.configure, G.pageContext).then(() => {
+        z.success("删除成功！"), Ne(), ge.value = null;
+      });
+    }).catch(() => {
+      ge.value = null;
+    }) : _(ge.value, G.configure, G.pageContext).then(() => {
+      z.success("删除成功！"), Ne(), ge.value = null;
+    });
+  }
+  const Ne = () => {
+    const e3 = ge.value.parent;
+    ae.value.remove(ge.value), e3.childNodes && 0 === e3.childNodes.length && (e3.data.isLeaf = true), e3.data.children && e3.data.children.length > 0 && (e3.data.children = e3.data.children.filter((e4) => e4.nodeId !== ge.value.data.nodeId));
+  };
+  return A2({ getSelectNode: function() {
+    return ue.value;
   }, expandNode: function(e3) {
     e3.loaded = false, e3.expand();
   }, loadTreeNodes: function() {
-    k(I.pageContext, I.configure).then((e3) => {
-      R.value = false, K.value = e3;
+    L(G.pageContext, G.configure).then((e3) => {
+      ie.value = false, oe.value = e3;
     });
   }, getNode: function(e3) {
-    A.value.getNode(e3);
-  } }), (e3, a2) => {
-    const n2 = u("el-input"), l2 = u("SuperIcon"), t2 = u("Folder"), o2 = u("el-icon"), x2 = u("el-tree");
-    return d(), i("div", { class: c(r(W)) }, [D.value.filter ? (d(), p(n2, { key: 0, modelValue: O.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => O.value = e4), style: { width: "240px" }, placeholder: "请输入查询条件" }, null, 8, ["modelValue"])) : s("", true), F.value ? (d(), p(x2, { key: 1, ref_key: "menuTree", ref: A, style: v(r(M)), load: B, data: K.value, props: E.value, "default-expand-all": D.value.defaultExpandAll, "expand-on-click-node": D.value.expandOnClickNode, indent: D.value.retractWidth ? D.value.retractWidth : 18, accordion: D.value.accordion, "show-checkbox": !!D.value.showCheckbox, "highlight-current": "", lazy: w.value, "node-key": "nodeId", "filter-node-method": U, onNodeClick: q }, { default: f(({ node: e4, data: a3 }) => [g("span", { title: e4.label, class: "ellipsis" }, [a3.iconValue ? (d(), p(l2, { key: 0, iconType: a3.iconType, iconValue: a3.iconValue }, null, 8, ["iconType", "iconValue"])) : D.value.iconValue ? (d(), p(l2, { key: 1, iconType: D.value.iconType, iconValue: D.value.iconValue }, null, 8, ["iconType", "iconValue"])) : (d(), p(o2, { key: 2 }, { default: f(() => [y(t2)]), _: 1 })), g("span", null, h(e4.label), 1)], 8, b)]), _: 1 }, 8, ["style", "data", "props", "default-expand-all", "expand-on-click-node", "indent", "accordion", "show-checkbox", "lazy"])) : s("", true)], 2);
+    ae.value.getNode(e3);
+  }, getCheckedNodes: (e3, a2) => ae.value.getCheckedNodes(e3, a2), setCheckedNodes: (e3) => {
+    ae.value.setCheckedNodes(e3);
+  }, getCheckedKeys: (e3) => ae.value.getCheckedKeysleafOnly(), setCheckedKeys: (e3, a2) => {
+    ae.value.setCheckedKeys(e3, a2);
+  }, setChecked: (e3, a2, t2) => {
+    ae.value.setChecked(e3, a2, t2);
+  }, getCurrentKey: () => ae.value.getCurrentKey(), getCurrentNode: () => ae.value.getCurrentNode(), setCurrentKey: (e3, a2 = true) => ae.value.setCurrentKey(e3, a2), setCurrentNode: (e3, a2 = true) => ae.value.setCurrentNode(e3, a2) }), (e3, a2) => {
+    var _a2;
+    const t2 = u("el-input"), n2 = u("el-button"), l2 = u("SuperIcon"), o2 = u("el-tree");
+    return i(), d("div", { class: s(c(ee)) }, [te.value.filter ? (i(), r(t2, { key: 0, modelValue: de.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => de.value = e4), style: { width: "240px" }, placeholder: "请输入查询条件" }, null, 8, ["modelValue"])) : p("", true), le.value ? (i(), r(o2, { key: 1, ref_key: "menuTreeRef", ref: ae, style: f(c($)), load: fe, data: oe.value, "node-key": "nodeId", props: ne.value, "default-expand-all": te.value.defaultExpandAll, "expand-on-click-node": te.value.expandOnClickNode, indent: te.value.retractWidth ? te.value.retractWidth : 18, accordion: te.value.accordion, "show-checkbox": !!te.value.showCheckbox, "highlight-current": "", lazy: Y.value, "filter-node-method": pe, onNodeClick: ve, onNodeContextmenu: me }, { default: g(({ node: o3, data: u2 }) => [u2.nodeId === se.value ? (i(), d("div", P, [m(t2, { modelValue: re.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e4) => re.value = e4), size: "small" }, null, 8, ["modelValue"]), h("div", null, [m(n2, { type: "primary", link: "", onClick: (e4) => ((e5) => {
+      "" !== re.value ? (e5.data.name = re.value, ce.value && e5.data.nodeId === ce.value ? M(e5, G.configure, G.pageContext).then((a3) => {
+        ye(e5, a3.currentNode), Ce(), z.success("保存成功！");
+      }) : K(e5, G.configure, G.pageContext).then((a3) => {
+        ye(e5, a3.currentNode), Ce(), z.success("保存成功！");
+      })) : z.warning("请输入节点名称");
+    })(o3) }, { default: g(() => a2[2] || (a2[2] = [y(" 保存 ")])), _: 2 }, 1032, ["onClick"]), m(n2, { style: { "margin-left": "4px" }, type: "primary", link: "", onClick: (a3) => ((e4) => {
+      ce.value && e4.data.nodeId === ce.value && ae.value.remove(e4), Ce();
+    })(o3, e3.configure, e3.pageContext) }, { default: g(() => a2[3] || (a2[3] = [y(" 撤销 ")])), _: 2 }, 1032, ["onClick"])])])) : (i(), d("span", { key: 1, title: o3.label, class: "ellipsis" }, [u2.iconValue ? (i(), r(l2, { key: 0, iconType: u2.iconType, iconValue: u2.iconValue }, null, 8, ["iconType", "iconValue"])) : te.value.iconValue ? (i(), r(l2, { key: 1, iconType: te.value.iconType, iconValue: te.value.iconValue }, null, 8, ["iconType", "iconValue"])) : (i(), d(C, { key: 2 }, [u2.isLeaf ? (i(), d("div", U, [a2[5] || (a2[5] = h("img", { src: I, class: "file" }, null, -1)), h("span", null, x(u2.name), 1)])) : (i(), d("div", D, [h("div", O, [a2[4] || (a2[4] = h("img", { src: T, class: "file" }, null, -1)), h("span", null, x(u2.name), 1)])]))], 64))], 8, R))]), _: 1 }, 8, ["style", "data", "props", "default-expand-all", "expand-on-click-node", "indent", "accordion", "show-checkbox", "lazy"])) : p("", true), v(h("div", null, [h("ul", { ref_key: "contxtMenuRef", ref: q, class: "context-menu" }, [(i(true), d(C, null, k(J.value, (e4, a3) => (i(), d("li", { key: a3, tabindex: "-1", class: "menu__item", onClick: (a4) => ((e5) => {
+      if (ge.value && "standard" === e5.type && e5.standardEvent) if ("edit" === e5.standardEvent) se.value = ge.value.data.nodeId, re.value = ge.value.data.name;
+      else if ("delete" === e5.standardEvent) ge.value.childNodes && ge.value.childNodes.length > 0 && e5.deleteParentNodeTip ? (e5.deleteParentNodeTipMessage || (e5.deleteParentNodeTipMessage = "当前节点下有子节点，确认删除？"), S.confirm(e5.deleteParentNodeTipMessage, { confirmButtonText: "确定", cancelButtonText: "取消", type: "error" }).then(() => {
+        ke(e5);
+      }).catch(() => {
+        ge.value = null;
+      })) : ke(e5);
+      else {
+        const a5 = xe();
+        se.value = a5.nodeId, ce.value = a5.nodeId, re.value = a5.name, "addSiblingNode" === e5.standardEvent ? (a5.isLeaf = ge.value.data.isLeaf, ge.value.parent && ge.value.parent.level > 0 ? ae.value.append(a5, ge.value.parent) : oe.value.push(a5)) : "addChildNode" === e5.standardEvent && (a5.isLeaf = true, ge.value.data.isLeaf = false, ae.value.append(a5, ge.value), ae.value.setCurrentKey(a5.nodeId, true));
+      }
+    })(e4) }, [h("span", null, x(e4.name), 1)], 8, W))), 128))], 512)], 512), [[N, F.value && ((_a2 = J.value) == null ? void 0 : _a2.length) > 0]])], 2);
   };
 } });
 export {
-  N as default
+  A as default
 };