@done-coding/admin-core 0.18.0 → 0.19.0

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

@@ -1,4 +1,4 @@
-import f from "./TabsRefineFlow.vue.mjs";
+import _sfc_main from "./TabsRefineFlow.vue.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

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

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

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

@@ -1,16 +1,17 @@
-import { defineComponent as Q, toRefs as U, useModel as X, ref as _, computed as r, inject as Y, watch as C, onMounted as Z, nextTick as M, openBlock as a, createElementBlock as d, normalizeClass as ee, createElementVNode as N, normalizeStyle as V, Fragment as H, renderList as P, unref as c, createVNode as B, withCtx as $, renderSlot as F, createBlock as I, resolveDynamicComponent as te, createCommentVNode as oe, createTextVNode as ne, toDisplayString as le, withModifiers as re, mergeModels as se } from "vue";
-import { ElCard as ae, ElAnchor as ie, ElAnchorLink as ce } from "element-plus";
-import ue from "../slot-layout/SlotLayoutTemplate.vue.mjs";
-import { getId as fe } from "../../utils/id.mjs";
-import { APP_PAGE_CONTENT_INSET as de } from "../../inject/key.mjs";
-import { useChannelViewportHeight as me } from "../../hooks/use-channel-viewport-height.mjs";
-import { useActivated as ve } from "../../hooks/activated.mjs";
-import { domClosestScrollableAncestor as he } from "../../utils/dom.mjs";
-const pe = ["id", "data-tab-key"], Ae = /* @__PURE__ */ Q({
+import { defineComponent, toRefs, useModel, ref, computed, inject, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, unref, createVNode, withCtx, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, withModifiers, mergeModels } from "vue";
+import { ElCard, ElAnchor, ElAnchorLink } from "element-plus";
+import _sfc_main$1 from "../slot-layout/SlotLayoutTemplate.vue.mjs";
+import { getId } from "../../utils/id.mjs";
+import { APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
+import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+import { domClosestScrollableAncestor } from "../../utils/dom.mjs";
+const _hoisted_1 = ["id", "data-tab-key"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabsTile",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ mergeModels({
     tabs: {},
-    refine: { type: Boolean, default: !1 },
+    refine: { type: Boolean, default: false },
     viewportHeight: {},
     minHeight: { default: 100 },
     parentChannel: {},
@@ -18,165 +19,222 @@ const pe = ["id", "data-tab-key"], Ae = /* @__PURE__ */ Q({
     navMode: { default: "auto" },
     navOffset: { default: 12 }
   }, {
-    modelValue: {},
-    modelModifiers: {}
+    "modelValue": {},
+    "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(A) {
-    const n = A, { tabs: S } = U(n), s = X(A, "modelValue"), m = _(), v = _();
-    let h = !1, p = !1;
-    const O = fe(`dc-tt-${Math.random().toString(36).slice(2, 7)}`), u = (e) => `${O}-p${e}`, D = r(() => {
-      const e = /* @__PURE__ */ new Map();
-      return n.tabs.forEach((o, t) => e.set(`#${u(t)}`, o.key)), e;
-    }), b = r(() => {
-      const e = /* @__PURE__ */ new Map();
-      return n.tabs.forEach((o, t) => e.set(o.key, `#${u(t)}`)), e;
-    }), f = Y(de, void 0), { viewportHeightFinal: L } = me(n), z = r(
-      () => Math.max(L.value, n.minHeight)
-    ), W = r(() => {
-      const e = {};
-      return n.refine ? { height: `${z.value}px`, overflow: "auto" } : e;
-    }), y = _(), j = () => {
-      y.value = he(
-        m.value
+  setup(__props) {
+    const props = __props;
+    const { tabs } = toRefs(props);
+    const model = useModel(__props, "modelValue");
+    const scrollRootRef = ref();
+    const anchorRef = ref();
+    let fromAnchor = false;
+    let scrollReady = false;
+    const instanceId = getId(`dc-tt-${Math.random().toString(36).slice(2, 7)}`);
+    const paneId = (index) => `${instanceId}-p${index}`;
+    const hrefToKey = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      props.tabs.forEach((tab, index) => map.set(`#${paneId(index)}`, tab.key));
+      return map;
+    });
+    const keyToHref = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      props.tabs.forEach((tab, index) => map.set(tab.key, `#${paneId(index)}`));
+      return map;
+    });
+    const pageInset = inject(APP_PAGE_CONTENT_INSET, void 0);
+    const { viewportHeightFinal } = useChannelViewportHeight(props);
+    const containerHeight = computed(
+      () => Math.max(viewportHeightFinal.value, props.minHeight)
+    );
+    const scrollStyle = computed(() => {
+      const empty = {};
+      if (!props.refine) return empty;
+      return { height: `${containerHeight.value}px`, overflow: "auto" };
+    });
+    const naturalScrollAncestor = ref();
+    const detectNaturalScrollAncestor = () => {
+      naturalScrollAncestor.value = domClosestScrollableAncestor(
+        scrollRootRef.value
       );
-    }, G = r(
-      () => n.refine ? m.value : y.value
-    ), w = r(
-      () => n.refine || y.value ? 0 : (f == null ? void 0 : f.value.top) ?? 0
-    ), E = r(
-      () => n.navMode === "auto" ? n.refine ? "absolute" : "sticky" : n.navMode
-    ), K = r(() => `dc-tabs-tile--nav-${E.value}`), q = r(() => {
-      const e = `${n.navOffset}px`, o = n.navPosition.startsWith("top"), t = n.navPosition.endsWith("left"), l = E.value;
-      return l === "sticky" ? {
-        position: "sticky",
-        [o ? "top" : "bottom"]: e,
-        alignSelf: t ? "flex-start" : "flex-end",
-        order: o ? -1 : 1
-      } : {
-        position: l,
-        [o ? "top" : "bottom"]: e,
-        [t ? "left" : "right"]: e
+    };
+    const anchorContainer = computed(
+      () => props.refine ? scrollRootRef.value : naturalScrollAncestor.value
+    );
+    const anchorOffset = computed(
+      () => props.refine || naturalScrollAncestor.value ? 0 : (pageInset == null ? void 0 : pageInset.value.top) ?? 0
+    );
+    const navModeResolved = computed(
+      () => props.navMode === "auto" ? props.refine ? "absolute" : "sticky" : props.navMode
+    );
+    const rootClass = computed(() => `dc-tabs-tile--nav-${navModeResolved.value}`);
+    const navStyle = computed(() => {
+      const offset = `${props.navOffset}px`;
+      const isTop = props.navPosition.startsWith("top");
+      const isLeft = props.navPosition.endsWith("left");
+      const mode = navModeResolved.value;
+      if (mode === "sticky") {
+        return {
+          position: "sticky",
+          [isTop ? "top" : "bottom"]: offset,
+          alignSelf: isLeft ? "flex-start" : "flex-end",
+          order: isTop ? -1 : 1
+        };
+      }
+      return {
+        position: mode,
+        [isTop ? "top" : "bottom"]: offset,
+        [isLeft ? "left" : "right"]: offset
       };
-    }), J = (e) => {
-      const o = D.value.get(e);
-      !o || o === s.value || (h = !0, s.value = o);
+    });
+    const onAnchorChange = (href) => {
+      const key = hrefToKey.value.get(href);
+      if (!key || key === model.value) return;
+      fromAnchor = true;
+      model.value = key;
     };
-    C(
-      s,
-      (e) => {
-        var l;
-        const o = h;
-        if (h = !1, !p || !e || o) return;
-        const t = b.value.get(e);
-        t && ((l = v.value) == null || l.scrollTo(t));
+    watch(
+      model,
+      (key) => {
+        var _a;
+        const wasFromAnchor = fromAnchor;
+        fromAnchor = false;
+        if (!scrollReady) return;
+        if (!key || wasFromAnchor) return;
+        const href = keyToHref.value.get(key);
+        if (href) (_a = anchorRef.value) == null ? void 0 : _a.scrollTo(href);
       },
       { flush: "post" }
     );
-    let k = !1;
-    const g = () => {
-      var e, o;
-      if (!k && n.tabs.length && (k = !0, s.value && s.value !== ((e = n.tabs[0]) == null ? void 0 : e.key))) {
-        const t = b.value.get(s.value);
-        t && ((o = v.value) == null || o.scrollTo(t));
+    let initialDone = false;
+    const positionModelInitial = () => {
+      var _a, _b;
+      if (initialDone) return;
+      if (!props.tabs.length) return;
+      initialDone = true;
+      if (model.value && model.value !== ((_a = props.tabs[0]) == null ? void 0 : _a.key)) {
+        const href = keyToHref.value.get(model.value);
+        if (href) (_b = anchorRef.value) == null ? void 0 : _b.scrollTo(href);
       }
     };
-    C(
-      () => n.tabs.length,
-      (e, o) => {
-        !e || o || !p || k || M(g);
+    watch(
+      () => props.tabs.length,
+      (len, oldLen) => {
+        if (!len || oldLen) return;
+        if (!scrollReady || initialDone) return;
+        nextTick(positionModelInitial);
       },
       { flush: "post" }
     );
-    let T, R, i;
-    const x = () => {
-      clearTimeout(T), clearTimeout(R), i == null || i(), i = void 0;
+    let settleTimer;
+    let settleCapTimer;
+    let stopSettle;
+    const cancelSettle = () => {
+      clearTimeout(settleTimer);
+      clearTimeout(settleCapTimer);
+      stopSettle == null ? void 0 : stopSettle();
+      stopSettle = void 0;
     };
-    return ve((e) => {
-      if (!e.isActivated) {
-        x();
+    useActivated((info) => {
+      if (!info.isActivated) {
+        cancelSettle();
         return;
       }
-      j();
-    }), Z(() => {
-      if (M(() => {
-        p = !0;
-      }), !f) {
-        M(g);
+      detectNaturalScrollAncestor();
+    });
+    onMounted(() => {
+      nextTick(() => {
+        scrollReady = true;
+      });
+      if (!pageInset) {
+        nextTick(positionModelInitial);
         return;
       }
-      const e = () => {
-        x(), g();
-      }, o = () => {
-        clearTimeout(T), T = setTimeout(e, 80);
+      const settleFire = () => {
+        cancelSettle();
+        positionModelInitial();
       };
-      i = C(w, o, { flush: "post" }), o(), R = setTimeout(e, 1e3);
-    }), (e, o) => (a(), d("div", {
-      class: ee(["dc-tabs-tile", K.value])
-    }, [
-      N("div", {
-        ref_key: "scrollRootRef",
-        ref: m,
-        class: "dc-tabs-tile__scroll",
-        style: V(W.value)
+      const scheduleSettle = () => {
+        clearTimeout(settleTimer);
+        settleTimer = setTimeout(settleFire, 80);
+      };
+      stopSettle = watch(anchorOffset, scheduleSettle, { flush: "post" });
+      scheduleSettle();
+      settleCapTimer = setTimeout(settleFire, 1e3);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-tabs-tile", rootClass.value])
       }, [
-        (a(!0), d(H, null, P(c(S), (t, l) => (a(), d("div", {
-          id: u(l),
-          key: t.key,
-          class: "dc-tabs-tile__item",
-          "data-tab-key": t.key
+        createElementVNode("div", {
+          ref_key: "scrollRootRef",
+          ref: scrollRootRef,
+          class: "dc-tabs-tile__scroll",
+          style: normalizeStyle(scrollStyle.value)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab, index) => {
+            return openBlock(), createElementBlock("div", {
+              id: paneId(index),
+              key: tab.key,
+              class: "dc-tabs-tile__item",
+              "data-tab-key": tab.key
+            }, [
+              createVNode(_sfc_main$1, {
+                tag: unref(ElCard),
+                class: "dc-tabs-tile__card"
+              }, {
+                header: withCtx(() => [
+                  renderSlot(_ctx.$slots, `header-${tab.key}`, {
+                    tab,
+                    active: tab.key === model.value
+                  }, () => [
+                    createTextVNode(toDisplayString(tab.title), 1)
+                  ], true)
+                ]),
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, tab.key, {
+                    tab,
+                    active: tab.key === model.value
+                  }, () => [
+                    tab.component ? (openBlock(), createBlock(resolveDynamicComponent(tab.component), { key: 0 })) : createCommentVNode("", true)
+                  ], true)
+                ]),
+                _: 2
+              }, 1032, ["tag"])
+            ], 8, _hoisted_1);
+          }), 128))
+        ], 4),
+        createElementVNode("div", {
+          class: "dc-tabs-tile__nav",
+          style: normalizeStyle(navStyle.value),
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"]))
         }, [
-          B(ue, {
-            tag: c(ae),
-            class: "dc-tabs-tile__card"
+          createVNode(unref(ElAnchor), {
+            ref_key: "anchorRef",
+            ref: anchorRef,
+            container: anchorContainer.value,
+            offset: anchorOffset.value,
+            bound: 20,
+            onChange: onAnchorChange
           }, {
-            header: $(() => [
-              F(e.$slots, `header-${t.key}`, {
-                tab: t,
-                active: t.key === s.value
-              }, () => [
-                ne(le(t.title), 1)
-              ], !0)
-            ]),
-            default: $(() => [
-              F(e.$slots, t.key, {
-                tab: t,
-                active: t.key === s.value
-              }, () => [
-                t.component ? (a(), I(te(t.component), { key: 0 })) : oe("", !0)
-              ], !0)
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab, index) => {
+                return openBlock(), createBlock(unref(ElAnchorLink), {
+                  key: tab.key,
+                  href: `#${paneId(index)}`,
+                  title: tab.title
+                }, null, 8, ["href", "title"]);
+              }), 128))
             ]),
-            _: 2
-          }, 1032, ["tag"])
-        ], 8, pe))), 128))
-      ], 4),
-      N("div", {
-        class: "dc-tabs-tile__nav",
-        style: V(q.value),
-        onClick: o[0] || (o[0] = re(() => {
-        }, ["prevent"]))
-      }, [
-        B(c(ie), {
-          ref_key: "anchorRef",
-          ref: v,
-          container: G.value,
-          offset: w.value,
-          bound: 20,
-          onChange: J
-        }, {
-          default: $(() => [
-            (a(!0), d(H, null, P(c(S), (t, l) => (a(), I(c(ce), {
-              key: t.key,
-              href: `#${u(l)}`,
-              title: t.title
-            }, null, 8, ["href", "title"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["container", "offset"])
-      ], 4)
-    ], 2));
+            _: 1
+          }, 8, ["container", "offset"])
+        ], 4)
+      ], 2);
+    };
   }
 });
 export {
-  Ae as default
+  _sfc_main as default
 };

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

@@ -1,53 +1,73 @@
-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({
+import { defineComponent, shallowRef, nextTick, onUpdated, openBlock, createElementBlock, renderSlot } from "vue";
+import _debounce from "lodash/debounce";
+import { useObserveSize } from "../../hooks/use-observe-size.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WatchSize",
   props: {
     mode: { default: "height" },
-    observeResize: { type: Boolean, default: !1 },
+    observeResize: { type: Boolean, default: false },
     debounceTime: { default: 16 }
   },
   emits: ["heightChange", "widthChange"],
-  setup(c, { emit: d }) {
-    const o = c, n = d, i = u(), e = b(() => {
-      m(() => {
-        var t, a, s, r;
-        switch (o.mode) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const box = shallowRef();
+    const emitSizeChange = _debounce(() => {
+      nextTick(() => {
+        var _a, _b, _c, _d;
+        switch (props.mode) {
           case "height":
-            n("heightChange", ((t = i.value) == null ? void 0 : t.clientHeight) || 0);
+            emits("heightChange", ((_a = box.value) == null ? void 0 : _a.clientHeight) || 0);
             break;
           case "width":
-            n("widthChange", ((a = i.value) == null ? void 0 : a.clientWidth) || 0);
+            emits("widthChange", ((_b = box.value) == null ? void 0 : _b.clientWidth) || 0);
             break;
           case "both":
-            n("heightChange", ((s = i.value) == null ? void 0 : s.clientHeight) || 0), n("widthChange", ((r = i.value) == null ? void 0 : r.clientWidth) || 0);
+            emits("heightChange", ((_c = box.value) == null ? void 0 : _c.clientHeight) || 0);
+            emits("widthChange", ((_d = box.value) == null ? void 0 : _d.clientWidth) || 0);
             break;
         }
       });
-    }, o.debounceTime);
-    w({
-      getTarget: () => i.value,
-      onResize: () => e(),
-      enabled: () => o.observeResize,
+    }, props.debounceTime);
+    useObserveSize({
+      getTarget: () => box.value,
+      onResize: () => emitSizeChange(),
+      enabled: () => props.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());
+    const { isActivated } = useActivated((info) => {
+      if (info.isActivated) {
+        emitSizeChange();
+        window.addEventListener("resize", emitSizeChange);
+      } else {
+        window.removeEventListener("resize", emitSizeChange);
+        if (info.triggerType === "unmounted") {
+          emitSizeChange();
+          emitSizeChange.flush();
+        } else {
+          emitSizeChange.cancel();
+        }
+      }
+    });
+    onUpdated(() => {
+      if (isActivated.value) {
+        emitSizeChange();
+      }
     });
-    return f(() => {
-      h.value && e();
-    }), (t, a) => (g(), v("div", {
-      ref_key: "box",
-      ref: i
-    }, [
-      p(t.$slots, "default")
-    ], 512));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "box",
+        ref: box
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
   }
 });
 export {
-  x as default
+  _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import f from "./WatchSize.vue.mjs";
+import _sfc_main from "./WatchSize.vue.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/es/components/display/use-tabs-query-sync.mjs

@@ -1,26 +1,30 @@
-import { watch as y } from "vue";
-function a(t, e) {
-  if (!t || !e) return;
-  const r = t.query[e];
-  return Array.isArray(r) ? r[0] ?? void 0 : r ?? void 0;
+import { watch } from "vue";
+function getTabQuery(route, queryKey) {
+  if (!route || !queryKey) return void 0;
+  const raw = route.query[queryKey];
+  return Array.isArray(raw) ? raw[0] ?? void 0 : raw ?? void 0;
 }
-function c(t) {
-  const { activeKey: e, route: r, router: u, queryKey: o } = t;
-  !r || !u || !o || !e || a(r, o) !== e && u.replace({ query: { ...r.query, [o]: e } }).catch(() => {
+function writeTabQuery(params) {
+  const { activeKey, route, router, queryKey } = params;
+  if (!route || !router || !queryKey || !activeKey) return;
+  if (getTabQuery(route, queryKey) === activeKey) return;
+  router.replace({ query: { ...route.query, [queryKey]: activeKey } }).catch(() => {
   });
 }
-function s(t) {
-  const { model: e, route: r, router: u, queryKey: o, ready: i } = t;
-  !r || !u || y(
-    e,
-    (n) => {
-      i() && c({ activeKey: n, route: r, router: u, queryKey: o() });
+function watchTabToQuery(params) {
+  const { model, route, router, queryKey, ready } = params;
+  if (!route || !router) return;
+  watch(
+    model,
+    (activeKey) => {
+      if (!ready()) return;
+      writeTabQuery({ activeKey, route, router, queryKey: queryKey() });
     },
     { flush: "post" }
   );
 }
 export {
-  a as getTabQuery,
-  s as watchTabToQuery,
-  c as writeTabQuery
+  getTabQuery,
+  watchTabToQuery,
+  writeTabQuery
 };

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

@@ -1,7 +1,7 @@
-import o from "./FormItem.vue2.mjs";
+import _sfc_main from "./FormItem.vue2.mjs";
 /* empty css               */
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8b508d64"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b508d64"]]);
 export {
-  _ as default
+  FormItem as default
 };