super-page-runtime 2.3.0-tmp2 → 2.3.2-sit1

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

@@ -1,44 +1,96 @@
-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 f, createCommentVNode as g, createElementVNode as m, toDisplayString as d } from "vue";
-import { ElTabs as b, ElTabPane as y } from "element-plus";
-import v from "../../object-render.vue.js";
-import { SuperIcon as x } from "agilebuilder-ui";
-import { handleAfterInitEvent as C, handleEvent as T } from "../../../../utils/events/event-util.js";
-import { $t as h } from "../../../../utils/i18n-util.js";
-const k = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const k2 = e2, V = t(null);
-  V.value = k2.configure.props.defaultOpen ? k2.configure.props.defaultOpen : 1;
-  const N = t(null), _ = k2.configure.runtime ? k2.configure.runtime : {}, j = _.style, R = _.class, z = _.headerStyle;
-  function A(e3, t2) {
-    return T(e3, k2.pageContext, k2.configure, "before-leave", { activeName: e3, oldActiveName: t2 }) ?? true;
+import { defineComponent as e, ref as t, watch as n, onMounted as o, nextTick as a, resolveComponent as i, createBlock as c, openBlock as l, unref as u, normalizeClass as r, normalizeStyle as s, withCtx as p, createElementBlock as f, createCommentVNode as d, Fragment as g, renderList as m, createElementVNode as b, toDisplayString as y, withModifiers as v, createTextVNode as h } from "vue";
+import { ElTabs as x, ElTabPane as C } from "element-plus";
+import T from "../../object-render.vue.js";
+import { SuperIcon as E } from "agilebuilder-ui";
+import { handleAfterInitEvent as k, handleEvent as N } from "../../../../utils/events/event-util.js";
+import { $t as V } from "../../../../utils/i18n-util.js";
+import { isPromise as _ } from "../../../../utils/page-helper-util.js";
+const w = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: w2 }) {
+  const A = e2, P = t(""), j = t([]);
+  A.configure.items.forEach((e3) => {
+    e3.code || (e3.code = e3.index);
+  }), P.value = A.configure.props.defaultOpen ? A.configure.props.defaultOpen : 1;
+  const O = t(null), R = A.configure.runtime ? A.configure.runtime : {}, B = R.style, z = R.class, I = R.headerStyle;
+  function S(e3, t2) {
+    return N(e3, A.pageContext, A.configure, "before-leave", { activeName: e3, oldActiveName: t2 }) ?? true;
   }
   function D(e3, t2) {
     const n2 = { pane: e3, ev: t2 }, o2 = e3.paneName;
-    return k2.pageContext.activeTab = o2, k2.pageContext.activeLabel = n2.label, T(o2, k2.pageContext, k2.configure, "tab-click", n2);
+    return A.pageContext.activeTab = o2, A.pageContext.activeLabel = n2.label, N(o2, A.pageContext, A.configure, "tab-click", n2);
   }
-  function E(e3) {
+  function F(e3) {
     const t2 = { paneName: e3 };
-    return k2.pageContext.activeTab = e3, T(e3, k2.pageContext, k2.configure, "tab-change", t2);
+    return A.pageContext.activeTab = e3, N(e3, A.pageContext, A.configure, "tab-change", t2);
   }
-  function O(e3) {
-    const t2 = { paneName: e3 };
-    return T(e3, k2.pageContext, k2.configure, "tab-remove", t2);
+  function L(e3) {
+    const t2 = { paneName: e3 }, n2 = N(e3, A.pageContext, A.configure, "tab-remove", t2);
+    _(n2) ? n2.then((t3) => {
+      false !== t3 && U(e3);
+    }) : false !== n2 && U(e3);
+  }
+  function U(e3) {
+    P.value === e3 && A.configure.items.forEach((t2, n2) => {
+      if (t2.code === e3) {
+        const e4 = A.configure.items[n2 + 1] || A.configure.items[n2 - 1];
+        e4 && void 0 !== e4.code && (P.value = e4.code);
+      }
+    }), j.value.includes(e3) || j.value.push(e3);
   }
-  function S() {
-    return T(null, k2.pageContext, k2.configure, "tab-add");
+  function q() {
+    return N(null, A.pageContext, A.configure, "tab-add");
   }
-  function q(e3, t2) {
+  function G(e3, t2) {
     const n2 = { paneName: e3, action: t2 };
-    return T(e3, k2.pageContext, k2.configure, "edit", n2);
+    return N(e3, A.pageContext, A.configure, "edit", n2);
+  }
+  function H() {
+    const e3 = N(A.configure.items, A.pageContext, A.configure, "tab-reset");
+    _(e3) ? e3.then((e4) => {
+      j.value = [];
+    }) : false !== e3 && (j.value = []);
   }
-  return n(() => {
-    o(() => {
+  return n(j, (e3) => {
+    e3 && e3.length > 0 ? e3.forEach((e4) => {
+      const t2 = document.getElementById("tab-" + e4);
+      t2 && (t2.style.display = "none");
+    }) : A.configure.items.forEach((e4) => {
+      const t2 = document.getElementById("tab-" + e4.code);
+      t2 && (t2.style.display = "");
+    });
+  }, { deep: true }), o(() => {
+    a(() => {
       let e3 = [];
-      k2.configure.items.forEach((t2) => {
-        t2.code && e3.push(document.querySelector("." + t2.code));
-      }), C(null, k2.pageContext, k2.configure, { componentRef: N.value, tabsDom: e3, entity: k2.pageContext.entity.data, pageData: k2.pageContext.entity.page });
+      A.configure.items.forEach((t2) => {
+        t2.code && e3.push(document.getElementById("tab-" + t2.code));
+      }), k(null, A.pageContext, A.configure, { componentRef: O.value, tabsDom: e3, entity: A.pageContext.entity.data, pageData: A.pageContext.entity.page });
+    });
+  }), w2({ thisRef: O, activeName: P, hiddenPanes: j, resetTab: H, hiddenTabPanes: function(e3) {
+    if (Array.isArray(e3)) {
+      const t2 = [];
+      e3.forEach((e4) => {
+        j.value.includes(e4) || t2.push(e4);
+      }), t2.length > 0 && j.value.push(...t2);
+    }
+  }, showTabPanes: function(e3) {
+    Array.isArray(e3) && e3.forEach((e4) => {
+      const t2 = j.value.indexOf(e4);
+      t2 > -1 && j.value.splice(t2, 1);
     });
-  }), (e3, t2) => (i(), a(l(b), { ref_key: "thisRef", ref: N, modelValue: V.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => V.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(j)), class: u([l(R), "runtime-page-container-tabs-view"]), "before-leave": A, onTabClick: D, onTabChange: E, onTabRemove: O, onTabAdd: S, onEdit: q }, { default: c(() => [(i(true), p(s, null, f(e3.configure.items, (t3, n2) => (i(), a(l(y), { key: n2, label: t3.label, name: t3.index, lazy: !!e3.configure.props.lazy }, { label: c(() => [m("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(x), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : g("", true), m("span", { style: r(l(z)) }, d(l(h)(t3.label)), 5)], 2)]), default: c(() => [(e3.configure.props.isFullyRendered ?? 1) || t3.index === V.value ? (i(true), p(s, { key: 0 }, f(t3.items, (t4, n3) => (i(), a(v, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128)) : g("", true)]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
+  }, showTabPanesOnly: function(e3) {
+    const t2 = [];
+    A.configure.items.forEach((n2) => {
+      e3.includes(n2.code) || t2.push(n2.code);
+    }), j.value = [...new Set(t2)];
+  }, hiddenTabPanesOnly: function(e3) {
+    const t2 = [];
+    A.configure.items.forEach((n2) => {
+      e3.includes(n2.code) && t2.push(n2.code);
+    }), j.value = [...new Set(t2)];
+  } }), (e3, t2) => {
+    const n2 = i("el-button");
+    return l(), c(u(x), { ref_key: "thisRef", ref: O, modelValue: P.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => P.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: s(u(B)), class: r([u(z), "runtime-page-container-tabs-view"]), closable: e3.configure.props.closable, "before-leave": S, onTabClick: D, onTabChange: F, onTabRemove: L, onTabAdd: q, onEdit: G }, { default: p(() => [(l(true), f(g, null, m(A.configure.items, (t3, n3) => (l(), c(u(C), { key: n3, label: t3.label, name: t3.code, style: s({ display: false === t3.show ? "none" : "" }), lazy: !!e3.configure.props.lazy }, { label: p(() => [t3.iconType && t3.iconValue ? (l(), c(u(E), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : d("", true), b("span", { style: s(u(I)) }, y(u(V)(t3.label)), 5)]), default: p(() => [(e3.configure.props.isFullyRendered ?? 1) || t3.code === P.value ? (l(true), f(g, { key: 0 }, m(t3.items, (t4) => (l(), c(T, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128)) : d("", true)]), _: 2 }, 1032, ["label", "name", "style", "lazy"]))), 128)), e3.configure.props.resetable ? (l(), c(u(C), { key: 0, disabled: "", name: "-1" }, { label: p(() => [e3.configure.props.resetable ? (l(), c(n2, { key: 0, type: "text", circle: "", onClick: v(H, ["stop"]) }, { default: p(() => [h(y(e3.configure.props.resetButtonName || "重置"), 1)]), _: 1 })) : d("", true)]), _: 1 })) : d("", true)]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class", "closable"]);
+  };
 } });
 export {
-  k as default
+  w as default
 };