@done-coding/admin-core 0.16.0 → 0.17.0

package/es/components/display/TabsRefineFlow.vue.mjs

@@ -1,7 +1,8 @@
-import { defineComponent as H, ref as w, computed as i, provide as C, watch as b, openBlock as y, createBlock as S, createSlots as V, withCtx as r, createElementVNode as $, normalizeStyle as x, renderSlot as h } from "vue";
-import _ from "./HeightProvider.vue.mjs";
-import { useChannelViewportHeight as k } from "../../hooks/use-channel-viewport-height.mjs";
-const F = /* @__PURE__ */ H({
+import { defineComponent as H, ref as u, computed as i, provide as f, watch as v, openBlock as w, createBlock as C, createSlots as S, withCtx as a, createElementVNode as V, normalizeStyle as _, renderSlot as r } from "vue";
+import b from "./HeightProvider.vue.mjs";
+import { useChannelViewportHeight as x } from "../../hooks/use-channel-viewport-height.mjs";
+import { SCOPE_VIEWPORT_MAX_HEIGHT as $ } from "../../inject/key.mjs";
+const k = /* @__PURE__ */ H({
   __name: "TabsRefineFlow",
   props: {
     viewportHeight: {},
@@ -12,47 +13,44 @@ const F = /* @__PURE__ */ H({
     refineReduceHeight: { default: 0 }
   },
   emits: ["viewportHeightChange"],
-  setup(n, { emit: d }) {
-    const e = n, p = d, a = e.channel ? Symbol.for(e.channel) : void 0, { viewportHeightFinal: c, parentLevel: o } = k(e), l = w(0), s = i(() => e.padding[0] + e.padding[2]), g = i(() => ({
-      padding: e.padding.map((t) => `${t}px`).join(" "),
+  setup(n, { emit: p }) {
+    const t = n, h = p, { viewportHeightFinal: d, nearestScope: l } = x(t), o = u(0), s = i(() => t.padding[0] + t.padding[2]), c = i(() => ({
+      padding: t.padding.map((e) => `${e}px`).join(" "),
       boxSizing: "border-box"
-    })), v = i(
+    })), g = i(
       () => Math.max(
-        c.value - s.value - e.refineReduceHeight,
+        d.value - s.value - t.refineReduceHeight,
         0
       )
-    ), m = i(
-      () => o.value > 0 ? o.value : 1
-    ), u = i(() => m.value + 1), f = (t) => {
-      l.value = t, p("viewportHeightChange", t);
+    ), m = (e) => {
+      o.value = e, h("viewportHeightChange", e);
     };
-    return a && C(a, {
-      viewportHeight: i(() => l.value),
-      // level 有意取 setup 期一次性快照(channel 不响应式),非误丢响应性,定向 disable。
-      // eslint-disable-next-line vue/no-ref-object-destructure
-      level: u.value
-    }), b(
+    return f($, {
+      scope: t.channel,
+      viewportMaxHeight: i(() => o.value),
+      parent: l
+    }), v(
       // eslint-disable-next-line vue/no-setup-props-destructure
-      () => e.channel,
+      () => t.channel,
       () => console.error("[TabsMain] channel 不支持响应式变更,当前值已忽略。")
-    ), (t, L) => (y(), S(_, {
-      viewportHeight: v.value,
+    ), (e, y) => (w(), C(b, {
+      viewportHeight: g.value,
       minHeight: n.minHeight,
-      onChildViewportHeightChange: f
-    }, V({
-      default: r(() => [
-        $("div", {
-          style: x(g.value)
+      onChildViewportHeightChange: m
+    }, S({
+      default: a(() => [
+        V("div", {
+          style: _(c.value)
         }, [
-          h(t.$slots, "default")
+          r(e.$slots, "default")
         ], 4)
       ]),
       _: 2
     }, [
-      t.$slots.header ? {
+      e.$slots.header ? {
         name: "header",
-        fn: r(() => [
-          h(t.$slots, "header")
+        fn: a(() => [
+          r(e.$slots, "header")
         ]),
         key: "0"
       } : void 0
@@ -60,5 +58,5 @@ const F = /* @__PURE__ */ H({
   }
 });
 export {
-  F as default
+  k as default
 };

package/es/components/display/TabsTile.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./TabsTile.vue2.mjs";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-39fad9e5"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0843fa11"]]);
 export {
-  f as default
+  m as default
 };

package/es/components/display/WatchSize.vue.mjs

@@ -1,50 +1,53 @@
-import { defineComponent as d, ref as m, nextTick as l, onUpdated as u, onBeforeUnmount as g, openBlock as f, createElementBlock as p, renderSlot as v } from "vue";
-import w from "lodash/debounce";
-import { useActivatedExec as C, useActivatedEvent as b } from "../../hooks/activated.mjs";
-const E = /* @__PURE__ */ d({
+import { defineComponent as l, shallowRef as u, nextTick as m, onUpdated as f, openBlock as g, createElementBlock as v, renderSlot as p } from "vue";
+import b from "lodash/debounce";
+import { useObserveSize as w } from "../../hooks/use-observe-size.mjs";
+import { useActivated as z } from "../../hooks/activated.mjs";
+const x = /* @__PURE__ */ l({
   __name: "WatchSize",
   props: {
-    mode: { default: "height" }
+    mode: { default: "height" },
+    observeResize: { type: Boolean, default: !1 },
+    debounceTime: { default: 16 }
   },
   emits: ["heightChange", "widthChange"],
-  setup(r, { emit: c }) {
-    const s = r, i = c, t = m(), e = w(() => {
-      l(() => {
-        var n, o, a, h;
-        switch (s.mode) {
+  setup(c, { emit: d }) {
+    const o = c, n = d, i = u(), e = b(() => {
+      m(() => {
+        var t, a, s, r;
+        switch (o.mode) {
           case "height":
-            i("heightChange", ((n = t.value) == null ? void 0 : n.clientHeight) || 0);
+            n("heightChange", ((t = i.value) == null ? void 0 : t.clientHeight) || 0);
             break;
           case "width":
-            i("widthChange", ((o = t.value) == null ? void 0 : o.clientWidth) || 0);
+            n("widthChange", ((a = i.value) == null ? void 0 : a.clientWidth) || 0);
             break;
           case "both":
-            i("heightChange", ((a = t.value) == null ? void 0 : a.clientHeight) || 0), i("widthChange", ((h = t.value) == null ? void 0 : h.clientWidth) || 0);
+            n("heightChange", ((s = i.value) == null ? void 0 : s.clientHeight) || 0), n("widthChange", ((r = i.value) == null ? void 0 : r.clientWidth) || 0);
             break;
         }
       });
-    }, 16);
-    return C(() => {
-      e();
-    }), b(
-      () => {
-        window.addEventListener("resize", e);
-      },
-      () => {
-        window.removeEventListener("resize", e);
-      }
-    ), u(() => {
-      e();
-    }), g(() => {
-      e(), e.flush();
-    }), (n, o) => (f(), p("div", {
+    }, o.debounceTime);
+    w({
+      getTarget: () => i.value,
+      onResize: () => e(),
+      enabled: () => o.observeResize,
+      // 关 hook 内防抖：emitSizeChange 已是跨 RO / window.resize / 激活三源共享的单层防抖，
+      // 不宜在 hook 层再叠一层（否则 RO 路径双重防抖）。
+      debounce: 0
+    });
+    const { isActivated: h } = z((t) => {
+      t.isActivated ? (e(), window.addEventListener("resize", e)) : (window.removeEventListener("resize", e), t.triggerType === "unmounted" ? (e(), e.flush()) : e.cancel());
+    });
+    return f(() => {
+      h.value && e();
+    }), (t, a) => (g(), v("div", {
       ref_key: "box",
-      ref: t
+      ref: i
     }, [
-      v(n.$slots, "default")
+      p(t.$slots, "default")
     ], 512));
   }
 });
 export {
-  E as default
+  x as default
 };

package/es/components/form/FormMain.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormMain.vue2.mjs";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-83b1b718"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cc2ea388"]]);
 export {
-  p as default
+  c as default
 };

package/es/components/form/FormMain.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as Y, shallowRef as B, provide as p, computed as o, ref as L, watch as b, openBlock as E, createBlock as V, unref as F, withCtx as v, createVNode as j, createElementBlock as H, Fragment as U, renderList as q, withDirectives as z, mergeProps as x, renderSlot as R, vShow as J } from "vue";
-import { ElForm as Q, ElRow as W, ElCol as X } from "element-plus";
-import Z from "./FormItem.vue.mjs";
-import { FORM_ITEM_CHANGE_LOADING as ee, stringifyFormData as te, parseFormData as le, generateFormData as ae, resolveFormLayout as M } from "./utils.mjs";
-import { createNestFormExposeMap as re } from "./nest-registry.mjs";
-import { FORM_NEST_REGISTRY_KEY as oe, NEST_LAYOUT_SCALE_KEY as se } from "../../inject/key.mjs";
-const pe = /* @__PURE__ */ Y({
+import { defineComponent as Y, shallowRef as H, provide as h, computed as s, ref as _, watch as b, openBlock as F, createBlock as V, unref as E, withCtx as v, createVNode as j, createElementBlock as U, Fragment as q, renderList as z, withDirectives as J, mergeProps as x, renderSlot as B, vShow as Q } from "vue";
+import { useFormLayoutByContainer as W } from "./use-layout-by-container.mjs";
+import { ElForm as X, ElRow as Z, ElCol as ee } from "element-plus";
+import te from "./FormItem.vue.mjs";
+import { FORM_ITEM_CHANGE_LOADING as ae, stringifyFormData as le, parseFormData as oe, generateFormData as re, resolveFormLayout as R } from "./utils.mjs";
+import { createNestFormExposeMap as se } from "./nest-registry.mjs";
+import { FORM_NEST_REGISTRY_KEY as ne, NEST_LAYOUT_SCALE_KEY as ie } from "../../inject/key.mjs";
+const Ee = /* @__PURE__ */ Y({
   name: "FormMain",
   inheritAttrs: !0,
   __name: "FormMain",
@@ -13,104 +14,108 @@ const pe = /* @__PURE__ */ Y({
     data: {},
     layout: {},
     rowGutter: { default: 8 },
-    layoutScale: { default: 1 }
+    layoutScale: { default: 1 },
+    layoutByContainer: { type: Boolean, default: !1 }
   },
   emits: ["loadingChange", "visibleChange", "submit"],
-  setup(d, { expose: K, emit: N }) {
-    const r = d, y = N, s = B(), f = re();
-    p(oe, f);
-    const A = o(() => r.layoutScale ?? 1);
-    p(se, A);
-    const n = L([]), i = L({}), w = o(() => !!n.value.length), g = o(() => Object.keys(i.value).filter(
-      (e) => i.value[e]
-    )), D = o(() => r.list.filter((e) => !g.value.includes(e.key))), G = o(() => D.value.length > 0), I = (e) => e;
-    K({
+  setup(d, { expose: M, emit: K }) {
+    const o = d, y = K, r = H(), { resolveLayoutByContainer: N } = W({
+      enabled: () => o.layoutByContainer,
+      getForm: () => r.value
+    }), f = se();
+    h(ne, f);
+    const A = s(() => o.layoutScale ?? 1);
+    h(ie, A);
+    const i = _([]), n = _({}), C = s(() => !!i.value.length), g = s(() => Object.keys(n.value).filter(
+      (e) => n.value[e]
+    )), D = s(() => o.list.filter((e) => !g.value.includes(e.key))), G = s(() => D.value.length > 0), I = (e) => e;
+    M({
       validate: async () => {
-        if (!s.value) return Promise.reject(new Error("实例化未完成"));
-        const e = new Promise((l, a) => {
+        if (!r.value) return Promise.reject(new Error("实例化未完成"));
+        const e = new Promise((a, l) => {
           var u;
-          (u = s.value) == null || u.validate((P, C) => {
+          (u = r.value) == null || u.validate((P, L) => {
             if (P)
-              l();
+              a();
             else {
-              const m = { ...C || {} };
+              const m = { ...L || {} };
               Object.keys(m).forEach((c) => {
-                var _;
-                g.value.includes(c) && (console.log(`当前${c}被隐藏，移除校验`, m[c]), delete m[c], (_ = s.value) == null || _.clearValidate(c));
-              }), Object.keys(m).length === 0 ? l() : a(C);
+                var O;
+                g.value.includes(c) && (console.log(`当前${c}被隐藏，移除校验`, m[c]), delete m[c], (O = r.value) == null || O.clearValidate(c));
+              }), Object.keys(m).length === 0 ? a() : l(L);
             }
           });
-        }), t = Object.entries(f).filter(([l]) => !g.value.includes(l)).map(([, l]) => l.validate());
+        }), t = Object.entries(f).filter(([a]) => !g.value.includes(a)).map(([, a]) => a.validate());
         await Promise.all([e, ...t]);
       },
       resetFields: () => {
-        if (!s.value) return console.error("实例化未完成");
-        s.value.resetFields(), Object.values(f).forEach((e) => e.resetFields());
+        if (!r.value) return console.error("实例化未完成");
+        r.value.resetFields(), Object.values(f).forEach((e) => e.resetFields());
       },
       clearValidate: (e) => {
-        if (!s.value) return console.error("实例化未完成");
-        s.value.clearValidate(e), Object.values(f).forEach((t) => t.clearValidate());
+        if (!r.value) return console.error("实例化未完成");
+        r.value.clearValidate(e), Object.values(f).forEach((t) => t.clearValidate());
       },
-      generate: () => ae(r.list),
-      parse: (e) => le(e, r.list),
-      stringify: () => te(r.data, r.list)
+      generate: () => re(o.list),
+      parse: (e) => oe(e, o.list),
+      stringify: () => le(o.data, o.list)
     });
-    const h = o(() => r.list), S = o(() => h.value.reduce((e, t) => (t.rules && (typeof t.rules == "function" ? e[t.key] = t.rules({
-      data: r.data,
+    const p = s(() => o.list), w = s(() => p.value.reduce((e, t) => (t.rules && (typeof t.rules == "function" ? e[t.key] = t.rules({
+      data: o.data,
       config: t
-    }) : e[t.key] = t.rules), e), {})), k = o(() => n.value.reduce(
+    }) : e[t.key] = t.rules), e), {})), S = s(() => i.value.reduce(
       (e, t) => (e[t.key] = [
         {
           validator: () => [new Error(`${t.label}${t.message}`)]
         }
       ], e),
       {}
-    )), T = o(() => {
-      const e = Object.keys(S.value), t = Object.keys(k.value);
-      return [...new Set(e.concat(t))].reduce((a, u) => (a[u] = [
-        ...S.value[u] || [],
-        ...k.value[u] || []
-      ], a), {});
+    )), T = s(() => {
+      const e = Object.keys(w.value), t = Object.keys(S.value);
+      return [...new Set(e.concat(t))].reduce((l, u) => (l[u] = [
+        ...w.value[u] || [],
+        ...S.value[u] || []
+      ], l), {});
     });
-    p(ee, ({ key: e, message: t }) => {
+    h(ae, ({ key: e, message: t }) => {
       if (!e)
         return console.error("更新状态未传入key, 此处忽略");
-      const l = n.value.findIndex((a) => a.key === e);
-      l === -1 ? t && n.value.push({
+      const a = i.value.findIndex((l) => l.key === e);
+      a === -1 ? t && i.value.push({
         key: e,
         message: t,
-        label: r.list.find((a) => a.key === e).label
-      }) : t ? n.value.splice(l, 1, {
+        label: o.list.find((l) => l.key === e).label
+      }) : t ? i.value.splice(a, 1, {
         key: e,
         message: t,
-        label: r.list.find((a) => a.key === e).label
-      }) : n.value.splice(l, 1);
+        label: o.list.find((l) => l.key === e).label
+      }) : i.value.splice(a, 1);
     });
     const $ = ({
       status: e,
       config: { key: t }
     }) => {
-      (i.value[t] || !1) !== e && (i.value[t] = e);
-    }, O = (e) => {
-      const t = r.layoutScale ?? 1;
-      return {
-        ...M(r.layout, t),
-        ...M(e, t)
+      (n.value[t] || !1) !== e && (n.value[t] = e);
+    }, k = (e) => {
+      const t = o.layoutScale ?? 1, a = {
+        ...R(o.layout, t),
+        ...R(e, t)
       };
+      return N(a);
     };
     return b(
-      h,
+      p,
       (e) => {
-        const t = e.map((l) => l.key);
-        Object.keys(i.value).forEach((l) => {
-          t.includes(l) || delete i.value[l];
+        const t = e.map((a) => a.key);
+        Object.keys(n.value).forEach((a) => {
+          t.includes(a) || delete n.value[a];
         });
       },
       {
         immediate: !0
       }
-    ), b(w, () => {
-      y("loadingChange", w.value);
+    ), b(C, () => {
+      y("loadingChange", C.value);
     }), b(
       G,
       (e) => {
@@ -119,37 +124,37 @@ const pe = /* @__PURE__ */ Y({
       {
         immediate: !0
       }
-    ), (e, t) => (E(), V(F(Q), {
+    ), (e, t) => (F(), V(E(X), {
       ref_key: "elForm",
-      ref: s,
+      ref: r,
       class: "dc-form-main",
       model: d.data,
       rules: T.value
     }, {
       default: v(() => [
-        j(F(W), { gutter: d.rowGutter }, {
+        j(E(Z), { gutter: d.rowGutter }, {
           default: v(() => [
-            (E(!0), H(U, null, q(h.value, (l) => z((E(), V(F(X), x({
-              key: l.key
-            }, { ref_for: !0 }, O(l.layout)), {
+            (F(!0), U(q, null, z(p.value, (a) => J((F(), V(E(ee), x({
+              key: a.key
+            }, { ref_for: !0 }, k(a.layout)), {
               default: v(() => [
-                j(Z, {
+                j(te, {
                   data: d.data,
-                  config: I(l),
+                  config: I(a),
                   onViewHideChange: $,
-                  onSubmit: t[0] || (t[0] = (a) => y("submit", a))
+                  onSubmit: t[0] || (t[0] = (l) => y("submit", l))
                 }, {
-                  default: v((a) => [
-                    R(e.$slots, l.key, x({ ref_for: !0 }, a), void 0, !0)
+                  default: v((l) => [
+                    B(e.$slots, a.key, x({ ref_for: !0 }, l), void 0, !0)
                   ]),
                   _: 2
                 }, 1032, ["data", "config"])
               ]),
               _: 2
             }, 1040)), [
-              [J, !(i.value[l.key] ?? !1)]
+              [Q, !(n.value[a.key] ?? !1)]
             ])), 128)),
-            R(e.$slots, "default", { mergeLayout: O }, void 0, !0)
+            B(e.$slots, "default", { mergeLayout: k }, void 0, !0)
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -159,5 +164,5 @@ const pe = /* @__PURE__ */ Y({
   }
 });
 export {
-  pe as default
+  Ee as default
 };

package/es/components/form/FormSearch.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormSearch.vue2.mjs";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-eb50264d"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b96e10f6"]]);
 export {
   e as default
 };