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

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

@@ -1,15 +1,15 @@
-import { defineComponent as He, useCssVars as Re, unref as i, useSlots as Ve, computed as s, useModel as C, ref as u, shallowRef as q, watch as Ie, withDirectives as Ae, openBlock as k, createBlock as H, normalizeClass as Be, withCtx as n, createVNode as N, mergeProps as R, createSlots as E, renderSlot as f, normalizeProps as V, guardReactiveProps as I, renderList as A, createCommentVNode as U, mergeModels as J } from "vue";
-import { vLoading as Me } from "element-plus";
-import $e from "../form/FormSearch.vue.mjs";
-import { generateFormData as Fe, stringifyFormData as Pe } from "../form/utils.mjs";
-import { useListPageSticky as je } from "./use-sticky.mjs";
+import { defineComponent as Re, useCssVars as Ve, unref as i, useSlots as Ie, computed as s, useModel as C, ref as u, shallowRef as q, watch as Ae, withDirectives as Me, openBlock as k, createBlock as H, normalizeClass as Be, withCtx as n, createVNode as N, mergeProps as R, createSlots as E, renderSlot as f, normalizeProps as V, guardReactiveProps as I, renderList as A, createCommentVNode as U, mergeModels as J } from "vue";
+import { vLoading as $e } from "element-plus";
+import Fe from "../form/FormSearch.vue.mjs";
+import { generateFormData as Pe, stringifyFormData as je } from "../form/utils.mjs";
+import { useListPageSticky as ze } from "./use-sticky.mjs";
 import Q from "../display/WatchSize.vue.mjs";
-import ze from "../table/TableMain.vue.mjs";
-import De from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
-import Oe from "lodash/pick";
-import xe from "lodash/cloneDeep";
+import De from "../table/TableMain.vue.mjs";
+import Oe from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
+import xe from "lodash/pick";
+import Le from "lodash/cloneDeep";
 import { useChannelViewportHeight as Te } from "../../hooks/use-channel-viewport-height.mjs";
-const Ye = /* @__PURE__ */ He({
+const Ze = /* @__PURE__ */ Re({
   __name: "ListPage",
   props: /* @__PURE__ */ J({
     staticQuery: { default: () => ({}) },
@@ -46,61 +46,61 @@ const Ye = /* @__PURE__ */ He({
   }),
   emits: /* @__PURE__ */ J(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(a, { expose: W, emit: G }) {
-    Re((e) => ({
-      v41370796: ne.value,
-      v561cdcbe: i(re),
-      v176bdd58: i(oe),
-      v3cef8d58: i(se)
+    Ve((e) => ({
+      v9b019db8: ue.value,
+      v676bd8af: i(oe),
+      v9dcea7f4: i(se),
+      v82e6163c: i(ie)
     }));
-    const o = a, B = G, M = Ve(), $ = s(() => !!M.header), F = s(() => !!M.operation), m = C(a, "isAutoRefresh"), P = C(a, "refreshInterval"), j = C(a, "customView"), y = u({}), S = u(
+    const o = a, M = G, B = Ie(), $ = s(() => !!B.header), F = s(() => !!B.operation), m = C(a, "isAutoRefresh"), P = C(a, "refreshInterval"), j = C(a, "customView"), y = u({}), S = u(
       {}
-    ), z = u(!1), l = q(), c = q(), { viewportHeightFinal: X } = Te(o), w = u(0), D = u(0), O = u(0), Y = s(() => ({
+    ), z = u(!1), X = s(() => !m.value && z.value), l = q(), c = q(), { viewportHeightFinal: Y } = Te(o), w = u(0), D = u(0), O = u(0), Z = s(() => ({
       ...S.value,
       ...o.staticQuery
-    })), b = u(!1), Z = s(() => b.value ? w.value + 10 : 0), {
-      layoutRoot: _,
-      searchStickyActive: ee,
-      toolbarStickyActive: te,
-      pagerStickyActive: ae,
-      searchStickyTop: re,
-      toolbarStickyTop: oe,
-      pagerStickyBottom: se
-    } = je({
+    })), b = u(!1), _ = s(() => b.value ? w.value + 10 : 0), {
+      layoutRoot: ee,
+      searchStickyActive: te,
+      toolbarStickyActive: ae,
+      pagerStickyActive: re,
+      searchStickyTop: oe,
+      toolbarStickyTop: se,
+      pagerStickyBottom: ie
+    } = ze({
       searchSticky: () => o.searchSticky,
       toolbarSticky: () => o.toolbarSticky,
       pagerSticky: () => o.pagerSticky,
       separateSearch: () => o.separateSearch,
       searchHeight: () => w.value,
       showSearch: () => b.value
-    }), ie = s(() => F.value ? D.value + 10 : 0), le = s(() => $.value ? O.value + 10 : 0), p = s(() => X.value - o.refineReduceHeight), ne = s(() => o.refine ? `${p.value}px` : "auto"), ue = s(() => {
+    }), le = s(() => F.value ? D.value + 10 : 0), ne = s(() => $.value ? O.value + 10 : 0), p = s(() => Y.value - o.refineReduceHeight), ue = s(() => o.refine ? `${p.value}px` : "auto"), ce = s(() => {
       if (o.refine)
-        return o.separateSearch ? p.value : p.value - Z.value - ie.value - le.value;
-    }), ce = s(
+        return o.separateSearch ? p.value : p.value - _.value - le.value - ne.value;
+    }), he = s(
       () => o.refine ? `${p.value}px` : "100vh"
     ), x = (e, t = "search") => {
-      var g, v, r;
+      var v, g, r;
       let h = e;
       if (o.beforeSearch && (h = o.beforeSearch(
-        xe(e),
+        Le(e),
         t
-      )), t === "reset" && o.clearTableFilterOnReset && ((v = (g = c.value) == null ? void 0 : g.getTableInstance()) == null || v.clearFilter()), JSON.stringify(h) === JSON.stringify(S.value))
+      )), t === "reset" && o.clearTableFilterOnReset && ((g = (v = c.value) == null ? void 0 : v.getTableInstance()) == null || g.clearFilter()), JSON.stringify(h) === JSON.stringify(S.value))
         return ["reset", "search"].includes(t) ? (r = c.value) == null ? void 0 : r.reload() : void 0;
       S.value = {
         ...h
       };
-    }, he = (e) => {
-      B("dataChange", e);
     }, fe = (e) => {
-      B("pageInfoChange", e);
+      M("dataChange", e);
+    }, ve = (e) => {
+      M("pageInfoChange", e);
     }, ge = (e) => {
       z.value = e;
-    }, ve = (e) => {
-      w.value = e;
     }, de = (e) => {
-      D.value = e;
+      w.value = e;
     }, pe = (e) => {
+      D.value = e;
+    }, me = (e) => {
       O.value = e;
-    }, me = s(() => o.list), ye = s(() => o.rowKey), T = s(() => y.value), L = {
+    }, ye = s(() => o.list), Se = s(() => o.rowKey), L = s(() => y.value), T = {
       refresh: async (e = !1) => {
         var t;
         return (t = c.value) == null ? void 0 : t.refresh(e);
@@ -145,8 +145,8 @@ const Ye = /* @__PURE__ */ He({
       update: (e, t) => {
         y.value[e] = t;
       }
-    }, Se = s(() => {
-      const e = Oe(L, [
+    }, we = s(() => {
+      const e = xe(T, [
         "triggerReset",
         "triggerSearch",
         "update"
@@ -155,57 +155,56 @@ const Ye = /* @__PURE__ */ He({
         ...o.injectInfo || {},
         ...e
       };
-    }), we = (e) => e, be = (e) => e, Ce = (e) => e, ke = (e) => {
+    }), be = (e) => e, Ce = (e) => e, ke = (e) => e, He = (e) => {
       b.value = e;
     };
-    return W(L), Ie(
+    return W(T), Ae(
       () => o.list,
       (e) => {
-        const t = Fe(e);
-        y.value = t, x(Pe(t, e));
+        const t = Pe(e);
+        y.value = t, x(je(t, e));
       },
       {
         immediate: !0
       }
     ), (e, t) => {
-      var h, g, v;
-      return Ae((k(), H(i(De), {
+      var h, v, g;
+      return Me((k(), H(i(Oe), {
         ref_key: "layoutRoot",
-        ref: _,
-        "element-loading-background": "rgba(122, 122, 122, 0.5)",
+        ref: ee,
         class: Be(["dc-list-page list-page", {
-          "list-page_search-sticky": i(ee),
-          "list-page_toolbar-sticky": i(te),
-          "list-page_pager-sticky": i(ae)
+          "list-page_search-sticky": i(te),
+          "list-page_toolbar-sticky": i(ae),
+          "list-page_pager-sticky": i(re)
         }]),
         separate: a.separateSearch,
         type: (h = a.separateSearchConfig) == null ? void 0 : h.type,
-        gap: (g = a.separateSearchConfig) == null ? void 0 : g.gap,
-        "aside-width": (v = a.separateSearchConfig) == null ? void 0 : v.asideWidth,
-        "aside-max-height": ce.value
+        gap: (v = a.separateSearchConfig) == null ? void 0 : v.gap,
+        "aside-width": (g = a.separateSearchConfig) == null ? void 0 : g.asideWidth,
+        "aside-max-height": he.value
       }, {
         aside: n(() => [
           $.value ? (k(), H(i(Q), {
             key: 0,
             class: "list-page-header",
             "observe-resize": a.headerObserveResize,
-            onHeightChange: pe
+            onHeightChange: me
           }, {
             default: n(() => [
               f(e.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["observe-resize"])) : U("", !0),
-          N(i($e), R({
+          N(i(Fe), R({
             ref_key: "formSearch",
             ref: l,
-            list: me.value,
-            data: T.value
+            list: ye.value,
+            data: L.value
           }, a.formSearchProps, {
             compact: a.separateSearch,
             onSearch: x,
-            onHeightChange: ve,
-            onVisibleChange: ke
+            onHeightChange: de,
+            onVisibleChange: He
           }), E({ _: 2 }, [
             A(a.list, (r) => ({
               name: r.key,
@@ -218,7 +217,7 @@ const Ye = /* @__PURE__ */ He({
             key: 1,
             class: "list-page-operation",
             "observe-resize": a.operationObserveResize,
-            onHeightChange: de
+            onHeightChange: pe
           }, {
             default: n(() => [
               f(e.$slots, "operation", {}, void 0, !0)
@@ -227,7 +226,7 @@ const Ye = /* @__PURE__ */ He({
           }, 8, ["observe-resize"])) : U("", !0)
         ]),
         default: n(() => [
-          N(i(ze), R({
+          N(i(De), R({
             ref_key: "tableMain",
             ref: c,
             "is-auto-refresh": m.value,
@@ -238,27 +237,27 @@ const Ye = /* @__PURE__ */ He({
             "onUpdate:customView": t[2] || (t[2] = (r) => j.value = r),
             api: a.api,
             columns: a.columns,
-            query: Y.value,
-            maxHeight: ue.value,
-            rowKey: ye.value,
+            query: Z.value,
+            maxHeight: ce.value,
+            rowKey: Se.value,
             toolbar: a.toolbar,
             showSwitchView: a.showSwitchView
           }, a.tableMainProps, {
             refine: !1,
-            injectInfo: Se.value,
+            injectInfo: we.value,
             onLoadingChange: ge,
-            onDataChange: he,
-            onPageInfoChange: fe
+            onDataChange: fe,
+            onPageInfoChange: ve
           }), E({
             "custom-view-item": n((r) => [
-              f(e.$slots, "custom-view-item", V(I(Ce(r))), void 0, !0)
+              f(e.$slots, "custom-view-item", V(I(ke(r))), void 0, !0)
             ]),
             _: 2
           }, [
             A(a.columns, (r) => ({
               name: r.prop,
               fn: n((d) => [
-                f(e.$slots, `table-${r.prop}`, V(I(we(d))), void 0, !0)
+                f(e.$slots, `table-${r.prop}`, V(I(be(d))), void 0, !0)
               ])
             })),
             A(a.columns, (r) => ({
@@ -266,8 +265,8 @@ const Ye = /* @__PURE__ */ He({
               fn: n((d) => {
                 var K;
                 return [
-                  f(e.$slots, `table-header-${r.columnKey || r.prop}`, R(be(d), {
-                    searchFormData: T.value,
+                  f(e.$slots, `table-header-${r.columnKey || r.prop}`, R(Ce(d), {
+                    searchFormData: L.value,
                     triggerSearch: (K = l.value) == null ? void 0 : K.triggerSearch
                   }), void 0, !0)
                 ];
@@ -277,11 +276,11 @@ const Ye = /* @__PURE__ */ He({
         ]),
         _: 3
       }, 8, ["class", "separate", "type", "gap", "aside-width", "aside-max-height"])), [
-        [i(Me), !m.value && z.value]
+        [i($e), X.value]
       ]);
     };
   }
 });
 export {
-  Ye as default
+  Ze as default
 };

package/es/components/misc/AutoRefreshGroup.vue.mjs

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

package/es/components/misc/AutoRefreshGroup.vue2.mjs

@@ -1,13 +1,15 @@
-import { defineComponent as m, useModel as s, openBlock as o, createElementBlock as h, Fragment as v, createBlock as u, createCommentVNode as i, unref as l, withCtx as f, createVNode as d, normalizeClass as R, mergeModels as c } from "vue";
-import A from "./AutoRefresh.vue.mjs";
-import { ElButton as B, ElIcon as g } from "element-plus";
-import { Refresh as k } from "@element-plus/icons-vue";
+import { defineComponent as m, useModel as i, openBlock as l, createBlock as a, unref as r, withCtx as n, createCommentVNode as f, createVNode as d, normalizeClass as h, mergeModels as R } from "vue";
+import v from "./AutoRefresh.vue.mjs";
+import { ElButton as A, ElIcon as c } from "element-plus";
+import { Refresh as B } from "@element-plus/icons-vue";
+import y from "../slot-layout/SlotLayoutTemplate.vue.mjs";
 const V = /* @__PURE__ */ m({
   __name: "AutoRefreshGroup",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ R({
     showAutoRefresh: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
     loading: { type: Boolean },
+    needRootNode: { type: Boolean, default: !0 },
     refreshFn: {}
   }, {
     isAutoRefresh: { type: Boolean },
@@ -17,36 +19,41 @@ const V = /* @__PURE__ */ m({
   }),
   emits: ["update:isAutoRefresh", "update:interval"],
   setup(e) {
-    const n = s(e, "isAutoRefresh"), a = s(e, "interval");
-    return (p, t) => (o(), h(v, null, [
-      e.showAutoRefresh ? (o(), u(A, {
-        key: 0,
-        modelValue: n.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => n.value = r),
-        interval: a.value,
-        "onUpdate:interval": t[1] || (t[1] = (r) => a.value = r),
-        refreshFn: e.refreshFn,
-        disabled: e.loading
-      }, null, 8, ["modelValue", "interval", "refreshFn", "disabled"])) : i("", !0),
-      e.showRefresh ? (o(), u(l(B), {
-        key: 1,
-        size: "small",
-        circle: "",
-        onClick: t[2] || (t[2] = (r) => e.refreshFn())
-      }, {
-        default: f(() => [
-          d(l(g), {
-            class: R({ "auto-refresh-group-icon--rotating": e.loading })
-          }, {
-            default: f(() => [
-              d(l(k))
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        _: 1
-      })) : i("", !0)
-    ], 64));
+    const s = i(e, "isAutoRefresh"), u = i(e, "interval");
+    return (g, t) => (l(), a(r(y), {
+      disabled: !e.needRootNode
+    }, {
+      default: n(() => [
+        e.showAutoRefresh ? (l(), a(v, {
+          key: 0,
+          modelValue: s.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => s.value = o),
+          interval: u.value,
+          "onUpdate:interval": t[1] || (t[1] = (o) => u.value = o),
+          refreshFn: e.refreshFn,
+          disabled: e.loading
+        }, null, 8, ["modelValue", "interval", "refreshFn", "disabled"])) : f("", !0),
+        e.showRefresh ? (l(), a(r(A), {
+          key: 1,
+          size: "small",
+          circle: "",
+          onClick: t[2] || (t[2] = (o) => e.refreshFn())
+        }, {
+          default: n(() => [
+            d(r(c), {
+              class: h({ "auto-refresh-group-icon--rotating": e.loading })
+            }, {
+              default: n(() => [
+                d(r(B))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        })) : f("", !0)
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
   }
 });
 export {

package/es/components/modal/{ConfirmModal.vue.mjs → ModalConfirm.vue.mjs}

@@ -1,8 +1,8 @@
-import o from "./ConfirmModal.vue2.mjs";
+import o from "./ModalConfirm.vue2.mjs";
 /* empty css                   */
 /* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-64018cc0"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d9e58a4"]]);
 export {
-  c as default
+  f as default
 };

package/es/components/modal/{ConfirmModal.vue2.mjs → ModalConfirm.vue2.mjs}

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

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

@@ -0,0 +1,63 @@
+import { defineComponent as w, computed as i, openBlock as y, createBlock as p, withCtx as r, renderSlot as l } from "vue";
+import b from "./ModalForm.vue.mjs";
+const T = /* @__PURE__ */ w({
+  __name: "ModalDetail",
+  props: {
+    data: {},
+    list: {},
+    type: {},
+    title: {},
+    subTitle: {},
+    show: { type: Boolean },
+    addApi: {},
+    editApi: {},
+    width: { default: 600 },
+    formLayout: { default: () => ({ span: 24 }) },
+    formProps: {},
+    formRowGutter: {},
+    labelWidth: { default: "auto" },
+    layerType: {},
+    direction: {}
+  },
+  emits: ["update:show", "afterAdd", "afterEdit"],
+  setup(t, { emit: s }) {
+    const e = t, d = s, n = i(() => e.data), f = i(() => `${e.type === "add" ? "新增" : "编辑"}${e.subTitle || ""}`), u = i(() => e.title ?? f.value), m = (o) => {
+      const a = e.type === "add" ? e.addApi : e.editApi;
+      return (a == null ? void 0 : a(o)) ?? Promise.resolve();
+    }, c = (o) => {
+      d("update:show", o);
+    }, h = (o) => {
+      d(e.type === "add" ? "afterAdd" : "afterEdit", o);
+    };
+    return (o, a) => (y(), p(b, {
+      class: "dc-detail-modal",
+      title: u.value,
+      show: t.show,
+      list: t.list,
+      data: n.value,
+      submitFn: m,
+      width: t.width,
+      layerType: t.layerType,
+      direction: t.direction,
+      formLayout: t.formLayout,
+      labelWidth: t.labelWidth,
+      formRowGutter: t.formRowGutter,
+      formProps: t.formProps,
+      headerDivider: !1,
+      footerDivider: !1,
+      "onUpdate:show": c,
+      onSubmitSuccess: h
+    }, {
+      header: r(() => [
+        l(o.$slots, "header")
+      ]),
+      footer: r(() => [
+        l(o.$slots, "footer")
+      ]),
+      _: 3
+    }, 8, ["title", "show", "list", "data", "width", "layerType", "direction", "formLayout", "labelWidth", "formRowGutter", "formProps"]));
+  }
+});
+export {
+  T as default
+};

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

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