@done-coding/admin-core 0.13.1-alpha.0 → 0.14.1-alpha.0

package/es/components/list-page/ListPage.vue2.mjs

@@ -1,18 +1,16 @@
-import { defineComponent as ge, useCssVars as de, useSlots as me, computed as a, useModel as p, ref as i, shallowRef as q, watch as pe, withDirectives as we, openBlock as w, createElementBlock as Se, createBlock as x, unref as v, withCtx as c, renderSlot as h, createCommentVNode as L, createVNode as E, mergeProps as S, createSlots as N, renderList as y, normalizeProps as C, guardReactiveProps as H, mergeModels as U } from "vue";
-import { vLoading as ye } from "element-plus";
-import Ce from "../form/FormSearch.vue.mjs";
-import { generateFormData as He, stringifyFormData as be } from "../form/utils.mjs";
-import J from "../display/WatchSize.vue.mjs";
-import Ve from "../table/TableMain.vue.mjs";
-import Ie from "lodash/pick";
-import Re from "lodash/cloneDeep";
-import { useChannelViewportHeight as Me } from "../../hooks/use-channel-viewport-height.mjs";
-const ke = {
-  "element-loading-background": "rgba(122, 122, 122, 0.5)",
-  class: "dc-list-page list-page"
-}, Te = /* @__PURE__ */ ge({
+import { defineComponent as pe, useCssVars as we, useSlots as Se, computed as o, useModel as y, ref as l, shallowRef as N, watch as ye, withDirectives as Ce, openBlock as C, createBlock as H, unref as h, withCtx as i, createVNode as E, mergeProps as b, createSlots as U, renderSlot as f, normalizeProps as V, guardReactiveProps as I, renderList as R, createCommentVNode as J, mergeModels as Q } from "vue";
+import { vLoading as He } from "element-plus";
+import be from "../form/FormSearch.vue.mjs";
+import { generateFormData as Ve, stringifyFormData as Ie } from "../form/utils.mjs";
+import z from "../display/WatchSize.vue.mjs";
+import Re from "../table/TableMain.vue.mjs";
+import Me from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
+import $e from "lodash/pick";
+import Ae from "lodash/cloneDeep";
+import { useChannelViewportHeight as Fe } from "../../hooks/use-channel-viewport-height.mjs";
+const qe = /* @__PURE__ */ pe({
   __name: "ListPage",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Q({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
     columns: {},
@@ -29,7 +27,9 @@ const ke = {
     query: {},
     injectInfo: {},
     beforeSearch: {},
-    clearTableFilterOnReset: { type: Boolean }
+    clearTableFilterOnReset: { type: Boolean },
+    separateSearch: { type: Boolean, default: !1 },
+    separateSearchConfig: {}
   }, {
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {},
@@ -38,42 +38,47 @@ const ke = {
     customView: { type: Boolean, default: !1 },
     customViewModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
-  setup(o, { expose: Q, emit: z }) {
-    de((e) => ({
-      v3390ee15: _.value
+  emits: /* @__PURE__ */ Q(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  setup(r, { expose: W, emit: G }) {
+    we((e) => ({
+      v4d27171c: te.value
     }));
-    const s = o, b = z, V = me(), I = a(() => !!V.header), R = a(() => !!V.operation), g = p(o, "isAutoRefresh"), M = p(o, "refreshInterval"), k = p(o, "customView"), d = i({}), m = i(
+    const s = r, M = G, $ = Se(), A = o(() => !!$.header), F = o(() => !!$.operation), p = y(r, "isAutoRefresh"), k = y(r, "refreshInterval"), P = y(r, "customView"), w = l({}), S = l(
       {}
-    ), $ = i(!1), n = q(), u = q(), { viewportHeightFinal: G } = Me(s, {
+    ), j = l(!1), n = N(), u = N(), { viewportHeightFinal: X } = Fe(s, {
       fallback: 500
-    }), F = i(0), P = i(0), j = i(0), W = a(() => ({
-      ...m.value,
+    }), D = l(0), x = l(0), B = l(0), Y = o(() => ({
+      ...S.value,
       ...s.staticQuery
-    })), A = i(!1), X = a(() => A.value ? F.value + 10 : 0), Y = a(() => R.value ? P.value + 10 : 0), Z = a(() => I.value ? j.value + 10 : 0), D = a(() => G.value - s.refineReduceHeight), _ = a(() => s.refine ? `${D.value}px` : "auto"), ee = a(() => s.refine ? D.value - X.value - Y.value - Z.value : void 0), B = (e, t = "search") => {
-      var l, f, T;
-      let r = e;
-      if (s.beforeSearch && (r = s.beforeSearch(
-        Re(e),
+    })), K = l(!1), Z = o(() => K.value ? D.value + 10 : 0), _ = o(() => F.value ? x.value + 10 : 0), ee = o(() => A.value ? B.value + 10 : 0), m = o(() => X.value - s.refineReduceHeight), te = o(() => s.refine ? `${m.value}px` : "auto"), ae = o(() => {
+      if (s.refine)
+        return s.separateSearch ? m.value : m.value - Z.value - _.value - ee.value;
+    }), re = o(
+      () => s.refine ? `${m.value}px` : "100vh"
+    ), L = (e, t = "search") => {
+      var g, d, a;
+      let c = e;
+      if (s.beforeSearch && (c = s.beforeSearch(
+        Ae(e),
         t
-      )), t === "reset" && s.clearTableFilterOnReset && ((f = (l = u.value) == null ? void 0 : l.getTableInstance()) == null || f.clearFilter()), JSON.stringify(r) === JSON.stringify(m.value))
-        return ["reset", "search"].includes(t) ? (T = u.value) == null ? void 0 : T.reload() : void 0;
-      m.value = {
-        ...r
+      )), t === "reset" && s.clearTableFilterOnReset && ((d = (g = u.value) == null ? void 0 : g.getTableInstance()) == null || d.clearFilter()), JSON.stringify(c) === JSON.stringify(S.value))
+        return ["reset", "search"].includes(t) ? (a = u.value) == null ? void 0 : a.reload() : void 0;
+      S.value = {
+        ...c
       };
-    }, te = (e) => {
-      b("dataChange", e);
-    }, re = (e) => {
-      b("pageInfoChange", e);
-    }, ae = (e) => {
-      $.value = e;
     }, oe = (e) => {
-      F.value = e;
+      M("dataChange", e);
     }, se = (e) => {
-      P.value = e;
+      M("pageInfoChange", e);
     }, ne = (e) => {
       j.value = e;
-    }, le = a(() => s.list), ie = a(() => s.rowKey), K = a(() => d.value), O = {
+    }, ie = (e) => {
+      D.value = e;
+    }, le = (e) => {
+      x.value = e;
+    }, ue = (e) => {
+      B.value = e;
+    }, ce = o(() => s.list), he = o(() => s.rowKey), O = o(() => w.value), T = {
       refresh: async (e = !1) => {
         var t;
         return (t = u.value) == null ? void 0 : t.refresh(e);
@@ -111,15 +116,15 @@ const ke = {
         var t;
         return (t = n.value) == null ? void 0 : t.toggleCollapse(e);
       },
-      isCollapsed: a(() => {
+      isCollapsed: o(() => {
         var e;
         return ((e = n.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
       }),
       update: (e, t) => {
-        d.value[e] = t;
+        w.value[e] = t;
       }
-    }, ue = a(() => {
-      const e = Ie(O, [
+    }, fe = o(() => {
+      const e = $e(T, [
         "triggerReset",
         "triggerSearch",
         "update"
@@ -128,108 +133,125 @@ const ke = {
         ...s.injectInfo || {},
         ...e
       };
-    }), ce = (e) => e, he = (e) => e, fe = (e) => e, ve = (e) => {
-      A.value = e;
+    }), ge = (e) => e, de = (e) => e, ve = (e) => e, me = (e) => {
+      K.value = e;
     };
-    return Q(O), pe(
+    return W(T), ye(
       () => s.list,
       (e) => {
-        const t = He(e);
-        d.value = t, B(be(t, e));
+        const t = Ve(e);
+        w.value = t, L(Ie(t, e));
       },
       {
         immediate: !0
       }
-    ), (e, t) => we((w(), Se("div", ke, [
-      I.value ? (w(), x(v(J), {
-        key: 0,
-        class: "list-page-header",
-        onHeightChange: ne
+    ), (e, t) => {
+      var c, g, d;
+      return Ce((C(), H(h(Me), {
+        "element-loading-background": "rgba(122, 122, 122, 0.5)",
+        class: "dc-list-page list-page",
+        separate: r.separateSearch,
+        type: (c = r.separateSearchConfig) == null ? void 0 : c.type,
+        gap: (g = r.separateSearchConfig) == null ? void 0 : g.gap,
+        "aside-width": (d = r.separateSearchConfig) == null ? void 0 : d.asideWidth,
+        "aside-max-height": re.value
       }, {
-        default: c(() => [
-          h(e.$slots, "header", {}, void 0, !0)
+        aside: i(() => [
+          A.value ? (C(), H(h(z), {
+            key: 0,
+            class: "list-page-header",
+            onHeightChange: ue
+          }, {
+            default: i(() => [
+              f(e.$slots, "header", {}, void 0, !0)
+            ]),
+            _: 3
+          })) : J("", !0),
+          E(h(be), b({
+            ref_key: "formSearch",
+            ref: n,
+            list: ce.value,
+            data: O.value
+          }, r.formSearchProps, {
+            compact: r.separateSearch,
+            onSearch: L,
+            onHeightChange: ie,
+            onVisibleChange: me
+          }), U({ _: 2 }, [
+            R(r.list, (a) => ({
+              name: a.key,
+              fn: i((v) => [
+                f(e.$slots, `form-${a.key}`, V(I(v)), void 0, !0)
+              ])
+            }))
+          ]), 1040, ["list", "data", "compact"]),
+          F.value ? (C(), H(h(z), {
+            key: 1,
+            class: "list-page-operation",
+            onHeightChange: le
+          }, {
+            default: i(() => [
+              f(e.$slots, "operation", {}, void 0, !0)
+            ]),
+            _: 3
+          })) : J("", !0)
         ]),
-        _: 3
-      })) : L("", !0),
-      E(v(Ce), S({
-        ref_key: "formSearch",
-        ref: n,
-        list: le.value,
-        data: K.value
-      }, o.formSearchProps, {
-        onSearch: B,
-        onHeightChange: oe,
-        onVisibleChange: ve
-      }), N({ _: 2 }, [
-        y(o.list, (r) => ({
-          name: r.key,
-          fn: c((l) => [
-            h(e.$slots, `form-${r.key}`, C(H(l)), void 0, !0)
-          ])
-        }))
-      ]), 1040, ["list", "data"]),
-      R.value ? (w(), x(v(J), {
-        key: 1,
-        class: "list-page-operation",
-        onHeightChange: se
-      }, {
-        default: c(() => [
-          h(e.$slots, "operation", {}, void 0, !0)
+        default: i(() => [
+          E(h(Re), b({
+            ref_key: "tableMain",
+            ref: u,
+            "is-auto-refresh": p.value,
+            "onUpdate:isAutoRefresh": t[0] || (t[0] = (a) => p.value = a),
+            "refresh-interval": k.value,
+            "onUpdate:refreshInterval": t[1] || (t[1] = (a) => k.value = a),
+            "custom-view": P.value,
+            "onUpdate:customView": t[2] || (t[2] = (a) => P.value = a),
+            api: r.api,
+            columns: r.columns,
+            query: Y.value,
+            maxHeight: ae.value,
+            rowKey: he.value,
+            toolbar: r.toolbar,
+            showSwitchView: r.showSwitchView
+          }, r.tableMainProps, {
+            refine: !1,
+            injectInfo: fe.value,
+            onLoadingChange: ne,
+            onDataChange: oe,
+            onPageInfoChange: se
+          }), U({
+            "custom-view-item": i((a) => [
+              f(e.$slots, "custom-view-item", V(I(ve(a))), void 0, !0)
+            ]),
+            _: 2
+          }, [
+            R(r.columns, (a) => ({
+              name: a.prop,
+              fn: i((v) => [
+                f(e.$slots, `table-${a.prop}`, V(I(ge(v))), void 0, !0)
+              ])
+            })),
+            R(r.columns, (a) => ({
+              name: `header-${a.prop}`,
+              fn: i((v) => {
+                var q;
+                return [
+                  f(e.$slots, `table-header-${a.columnKey || a.prop}`, b(de(v), {
+                    searchFormData: O.value,
+                    triggerSearch: (q = n.value) == null ? void 0 : q.triggerSearch
+                  }), void 0, !0)
+                ];
+              })
+            }))
+          ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
         ]),
         _: 3
-      })) : L("", !0),
-      E(v(Ve), S({
-        ref_key: "tableMain",
-        ref: u,
-        "is-auto-refresh": g.value,
-        "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => g.value = r),
-        "refresh-interval": M.value,
-        "onUpdate:refreshInterval": t[1] || (t[1] = (r) => M.value = r),
-        "custom-view": k.value,
-        "onUpdate:customView": t[2] || (t[2] = (r) => k.value = r),
-        api: o.api,
-        columns: o.columns,
-        query: W.value,
-        maxHeight: ee.value,
-        rowKey: ie.value,
-        toolbar: o.toolbar,
-        showSwitchView: o.showSwitchView
-      }, o.tableMainProps, {
-        refine: !1,
-        injectInfo: ue.value,
-        onLoadingChange: ae,
-        onDataChange: te,
-        onPageInfoChange: re
-      }), N({
-        "custom-view-item": c((r) => [
-          h(e.$slots, "custom-view-item", C(H(fe(r))), void 0, !0)
-        ]),
-        _: 2
-      }, [
-        y(o.columns, (r) => ({
-          name: r.prop,
-          fn: c((l) => [
-            h(e.$slots, `table-${r.prop}`, C(H(ce(l))), void 0, !0)
-          ])
-        })),
-        y(o.columns, (r) => ({
-          name: `header-${r.prop}`,
-          fn: c((l) => {
-            var f;
-            return [
-              h(e.$slots, `table-header-${r.columnKey || r.prop}`, S(he(l), {
-                searchFormData: K.value,
-                triggerSearch: (f = n.value) == null ? void 0 : f.triggerSearch
-              }), void 0, !0)
-            ];
-          })
-        }))
-      ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
-    ])), [
-      [v(ye), !g.value && $.value]
-    ]);
+      }, 8, ["separate", "type", "gap", "aside-width", "aside-max-height"])), [
+        [h(He), !p.value && j.value]
+      ]);
+    };
   }
 });
 export {
-  Te as default
+  qe as default
 };

package/es/components/modal/ConfirmModal.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./ConfirmModal.vue2.mjs";
 /* empty css                   */
-import f from "../../_virtual/_plugin-vue_export-helper.mjs";
-const a = /* @__PURE__ */ f(o, [["__scopeId", "data-v-647fb7fd"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6ce57009"]]);
 export {
-  a as default
+  f as default
 };

package/es/components/modal/ConfirmModal.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as E, ref as N, computed as O, openBlock as l, createBlock as s, unref as f, normalizeClass as S, withCtx as a, createElementVNode as u, renderSlot as m, resolveDynamicComponent as v, createElementBlock as w, Fragment as k, createTextVNode as i, toDisplayString as d, createCommentVNode as V, createVNode as $ } from "vue";
-import { ElDialog as D, ElButton as g } from "element-plus";
-const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__content" }, L = ["reverse"], b = /* @__PURE__ */ E({
+import { defineComponent as S, computed as s, ref as V, openBlock as l, createBlock as i, resolveDynamicComponent as u, mergeProps as $, withCtx as a, createElementVNode as m, renderSlot as y, createElementBlock as g, Fragment as k, createTextVNode as r, toDisplayString as d, unref as B, createCommentVNode as F, createVNode as H } from "vue";
+import { ElDrawer as L, ElDialog as M, ElButton as T } from "element-plus";
+const P = { class: "confirm-modal__title" }, b = { class: "confirm-modal__content" }, z = ["reverse"], q = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "ConfirmModal",
   props: {
@@ -19,96 +19,97 @@ const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__conten
     closeOnPressEscape: { type: Boolean, default: !0 },
     closeOnClickModal: { type: Boolean, default: !0 },
     useLoading: { type: Boolean },
-    type: { default: "primary" }
+    type: { default: "primary" },
+    layerType: { default: "modal" },
+    direction: { default: "rtl" }
   },
   emits: ["update:show"],
-  setup(e, { emit: B }) {
-    const t = e, T = B, c = N(!1), y = O(() => t.useLoading && c.value), r = (o) => {
+  setup(e, { emit: x }) {
+    const t = e, E = x, h = s(() => t.layerType === "drawer"), D = s(() => h.value ? L : M), N = s(
+      () => h.value ? { size: t.width, direction: t.direction } : { width: t.width, alignCenter: !0 }
+    ), c = V(!1), C = s(() => t.useLoading && c.value), f = (o) => {
       var n;
-      T("update:show", !1), (n = t.onClose) == null || n.call(t, o);
-    }, h = async () => {
+      E("update:show", !1), (n = t.onClose) == null || n.call(t, o);
+    }, v = async () => {
       var n;
-      await ((n = t.onCancel) == null ? void 0 : n.call(t)) !== !1 && r(!1);
-    }, C = async () => {
+      await ((n = t.onCancel) == null ? void 0 : n.call(t)) !== !1 && f(!1);
+    }, w = async () => {
       var o;
       c.value = !0;
       try {
         const n = await ((o = t.onConfirm) == null ? void 0 : o.call(t));
         if (c.value = !1, n === !1) return;
-        r(!0);
+        f(!0);
       } catch {
         c.value = !1;
       }
-    }, x = () => {
-      r(!1);
+    }, O = () => {
+      f(!1);
     };
-    return (o, n) => (l(), s(f(D), {
+    return (o, n) => (l(), i(u(D.value), $({
       "model-value": e.show,
-      class: S(["dc-confirm-modal", "confirm-modal", o.$attrs.class]),
-      width: e.width,
+      class: ["dc-confirm-modal", "confirm-modal", o.$attrs.class],
       "show-close": e.showClose,
       "append-to-body": "",
-      "align-center": "",
       "close-on-click-modal": e.closeOnClickModal,
-      "close-on-press-escape": e.closeOnPressEscape,
-      onClose: x
-    }, {
+      "close-on-press-escape": e.closeOnPressEscape
+    }, N.value, { onClose: O }), {
       header: a(() => [
-        u("div", F, [
-          m(o.$slots, "title", {}, () => [
-            typeof e.title == "function" ? (l(), s(v(e.title), { key: 0 })) : (l(), w(k, { key: 1 }, [
-              i(d(e.title), 1)
+        m("div", P, [
+          y(o.$slots, "title", {}, () => [
+            typeof e.title == "function" ? (l(), i(u(e.title), { key: 0 })) : (l(), g(k, { key: 1 }, [
+              r(d(e.title), 1)
             ], 64))
           ], !0)
         ])
       ]),
       footer: a(() => [
-        u("div", {
+        m("div", {
           class: "confirm-modal__footer",
           reverse: e.reverse
         }, [
-          m(o.$slots, "footer", {
-            cancelHandler: h,
-            confirmHandler: C,
-            loading: y.value
+          y(o.$slots, "footer", {
+            cancelHandler: v,
+            confirmHandler: w,
+            loading: C.value
           }, () => [
-            e.hiddenCancel ? V("", !0) : (l(), s(f(g), {
+            e.hiddenCancel ? F("", !0) : (l(), i(B(T), {
               key: 0,
               class: "confirm-modal__cancel",
-              onClick: h
+              onClick: v
             }, {
               default: a(() => [
-                i(d(typeof e.cancelText == "function" ? e.cancelText() : e.cancelText), 1)
+                r(d(typeof e.cancelText == "function" ? e.cancelText() : e.cancelText), 1)
               ]),
               _: 1
             })),
-            $(f(g), {
+            H(B(T), {
               class: "confirm-modal__confirm",
               type: e.type,
-              loading: y.value,
-              onClick: C
+              loading: C.value,
+              onClick: w
             }, {
               default: a(() => [
-                i(d(typeof e.confirmText == "function" ? e.confirmText() : e.confirmText), 1)
+                r(d(typeof e.confirmText == "function" ? e.confirmText() : e.confirmText), 1)
               ]),
               _: 1
             }, 8, ["type", "loading"])
           ], !0)
-        ], 8, L)
+        ], 8, z)
       ]),
       default: a(() => [
-        u("div", H, [
-          m(o.$slots, "default", {}, () => [
-            typeof e.content == "function" ? (l(), s(v(e.content), { key: 0 })) : (l(), w(k, { key: 1 }, [
-              i(d(e.content), 1)
+        m("div", b, [
+          y(o.$slots, "default", {}, () => [
+            typeof e.content == "function" ? (l(), i(u(e.content), { key: 0 })) : (l(), g(k, { key: 1 }, [
+              r(d(e.content), 1)
             ], 64))
           ], !0)
         ])
       ]),
       _: 3
-    }, 8, ["model-value", "class", "width", "show-close", "close-on-click-modal", "close-on-press-escape"]));
+    }, 16, ["model-value", "class", "show-close", "close-on-click-modal", "close-on-press-escape"]));
   }
 });
 export {
-  b as default
+  q as default
 };

package/es/components/slot-layout/SlotLayoutFlowAside.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./SlotLayoutFlowAside.vue2.mjs";
+/* empty css                          */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c6ef74b"]]);
+export {
+  f as default
+};

package/es/components/slot-layout/SlotLayoutFlowAside.vue2.mjs

@@ -0,0 +1,55 @@
+import { defineComponent as v, useCssVars as m, useModel as y, computed as a, openBlock as _, createElementBlock as g, normalizeClass as o, createVNode as i, withCtx as u, renderSlot as r, mergeModels as h } from "vue";
+import c from "./SlotLayoutTemplate.vue.mjs";
+const C = /* @__PURE__ */ v({
+  __name: "SlotLayoutFlowAside",
+  props: /* @__PURE__ */ h({
+    type: { default: "right" },
+    gap: { default: "12px" },
+    asideWidth: { default: "240px" },
+    asideMaxHeight: { default: "100vh" }
+  }, {
+    separate: { type: Boolean, default: !1 },
+    separateModifiers: {}
+  }),
+  emits: ["update:separate"],
+  setup(l) {
+    m((s) => ({
+      v88700944: e.asideWidth,
+      v23b7c943: e.asideMaxHeight,
+      v7e1d11ca: f.value
+    }));
+    const e = l, t = y(l, "separate"), d = a(() => !t.value), n = a(() => t.value ? [
+      "dc-slot-layout-flow-aside_separate",
+      `dc-slot-layout-flow-aside_separate_${e.type}`
+    ] : []), p = a(
+      () => `dc-slot-layout-flow-aside-aside_${e.type}`
+    ), f = a(() => t.value ? `calc(100% - ${e.gap})` : void 0);
+    return (s, w) => (_(), g("div", {
+      class: o(["dc-slot-layout-flow-aside", n.value])
+    }, [
+      i(c, {
+        disabled: d.value,
+        tag: "div",
+        class: o(["dc-slot-layout-flow-aside-aside", p.value])
+      }, {
+        default: u(() => [
+          r(s.$slots, "aside", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "class"]),
+      i(c, {
+        disabled: d.value,
+        tag: "div",
+        class: "dc-slot-layout-flow-aside-main"
+      }, {
+        default: u(() => [
+          r(s.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["disabled"])
+    ], 2));
+  }
+});
+export {
+  C as default
+};

package/es/components/slot-layout/SlotLayoutTemplate.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, useAttrs as s, useSlots as o, h as u } from "vue";
+const l = r({
+  name: "SlotLayoutTemplate",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * 包裹宿主：原生标签名（"div"）/ 组件对象 / 函数式组件。
+     * 懒加载组件 [MUST] 先经 `defineAsyncComponent` 包裹再传——裸异步工厂
+     * `() => import('./X.vue')` 会被当函数式组件调用、不 resolve Promise（同
+     * `<component :is>` 原生语义，参 ModalShelf 同款约定）。
+     */
+    tag: {
+      type: [String, Object, Function],
+      default: "div"
+    },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = s(), t = o();
+    return () => {
+      var a;
+      return e.disabled ? (a = t.default) == null ? void 0 : a.call(t) : u(e.tag, n, t);
+    };
+  }
+});
+export {
+  l as default
+};

package/es/components/slot-layout/SlotLayoutTemplate.vue2.mjs

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

package/es/hooks/use-custom-breakpoint.mjs

@@ -0,0 +1,42 @@
+import { shallowRef as c, ref as u, watch as f, onScopeDispose as a, readonly as m } from "vue";
+import { useActivated as d } from "./activated.mjs";
+const v = [
+  { key: "xl", min: 1920 },
+  { key: "lg", min: 1200 },
+  { key: "md", min: 992 },
+  { key: "sm", min: 768 }
+], p = (e) => {
+  for (const { key: t, min: i } of v)
+    if (e >= i) return t;
+  return "xs";
+}, k = (e) => {
+  if (!e || typeof HTMLElement > "u") return null;
+  if (e instanceof HTMLElement) return e;
+  const t = e.$el;
+  return t instanceof HTMLElement ? t : null;
+}, E = () => {
+  const e = c(), t = u("lg"), { isActivated: i } = d();
+  let o;
+  const r = (n) => {
+    t.value = p(
+      n.getBoundingClientRect().width
+    );
+  }, s = () => {
+    o == null || o.disconnect(), o = void 0;
+  }, l = () => {
+    const n = k(e.value);
+    !n || typeof ResizeObserver > "u" || (r(n), o = new ResizeObserver(() => r(n)), o.observe(n));
+  };
+  return f(
+    [i, e],
+    ([n]) => {
+      s(), n && l();
+    },
+    { immediate: !0, flush: "post" }
+  ), a(s), { elRef: e, activeBreakpoint: m(t) };
+};
+export {
+  p as resolveBreakpointByWidth,
+  k as resolveRootEl,
+  E as useCustomBreakpoint
+};