@done-coding/admin-core 0.15.1-alpha.0 → 0.16.1-alpha.0

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

@@ -1,6 +1,9 @@
-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({
+import { defineComponent as L, computed as l, shallowRef as A, ref as w, inject as b, provide as D, openBlock as i, createBlock as s, resolveDynamicComponent as C, mergeProps as p, withCtx as r, createElementVNode as g, normalizeClass as F, renderSlot as c, createElementBlock as O, Fragment as x, createTextVNode as f, toDisplayString as u, unref as R, createCommentVNode as W, createVNode as G } from "vue";
+import { ElDrawer as j, ElDialog as X, ElButton as M } from "element-plus";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as z, SCOPE_VIEWPORT_MAX_HEIGHT as Y } from "../../inject/key.mjs";
+import { useActivated as q } from "../../hooks/activated.mjs";
+import { useObserveSize as J } from "../../hooks/use-observe-size.mjs";
+const K = { class: "confirm-modal__title" }, Q = ["reverse"], oe = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "ConfirmModal",
   props: {
@@ -21,95 +24,141 @@ const P = { class: "confirm-modal__title" }, b = { class: "confirm-modal__conten
     useLoading: { type: Boolean },
     type: { default: "primary" },
     layerType: { default: "modal" },
-    direction: { default: "rtl" }
+    direction: { default: "rtl" },
+    headerDivider: { type: Boolean, default: !0 },
+    footerDivider: { type: Boolean, default: !0 },
+    modalReserve: { default: 200 }
   },
   emits: ["update:show"],
-  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;
-      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 && f(!1);
-    }, w = async () => {
-      var o;
-      c.value = !0;
+  setup(e, { emit: N }) {
+    const o = e, P = N, n = l(() => o.layerType === "drawer"), T = A(), m = w(0), v = b(z, void 0), S = l(
+      () => n.value ? m.value : (v == null ? void 0 : v.value) ?? 0
+    );
+    D(z, S);
+    const B = w(
+      typeof window > "u" ? 0 : window.innerHeight
+    ), y = () => {
+      B.value = window.innerHeight;
+    };
+    q((t) => {
+      t.isActivated ? (y(), window.addEventListener("resize", y)) : window.removeEventListener("resize", y);
+    }), D(Y, {
+      scope: void 0,
+      viewportMaxHeight: l(
+        () => n.value ? m.value : Math.max(0, B.value - o.modalReserve)
+      ),
+      parent: void 0
+    }), J({
+      getTarget: () => {
+        var t;
+        return (t = T.value) == null ? void 0 : t.parentElement;
+      },
+      onResize: (t) => {
+        m.value = Math.max(0, Math.round(t.contentRect.height));
+      },
+      enabled: () => n.value
+      // 用 hook 默认 100ms 防抖：抽屉开合动画 / 视口变化时 RO 每帧回调写 drawerBodyHeight →
+      // provide computed 链 + 插槽内列表重算，防抖合并高频帧（leading 首帧即时给出可用高、不闪）。
+    });
+    const V = l(() => n.value ? j : X), $ = l(
+      () => n.value ? { size: o.width, direction: o.direction } : { width: o.width, alignCenter: !0 }
+    ), d = w(!1), E = l(() => o.useLoading && d.value), h = (t) => {
+      var a;
+      P("update:show", !1), (a = o.onClose) == null || a.call(o, t);
+    }, k = async () => {
+      var a;
+      await ((a = o.onCancel) == null ? void 0 : a.call(o)) !== !1 && h(!1);
+    }, H = async () => {
+      var t;
+      d.value = !0;
       try {
-        const n = await ((o = t.onConfirm) == null ? void 0 : o.call(t));
-        if (c.value = !1, n === !1) return;
-        f(!0);
+        const a = await ((t = o.onConfirm) == null ? void 0 : t.call(o));
+        if (d.value = !1, a === !1) return;
+        h(!0);
       } catch {
-        c.value = !1;
+        d.value = !1;
       }
-    }, O = () => {
-      f(!1);
+    }, I = () => {
+      h(!1);
     };
-    return (o, n) => (l(), i(u(D.value), $({
+    return (t, a) => (i(), s(C(V.value), p({ ...t.$attrs, ...$.value }, {
       "model-value": e.show,
-      class: ["dc-confirm-modal", "confirm-modal", o.$attrs.class],
+      class: [
+        "dc-confirm-modal",
+        "confirm-modal",
+        {
+          "confirm-modal_header-divider": n.value && e.headerDivider,
+          "confirm-modal_footer-divider": n.value && e.footerDivider
+        }
+      ],
       "show-close": e.showClose,
       "append-to-body": "",
       "close-on-click-modal": e.closeOnClickModal,
-      "close-on-press-escape": e.closeOnPressEscape
-    }, N.value, { onClose: O }), {
-      header: a(() => [
-        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)
+      "close-on-press-escape": e.closeOnPressEscape,
+      onClose: I
+    }), {
+      header: r(() => [
+        g("div", K, [
+          c(t.$slots, "title", {}, () => [
+            typeof e.title == "function" ? (i(), s(C(e.title), { key: 0 })) : (i(), O(x, { key: 1 }, [
+              f(u(e.title), 1)
             ], 64))
           ], !0)
         ])
       ]),
-      footer: a(() => [
-        m("div", {
+      footer: r(() => [
+        g("div", {
           class: "confirm-modal__footer",
           reverse: e.reverse
         }, [
-          y(o.$slots, "footer", {
-            cancelHandler: v,
-            confirmHandler: w,
-            loading: C.value
+          c(t.$slots, "footer", {
+            cancelHandler: k,
+            confirmHandler: H,
+            loading: E.value
           }, () => [
-            e.hiddenCancel ? F("", !0) : (l(), i(B(T), {
+            e.hiddenCancel ? W("", !0) : (i(), s(R(M), {
               key: 0,
               class: "confirm-modal__cancel",
-              onClick: v
+              onClick: k
             }, {
-              default: a(() => [
-                r(d(typeof e.cancelText == "function" ? e.cancelText() : e.cancelText), 1)
+              default: r(() => [
+                f(u(typeof e.cancelText == "function" ? e.cancelText() : e.cancelText), 1)
               ]),
               _: 1
             })),
-            H(B(T), {
+            G(R(M), {
               class: "confirm-modal__confirm",
               type: e.type,
-              loading: C.value,
-              onClick: w
+              loading: E.value,
+              onClick: H
             }, {
-              default: a(() => [
-                r(d(typeof e.confirmText == "function" ? e.confirmText() : e.confirmText), 1)
+              default: r(() => [
+                f(u(typeof e.confirmText == "function" ? e.confirmText() : e.confirmText), 1)
               ]),
               _: 1
             }, 8, ["type", "loading"])
           ], !0)
-        ], 8, z)
+        ], 8, Q)
       ]),
-      default: a(() => [
-        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)
+      default: r(() => [
+        g("div", {
+          ref_key: "contentRef",
+          ref: T,
+          class: F(["confirm-modal__content", { "confirm-modal__content_drawer": n.value }])
+        }, [
+          c(t.$slots, "main-header", {}, void 0, !0),
+          c(t.$slots, "default", {}, () => [
+            typeof e.content == "function" ? (i(), s(C(e.content), { key: 0 })) : (i(), O(x, { key: 1 }, [
+              f(u(e.content), 1)
             ], 64))
-          ], !0)
-        ])
+          ], !0),
+          c(t.$slots, "main-footer", {}, void 0, !0)
+        ], 2)
       ]),
       _: 3
     }, 16, ["model-value", "class", "show-close", "close-on-click-modal", "close-on-press-escape"]));
   }
 });
 export {
-  q as default
+  oe as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as w, ref as y, computed as n, watch as g, openBlock as b, createBlock as p, withCtx as A, createVNode as W, unref as v, mergeProps as C } from "vue";
-import M from "../form/FormMain.vue.mjs";
-import { stringifyFormData as D } from "../form/utils.mjs";
+import { defineComponent as g, ref as b, computed as s, watch as p, openBlock as A, createBlock as W, withCtx as d, createVNode as v, unref as C, mergeProps as M, renderSlot as f } from "vue";
+import D from "../form/FormMain.vue.mjs";
+import { stringifyFormData as $ } from "../form/utils.mjs";
 import k from "./ConfirmModal.vue.mjs";
-const P = /* @__PURE__ */ w({
+const E = /* @__PURE__ */ g({
   __name: "DetailModal",
   props: {
     data: {},
@@ -19,50 +19,56 @@ const P = /* @__PURE__ */ w({
     labelWidth: { default: "auto" }
   },
   emits: ["update:show", "afterAdd", "afterEdit"],
-  setup(e, { emit: s }) {
-    const t = e, i = s, l = y(), f = n(() => t.data), m = n(() => `${t.type === "add" ? "新增" : "编辑"}${t.subTitle || ""}`), u = (o) => {
-      i("update:show", o);
-    }, c = () => {
-      var o;
-      return (o = l.value) == null ? void 0 : o.validate().then(async () => {
-        var d, r;
-        const a = D(t.data, t.list);
-        console.log("confirm", a), t.type === "add" ? (await ((d = t.addApi) == null ? void 0 : d.call(t, a)), i("afterAdd", a)) : (await ((r = t.editApi) == null ? void 0 : r.call(t, a)), i("afterEdit", a));
+  setup(o, { emit: m }) {
+    const t = o, i = m, l = b(), u = s(() => t.data), c = s(() => `${t.type === "add" ? "新增" : "编辑"}${t.subTitle || ""}`), h = (e) => {
+      i("update:show", e);
+    }, w = () => {
+      var e;
+      return (e = l.value) == null ? void 0 : e.validate().then(async () => {
+        var r, n;
+        const a = $(t.data, t.list);
+        console.log("confirm", a), t.type === "add" ? (await ((r = t.addApi) == null ? void 0 : r.call(t, a)), i("afterAdd", a)) : (await ((n = t.editApi) == null ? void 0 : n.call(t, a)), i("afterEdit", a));
       });
-    }, h = () => {
+    }, y = () => {
       console.log("cancel");
     };
-    return g(
+    return p(
       () => t.show,
-      (o) => {
+      (e) => {
         var a;
-        o || (a = l.value) == null || a.clearValidate();
+        e || (a = l.value) == null || a.clearValidate();
       }
-    ), (o, a) => (b(), p(k, {
+    ), (e, a) => (A(), W(k, {
       class: "dc-detail-modal",
-      title: m.value,
-      show: e.show,
-      onConfirm: c,
-      onCancel: h,
+      title: c.value,
+      show: o.show,
+      onConfirm: w,
+      onCancel: y,
       useLoading: "",
-      width: e.modalWidth,
-      "onUpdate:show": u
+      width: o.modalWidth,
+      "onUpdate:show": h
     }, {
-      default: A(() => [
-        W(v(M), C({
+      "main-header": d(() => [
+        f(e.$slots, "header")
+      ]),
+      "main-footer": d(() => [
+        f(e.$slots, "footer")
+      ]),
+      default: d(() => [
+        v(C(D), M({
           ref_key: "formMain",
           ref: l,
-          list: e.list,
-          data: f.value,
-          layout: e.formLayout,
-          labelWidth: e.labelWidth,
-          "row-gutter": e.formRowGutter
-        }, e.formProps), null, 16, ["list", "data", "layout", "labelWidth", "row-gutter"])
+          list: o.list,
+          data: u.value,
+          layout: o.formLayout,
+          labelWidth: o.labelWidth,
+          "row-gutter": o.formRowGutter
+        }, o.formProps), null, 16, ["list", "data", "layout", "labelWidth", "row-gutter"])
       ]),
-      _: 1
+      _: 3
     }, 8, ["title", "show", "width"]));
   }
 });
 export {
-  P as default
+  E as default
 };

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

@@ -1,50 +1,47 @@
 import { defineComponent as S, getCurrentInstance as h, inject as c, renderSlot as v } from "vue";
 import { getModalShelfInjectionKey as u } from "../../inject/key.mjs";
-import { useActivatedEvent as y } from "../../hooks/activated.mjs";
+import { useActivated as y } from "../../hooks/activated.mjs";
 const k = /* @__PURE__ */ S({
   __name: "ModalPorter",
   props: {
     modalList: {}
   },
-  setup(i, { expose: p }) {
-    var s;
-    const o = i, f = ((s = h()) == null ? void 0 : s.uid) ?? Math.floor(Math.random() * 1e9), d = {
+  setup(f, { expose: p }) {
+    var i;
+    const a = f, d = ((i = h()) == null ? void 0 : i.uid) ?? Math.floor(Math.random() * 1e9), m = {
       app: c(u("app"), null),
       page: c(u("page"), null)
     };
-    function a(e) {
-      return `p${f}:${e}`;
+    function s(e) {
+      return `p${d}:${e}`;
     }
     function l(e) {
       if (e === "app" || e === "page") {
-        const t = d[e];
+        const t = m[e];
         return t || (console.error(`[ModalPorter] 未找到 level="${e}" 的 ModalShelf`), null);
       }
       return e;
     }
-    function m(e, t) {
-      const r = o.modalList.find((g) => g.key === e);
+    function g(e, t) {
+      const r = a.modalList.find((o) => o.key === e);
       if (!r)
         return console.error(`[ModalPorter] 未配置的弹窗 key: ${String(e)}`), null;
       const n = l(r.shelf);
-      return n ? n.evoke(a(String(e)), r.component, {
+      return n ? n.evoke(s(String(e)), r.component, {
         payload: t,
         sameKeyStrategy: r.sameKeyStrategy
       }) : null;
     }
-    return y(
-      () => {
-      },
-      () => {
-        const e = /* @__PURE__ */ new Map();
-        o.modalList.forEach((t) => {
-          const r = l(t.shelf);
-          if (!r) return;
-          const n = e.get(r) ?? [];
-          n.push(a(String(t.key))), e.set(r, n);
-        }), e.forEach((t, r) => r.remove(t));
-      }
-    ), p({ evoke: m }), (e, t) => v(e.$slots, "default");
+    return y((e) => {
+      if (e.isActivated) return;
+      const t = /* @__PURE__ */ new Map();
+      a.modalList.forEach((r) => {
+        const n = l(r.shelf);
+        if (!n) return;
+        const o = t.get(n) ?? [];
+        o.push(s(String(r.key))), t.set(n, o);
+      }), t.forEach((r, n) => n.remove(r));
+    }), p({ evoke: g }), (e, t) => v(e.$slots, "default");
   }
 });
 export {

package/es/components/table/TableMain.vue.mjs

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

package/es/components/table/TableMain.vue2.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as pe, useModel as z, useAttrs as me, ref as u, computed as f, markRaw as q, shallowRef as ve, onMounted as he, onActivated as we, watch as d, openBlock as n, createElementBlock as w, createBlock as p, unref as x, withCtx as m, createVNode as D, mergeProps as c, createCommentVNode as ye, resolveDynamicComponent as E, Fragment as I, renderList as Se, createSlots as be, renderSlot as T, createTextVNode as k, toDisplayString as F, normalizeProps as Ce, guardReactiveProps as xe, withDirectives as Ie, createElementVNode as Pe, vShow as Ve, mergeModels as Y } from "vue";
-import G from "lodash/cloneDeep";
-import _ from "lodash/omit";
+import { defineComponent as pe, useModel as z, useAttrs as me, ref as u, computed as f, markRaw as U, shallowRef as ve, onMounted as he, onActivated as we, watch as d, openBlock as n, createElementBlock as w, createBlock as p, unref as x, withCtx as m, createVNode as q, mergeProps as c, createCommentVNode as ye, resolveDynamicComponent as E, Fragment as I, renderList as Se, createSlots as be, renderSlot as T, createTextVNode as H, toDisplayString as D, normalizeProps as Ce, guardReactiveProps as xe, withDirectives as Ie, createElementVNode as Pe, vShow as Ve, mergeModels as F } from "vue";
+import Y from "lodash/cloneDeep";
+import G from "lodash/omit";
 import Z from "lodash/set";
 import Q from "lodash/get";
 import Re from "./TableToolbar.vue.mjs";
 import ze from "../display/WatchSize.vue.mjs";
 import Ee from "../data-view/DataListView.vue.mjs";
-import { ElTable as Te, ElTableColumn as ke, ElEmpty as He, ElPagination as Ae } from "element-plus";
+import { ElTable as Te, ElTableColumn as He, ElEmpty as ke, ElPagination as Ae } from "element-plus";
 import { pickExportColumns as Me } from "../../utils/export.mjs";
 import { useChannelViewportHeight as Ne } from "../../hooks/use-channel-viewport-height.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG as P } from "../../config/list-model.mjs";
-const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagination" }, Ze = /* @__PURE__ */ pe({
+const Le = { class: "dc-table-main table-main" }, Oe = { class: "dc-table-main__pagination table-main-pagination" }, Ze = /* @__PURE__ */ pe({
   __name: "TableMain",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ F({
     showPager: { type: Boolean, default: !0 },
     showSwitchView: { type: Boolean },
     showToolbar: { type: Boolean, default: !0 },
@@ -41,9 +41,9 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
     customView: { type: Boolean, default: !1 },
     customViewModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  emits: /* @__PURE__ */ F(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(o, { expose: W, emit: X }) {
-    const r = o, v = X, H = z(o, "isAutoRefresh"), A = z(o, "refreshInterval"), y = z(o, "customView"), ee = me(), S = u([]), b = u(0), s = u(0), l = u(1), h = u(!1), V = u(!1), M = u([]), te = f(
+    const r = o, v = X, k = z(o, "isAutoRefresh"), A = z(o, "refreshInterval"), y = z(o, "customView"), ee = me(), S = u([]), b = u(0), s = u(0), l = u(1), h = u(!1), V = u(!1), M = u([]), te = f(
       () => ({
         columns: Me(r.columns),
         selectedList: M.value,
@@ -56,12 +56,10 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
     ), N = u(0), ae = (e) => {
       N.value = e;
     }, re = f(
-      () => y.value ? q(Ee) : q(Te)
+      () => y.value ? U(Ee) : U(Te)
     ), R = ve(), oe = f(
       () => r.columns.some((e) => e.type === "selection")
-    ), { viewportHeightFinal: ne } = Ne(r, {
-      fallback: 500
-    }), L = f(() => r.showPager ? 35 : 0), O = f(
+    ), { viewportHeightFinal: ne } = Ne(r), L = f(() => r.showPager ? 35 : 0), O = f(
       () => r.showToolbar ? N.value : 0
     ), le = f(() => {
       const { maxHeight: e, refine: a, dataViewMaxHeightMinValue: t } = r;
@@ -73,7 +71,7 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
         t
       ) : void 0;
     }), C = f(() => {
-      const e = G(r.query || {});
+      const e = Y(r.query || {});
       return Z(e, P.PAGE_SIZE_KEY, s.value), Z(
         e,
         P.CURRENT_PAGE_KEY,
@@ -106,7 +104,7 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
       var t;
       if (!s.value) return;
       h.value ? console.warn("请求并发") : h.value = !0, e || (V.value = !0), (t = R.value) == null || t.clearSelection();
-      const a = G(C.value);
+      const a = Y(C.value);
       return r.api(a).then((i) => {
         K(a, !1) && (S.value = Q(
           i,
@@ -135,18 +133,18 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
       reload: fe,
       getTableInstance: () => R.value
     }, $ = (e, a = []) => ({
-      ..._(e, ["render", "headerRender"].concat(a)),
+      ...G(e, ["render", "headerRender"].concat(a)),
       injectInfo: r.injectInfo || {},
       exposeInfo: g
     }), J = (e) => ({
-      ..._(e, ["render", "headerRender"]),
+      ...G(e, ["render", "headerRender"]),
       injectInfo: r.injectInfo || {},
       exposeInfo: g
     }), ge = (e) => e;
     W(g);
     const de = (e) => {
       s.value = e, l.value = 1;
-    }, U = (e) => !e || e === "expand";
+    }, _ = (e) => !e || e === "expand";
     return he(() => {
       s.value = r.pageSizeInit, we(() => {
         g.refresh();
@@ -175,12 +173,13 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
     }), (e, a) => (n(), w("div", Le, [
       o.showToolbar ? (n(), p(x(ze), {
         key: 0,
+        class: "dc-table-main__toolbar",
         onHeightChange: ae
       }, {
         default: m(() => [
-          D(Re, c({
-            "is-auto-refresh": H.value,
-            "onUpdate:isAutoRefresh": a[0] || (a[0] = (t) => H.value = t),
+          q(Re, c({
+            "is-auto-refresh": k.value,
+            "onUpdate:isAutoRefresh": a[0] || (a[0] = (t) => k.value = t),
             "refresh-interval": A.value,
             "onUpdate:refreshInterval": a[1] || (a[1] = (t) => A.value = t),
             "custom-view": y.value,
@@ -213,14 +212,14 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
         ]),
         empty: m(() => [
           h.value ? (n(), w(I, { key: 0 }, [
-            k("加载中...")
-          ], 64)) : (n(), p(x(He), { key: 1 }))
+            H("加载中...")
+          ], 64)) : (n(), p(x(ke), { key: 1 }))
         ]),
         default: m(() => [
-          (n(!0), w(I, null, Se(o.columns, (t) => (n(), p(x(ke), c({
+          (n(!0), w(I, null, Se(o.columns, (t) => (n(), p(x(He), c({
             key: t.columnKey || t.prop
           }, { ref_for: !0 }, t), be({ _: 2 }, [
-            U(t.type) ? {
+            _(t.type) ? {
               name: "default",
               fn: m((i) => [
                 T(e.$slots, t.prop, c({ ref_for: !0 }, $(i)), () => [
@@ -230,13 +229,13 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
                   }, $(i, ["$index"]), {
                     _index: i.$index
                   }), null, 16, ["_index"])) : (n(), w(I, { key: 1 }, [
-                    k(F(i.row[t.prop]), 1)
+                    H(D(i.row[t.prop]), 1)
                   ], 64))
                 ], !0)
               ]),
               key: "0"
             } : void 0,
-            U(t.type) ? {
+            _(t.type) ? {
               name: "header",
               fn: m((i) => [
                 T(e.$slots, `header-${t.prop}`, c({ ref_for: !0 }, J(i)), () => [
@@ -244,7 +243,7 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
                     key: 0,
                     ref_for: !0
                   }, J(i)), null, 16)) : (n(), w(I, { key: 1 }, [
-                    k(F(t.label), 1)
+                    H(D(t.label), 1)
                   ], 64))
                 ], !0)
               ]),
@@ -255,7 +254,7 @@ const Le = { class: "dc-table-main table-main" }, Oe = { class: "table-main-pagi
         _: 3
       }, 16, ["maxHeight", "data", "rowKey"])),
       Ie(Pe("div", Oe, [
-        D(x(Ae), {
+        q(x(Ae), {
           "current-page": l.value,
           "onUpdate:currentPage": a[3] || (a[3] = (t) => l.value = t),
           "page-size": s.value,

package/es/hooks/activated.mjs

@@ -1,48 +1,40 @@
-import { ref as n, computed as v, readonly as r, onMounted as u, onActivated as A, onDeactivated as m, onBeforeUnmount as f, watch as o } from "vue";
-const s = (e) => {
-  const t = n({
+import { ref as n, computed as o, readonly as r, onMounted as u, onActivated as A, onDeactivated as g, onBeforeUnmount as m, watch as v } from "vue";
+const s = (t) => {
+  const e = n({
     isActivated: !1,
     triggerType: "mounted"
-  }), i = v(() => t.value.isActivated), a = v(() => r(t.value)), d = (c) => {
-    t.value = c;
+  }), i = o(() => e.value.isActivated), a = o(() => r(e.value)), d = (c) => {
+    e.value = c, t == null || t(c);
   };
   return u(() => {
     d({ isActivated: !0, triggerType: "mounted" }), A(() => {
       d({ isActivated: !0, triggerType: "activated" });
     });
-  }), m(() => {
+  }), g(() => {
     d({ isActivated: !1, triggerType: "deactivated" });
-  }), f(() => {
+  }), m(() => {
     d({ isActivated: !1, triggerType: "unmounted" });
-  }), o(
-    t,
-    (c) => {
-      e == null || e(c);
-    },
-    {
-      immediate: !0
-    }
-  ), {
+  }), {
     isActivated: i,
     activatedInfo: a
   };
-}, l = (e) => {
-  const { activatedInfo: t } = s();
-  o(
-    t,
+}, l = (t) => {
+  const { activatedInfo: e } = s();
+  v(
+    e,
     (i) => {
-      i.isActivated && e(i);
+      i.isActivated && t(i);
     },
     {
       immediate: !0
     }
   );
-}, p = (e, t) => {
+}, p = (t, e) => {
   const { activatedInfo: i } = s();
-  o(
+  v(
     i,
     (a) => {
-      a.isActivated ? e(a) : t(a);
+      a.isActivated ? t(a) : e(a);
     },
     {
       immediate: !0