@done-coding/admin-core 0.10.1-alpha.0 → 0.12.0

package/es/components/app-layout/AppTheme.vue2.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as f, inject as h, computed as m, openBlock as o, createElementBlock as r, createBlock as s, unref as l, withCtx as a, Fragment as i, renderList as c, createCommentVNode as y, createVNode as u, resolveDynamicComponent as E } from "vue";
-import { ElSelect as b, ElOption as k, ElRadioGroup as g, ElRadioButton as M, ElTooltip as O, ElIcon as S } from "element-plus";
-import { Sunny as B, Moon as C, Monitor as T } from "@element-plus/icons-vue";
+import { defineComponent as f, inject as y, computed as u, openBlock as o, createElementBlock as r, createBlock as s, unref as l, withCtx as a, Fragment as i, renderList as d, createCommentVNode as E, createVNode as m, resolveDynamicComponent as S } from "vue";
+import { ElSelect as b, ElOption as k, ElRadioGroup as g, ElRadioButton as w, ElTooltip as M, ElIcon as O } from "element-plus";
+import { Sunny as T, Moon as B, Monitor as C } from "@element-plus/icons-vue";
 import { APP_LAYOUT_BRIDGE_KEY as x } from "../../inject/key.mjs";
 const A = { class: "app-theme" }, V = /* @__PURE__ */ f({
   __name: "AppTheme",
   setup(D) {
-    const t = h(x), p = m(() => t.themeMode.value), v = m(() => t.themeStyle.value), d = m(() => t.theme.list.value), _ = [
-      { value: "light", label: "亮色", icon: B },
-      { value: "dark", label: "暗色", icon: C },
-      { value: "system", label: "跟随系统", icon: T }
+    const t = y(x), p = u(() => t.themeMode.value), v = u(() => t.themeStyle.value), c = u(() => t.theme.list.value), h = u(() => t.showThemeStyleSwitcher), _ = [
+      { value: "light", label: "亮色", icon: T },
+      { value: "dark", label: "暗色", icon: B },
+      { value: "system", label: "跟随系统", icon: C }
     ];
     return (I, n) => (o(), r("div", A, [
-      d.value.length > 1 ? (o(), s(l(b), {
+      h.value && c.value.length > 1 ? (o(), s(l(b), {
         key: 0,
         "model-value": v.value,
         class: "app-theme__style-select",
@@ -19,35 +19,35 @@ const A = { class: "app-theme" }, V = /* @__PURE__ */ f({
         onChange: n[0] || (n[0] = (e) => l(t).theme.setStyle(e))
       }, {
         default: a(() => [
-          (o(!0), r(i, null, c(d.value, (e) => (o(), s(l(k), {
+          (o(!0), r(i, null, d(c.value, (e) => (o(), s(l(k), {
             key: e,
             label: l(t).theme.labelOf(e),
             value: e
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
-      }, 8, ["model-value"])) : y("", !0),
-      u(l(g), {
+      }, 8, ["model-value"])) : E("", !0),
+      m(l(g), {
         "model-value": p.value,
         class: "app-theme__mode-group",
         size: "small",
         "onUpdate:modelValue": n[1] || (n[1] = (e) => l(t).theme.setMode(e))
       }, {
         default: a(() => [
-          (o(), r(i, null, c(_, (e) => u(l(M), {
+          (o(), r(i, null, d(_, (e) => m(l(w), {
             key: e.value,
             value: e.value
           }, {
             default: a(() => [
-              u(l(O), {
+              m(l(M), {
                 content: e.label,
                 "show-after": 200,
                 placement: "bottom"
               }, {
                 default: a(() => [
-                  u(l(S), null, {
+                  m(l(O), null, {
                     default: a(() => [
-                      (o(), s(E(e.icon)))
+                      (o(), s(S(e.icon)))
                     ]),
                     _: 2
                   }, 1024)

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

@@ -1,4 +1,4 @@
-import { defineComponent as z, toRefs as E, getCurrentInstance as M, ref as p, computed as b, watch as R, openBlock as x, createBlock as w, unref as u, withCtx as d, createVNode as V, mergeProps as A, renderSlot as I } from "vue";
+import { defineComponent as z, toRefs as E, getCurrentInstance as M, ref as p, computed as C, watch as R, openBlock as x, createBlock as w, unref as u, withCtx as d, createVNode as V, mergeProps as A, renderSlot as I } from "vue";
 import { ElButton as T } from "element-plus";
 import $ from "./ActionConfirm.vue.mjs";
 const q = /* @__PURE__ */ z({
@@ -29,12 +29,12 @@ const q = /* @__PURE__ */ z({
   },
   emits: ["click"],
   setup(v) {
-    const m = v, { confirmConfig: s, confirmMode: F, beforeOpen: f } = E(m), r = M(), o = p(!1), c = p(!1), l = p();
+    const m = v, { confirmConfig: s, confirmMode: F, beforeOpen: f } = E(m), r = M(), o = p(!1), c = p(!1), a = p();
     let y;
-    const L = b(
+    const L = C(
       () => !!s.value || !!f.value
-    ), g = b(() => {
-      const e = m, t = {}, a = [
+    ), g = C(() => {
+      const e = m, t = {}, l = [
         "type",
         "size",
         "plain",
@@ -53,7 +53,7 @@ const q = /* @__PURE__ */ z({
         "icon",
         "loadingIcon"
       ];
-      for (const n of a) e[n] !== void 0 && (t[n] = e[n]);
+      for (const n of l) e[n] !== void 0 && (t[n] = e[n]);
       return { ...r == null ? void 0 : r.attrs, ...t };
     }), O = (e) => !!e && typeof e.then == "function", P = () => {
       var t;
@@ -63,13 +63,13 @@ const q = /* @__PURE__ */ z({
       const e = P();
       if (!e.length) return;
       const t = y;
-      let a;
+      let l;
       try {
-        a = e.map((i) => i(t));
+        l = e.map((i) => i(t));
       } catch (i) {
         throw o.value = !1, i;
       }
-      const n = a.filter(O);
+      const n = l.filter(O);
       if (n.length)
         return o.value = !0, Promise.all(n).finally(() => {
           o.value = !1;
@@ -89,26 +89,26 @@ const q = /* @__PURE__ */ z({
         o.value = !1;
       } else
         t = void 0;
-      s.value ? (l.value = typeof s.value == "function" ? s.value(t) : s.value, c.value = !0) : k();
+      s.value ? (a.value = typeof s.value == "function" ? s.value(t) : s.value, c.value = !0) : k();
     };
     return R(c, (e) => {
-      e || (l.value = void 0);
+      e || (a.value = void 0);
     }), (e, t) => {
-      var a, n, i, h, C;
+      var l, n, i, h, b;
       return L.value ? (x(), w($, {
         key: 0,
         show: c.value,
         "onUpdate:show": t[0] || (t[0] = (_) => c.value = _),
         mode: u(F) || "popconfirm",
-        title: (a = l.value) == null ? void 0 : a.title,
-        content: (n = l.value) == null ? void 0 : n.content,
-        "confirm-text": (i = l.value) == null ? void 0 : i.confirmText,
-        "cancel-text": (h = l.value) == null ? void 0 : h.cancelText,
-        type: ((C = l.value) == null ? void 0 : C.type) ?? v.type,
+        title: (l = a.value) == null ? void 0 : l.title,
+        content: (n = a.value) == null ? void 0 : n.content,
+        "confirm-text": (i = a.value) == null ? void 0 : i.confirmText,
+        "cancel-text": (h = a.value) == null ? void 0 : h.cancelText,
+        type: ((b = a.value) == null ? void 0 : b.type) ?? v.type,
         "submit-fn": u(S)
       }, {
         default: d(() => [
-          V(u(T), A(g.value, {
+          V(u(T), A({ class: "dc-action-btn" }, g.value, {
             loading: o.value,
             onClick: B
           }), {
@@ -119,7 +119,10 @@ const q = /* @__PURE__ */ z({
           }, 16, ["loading"])
         ]),
         _: 3
-      }, 8, ["show", "mode", "title", "content", "confirm-text", "cancel-text", "type", "submit-fn"])) : (x(), w(u(T), A({ key: 1 }, g.value, {
+      }, 8, ["show", "mode", "title", "content", "confirm-text", "cancel-text", "type", "submit-fn"])) : (x(), w(u(T), A({
+        key: 1,
+        class: "dc-action-btn"
+      }, g.value, {
         loading: o.value,
         onClick: B
       }), {

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

@@ -25,8 +25,8 @@ const oe = /* @__PURE__ */ c({
       viewportHeight: g,
       minHeight: y,
       channel: H,
-      parentChannel: w,
-      padding: b,
+      parentChannel: b,
+      padding: w,
       refine: v,
       refineReduceHeight: V,
       variant: k,
@@ -38,8 +38,8 @@ const oe = /* @__PURE__ */ c({
         viewportHeight: g.value,
         minHeight: y.value,
         channel: H.value,
-        parentChannel: w.value,
-        padding: b.value,
+        parentChannel: b.value,
+        padding: w.value,
         refineReduceHeight: V.value
       } : {}
     ), K = (t) => r.tabs.find((e) => e.key === t), M = (t) => {
@@ -67,7 +67,7 @@ const oe = /* @__PURE__ */ c({
         !(!!n.value && r.tabs.some((e) => e.key === n.value)) && r.tabs.length && (n.value = r.tabs[0].key);
       },
       { immediate: !0 }
-    ), (t, e) => (o(), l(q(_.value), I(L.value, { onViewportHeightChange: M }), {
+    ), (t, e) => (o(), l(q(_.value), I({ class: "dc-tabs-main" }, L.value, { onViewportHeightChange: M }), {
       header: s(() => [
         z(Z, {
           "active-key": n.value,

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

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

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

@@ -122,6 +122,7 @@ const pe = /* @__PURE__ */ Y({
     ), (e, t) => (E(), V(F(Q), {
       ref_key: "elForm",
       ref: s,
+      class: "dc-form-main",
       model: d.data,
       rules: T.value
     }, {

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

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

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

@@ -9,7 +9,7 @@ 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: "list-page"
+  class: "dc-list-page list-page"
 }, Te = /* @__PURE__ */ ge({
   __name: "ListPage",
   props: /* @__PURE__ */ U({
@@ -41,7 +41,7 @@ const ke = {
   emits: /* @__PURE__ */ U(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(o, { expose: Q, emit: z }) {
     de((e) => ({
-      c6e708aa: _.value
+      v3390ee15: _.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(
       {}

package/es/components/menu/MenuItemSub.vue.mjs

@@ -1,40 +1,41 @@
-import { defineComponent as f, openBlock as e, createBlock as t, unref as l, withCtx as m, createElementBlock as a, Fragment as r, renderList as h, resolveDynamicComponent as c, createCommentVNode as o, createElementVNode as d, toDisplayString as i } from "vue";
-import { ElSubMenu as k, ElMenuItem as M, ElIcon as I } from "element-plus";
-const E = /* @__PURE__ */ f({
+import { defineComponent as f, openBlock as e, createBlock as t, unref as l, withCtx as m, createElementBlock as a, Fragment as c, renderList as b, resolveDynamicComponent as r, createCommentVNode as o, createElementVNode as d, toDisplayString as i } from "vue";
+import { ElSubMenu as h, ElMenuItem as k, ElIcon as I } from "element-plus";
+const y = /* @__PURE__ */ f({
   __name: "MenuItemSub",
   props: {
     menu: {},
     MenuItemSub: {}
   },
   setup(n) {
-    return (S, b) => (e(), t(l(k), {
+    return (M, S) => (e(), t(l(h), {
+      class: "dc-menu-item-sub",
       index: n.menu.path
     }, {
       title: m(() => [
         n.menu.menuIcon ? (e(), t(l(I), { key: 0 }, {
           default: m(() => [
-            (e(), t(c(n.menu.menuIcon)))
+            (e(), t(r(n.menu.menuIcon)))
           ]),
           _: 1
         })) : o("", !0),
         d("span", null, i(n.menu.title), 1)
       ]),
       default: m(() => [
-        (e(!0), a(r, null, h(n.menu.children, (u) => (e(), a(r, {
+        (e(!0), a(c, null, b(n.menu.children, (u) => (e(), a(c, {
           key: u.path
         }, [
           u.children.length ? (e(), t(l(n.MenuItemSub), {
             key: 0,
             menu: u,
             MenuItemSub: n.MenuItemSub
-          }, null, 8, ["menu", "MenuItemSub"])) : (e(), t(l(M), {
+          }, null, 8, ["menu", "MenuItemSub"])) : (e(), t(l(k), {
             key: 1,
             index: u.path
           }, {
             default: m(() => [
               u.menuIcon ? (e(), t(l(I), { key: 0 }, {
                 default: m(() => [
-                  (e(), t(c(u.menuIcon)))
+                  (e(), t(r(u.menuIcon)))
                 ]),
                 _: 2
               }, 1024)) : o("", !0),
@@ -49,5 +50,5 @@ const E = /* @__PURE__ */ f({
   }
 });
 export {
-  E as default
+  y as default
 };

package/es/components/menu/MenuTree.vue.mjs

@@ -42,6 +42,7 @@ const j = /* @__PURE__ */ E({
     return (o, t) => (r(), a(p(F), I(B.value, {
       ref_key: "elMenu",
       ref: u,
+      class: "dc-menu-tree",
       collapse: l.collapse,
       router: l.routerMode,
       onSelect: C

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

@@ -1,7 +1,7 @@
 import o from "./ConfirmModal.vue2.mjs";
 /* empty css                   */
-import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-26598cb2"]]);
+import f from "../../_virtual/_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ f(o, [["__scopeId", "data-v-647fb7fd"]]);
 export {
-  f as default
+  a 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 r, 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 S, createVNode as V } from "vue";
+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"], P = /* @__PURE__ */ E({
+const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__content" }, L = ["reverse"], b = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "ConfirmModal",
   props: {
@@ -23,35 +23,35 @@ const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__conten
   },
   emits: ["update:show"],
   setup(e, { emit: B }) {
-    const t = e, x = B, c = N(!1), y = O(() => t.useLoading && c.value), f = (o) => {
+    const t = e, T = B, c = N(!1), y = O(() => t.useLoading && c.value), r = (o) => {
       var n;
-      x("update:show", !1), (n = t.onClose) == null || n.call(t, o);
+      T("update:show", !1), (n = t.onClose) == null || n.call(t, o);
     }, h = async () => {
       var n;
-      await ((n = t.onCancel) == null ? void 0 : n.call(t)) !== !1 && f(!1);
+      await ((n = t.onCancel) == null ? void 0 : n.call(t)) !== !1 && r(!1);
     }, C = 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;
-        f(!0);
+        r(!0);
       } catch {
         c.value = !1;
       }
-    }, T = () => {
-      f(!1);
+    }, x = () => {
+      r(!1);
     };
-    return (o, n) => (l(), s(r(D), {
+    return (o, n) => (l(), s(f(D), {
       "model-value": e.show,
-      class: "confirm-modal",
+      class: S(["dc-confirm-modal", "confirm-modal", o.$attrs.class]),
       width: e.width,
       "show-close": e.showClose,
       "append-to-body": "",
       "align-center": "",
       "close-on-click-modal": e.closeOnClickModal,
       "close-on-press-escape": e.closeOnPressEscape,
-      onClose: T
+      onClose: x
     }, {
       header: a(() => [
         u("div", F, [
@@ -72,7 +72,7 @@ const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__conten
             confirmHandler: C,
             loading: y.value
           }, () => [
-            e.hiddenCancel ? S("", !0) : (l(), s(r(g), {
+            e.hiddenCancel ? V("", !0) : (l(), s(f(g), {
               key: 0,
               class: "confirm-modal__cancel",
               onClick: h
@@ -82,7 +82,7 @@ const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__conten
               ]),
               _: 1
             })),
-            V(r(g), {
+            $(f(g), {
               class: "confirm-modal__confirm",
               type: e.type,
               loading: y.value,
@@ -106,9 +106,9 @@ const F = { class: "confirm-modal__title" }, H = { class: "confirm-modal__conten
         ])
       ]),
       _: 3
-    }, 8, ["model-value", "width", "show-close", "close-on-click-modal", "close-on-press-escape"]));
+    }, 8, ["model-value", "class", "width", "show-close", "close-on-click-modal", "close-on-press-escape"]));
   }
 });
 export {
-  P as default
+  b as default
 };

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

@@ -19,15 +19,15 @@ const P = /* @__PURE__ */ w({
     labelWidth: { default: "auto" }
   },
   emits: ["update:show", "afterAdd", "afterEdit"],
-  setup(a, { emit: f }) {
-    const t = a, i = f, l = y(), s = n(() => t.data), u = n(() => `${t.type === "add" ? "新增" : "编辑"}${t.subTitle || ""}`), m = (o) => {
+  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 e = D(t.data, t.list);
-        console.log("confirm", e), t.type === "add" ? (await ((d = t.addApi) == null ? void 0 : d.call(t, e)), i("afterAdd", e)) : (await ((r = t.editApi) == null ? void 0 : r.call(t, e)), i("afterEdit", e));
+        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));
       });
     }, h = () => {
       console.log("cancel");
@@ -35,28 +35,29 @@ const P = /* @__PURE__ */ w({
     return g(
       () => t.show,
       (o) => {
-        var e;
-        o || (e = l.value) == null || e.clearValidate();
+        var a;
+        o || (a = l.value) == null || a.clearValidate();
       }
-    ), (o, e) => (b(), p(k, {
-      title: u.value,
-      show: a.show,
+    ), (o, a) => (b(), p(k, {
+      class: "dc-detail-modal",
+      title: m.value,
+      show: e.show,
       onConfirm: c,
       onCancel: h,
       useLoading: "",
-      width: a.modalWidth,
-      "onUpdate:show": m
+      width: e.modalWidth,
+      "onUpdate:show": u
     }, {
       default: A(() => [
         W(v(M), C({
           ref_key: "formMain",
           ref: l,
-          list: a.list,
-          data: s.value,
-          layout: a.formLayout,
-          labelWidth: a.labelWidth,
-          "row-gutter": a.formRowGutter
-        }, a.formProps), null, 16, ["list", "data", "layout", "labelWidth", "row-gutter"])
+          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"])
       ]),
       _: 1
     }, 8, ["title", "show", "width"]));

package/es/components/panel/PanelMain.vue.mjs

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

package/es/components/panel/PanelMain.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as w, useCssVars as B, computed as s, provide as M, ref as L, watch as x, openBlock as l, createBlock as u, unref as d, withCtx as c, createElementBlock as F, Fragment as j, renderList as O, withDirectives as P, mergeProps as T, resolveDynamicComponent as U, normalizeClass as A, createVNode as D, vShow as G } from "vue";
+import { defineComponent as w, useCssVars as B, computed as o, provide as M, ref as L, watch as x, openBlock as l, createBlock as u, unref as d, withCtx as c, createElementBlock as F, Fragment as j, renderList as O, withDirectives as P, mergeProps as T, resolveDynamicComponent as U, normalizeClass as A, createVNode as D, vShow as G } from "vue";
 import H from "./PanelItem.vue.mjs";
 import { ElCard as f, ElRow as N, ElCol as V } from "element-plus";
 import { NEST_LAYOUT_SCALE_KEY as W } from "../../inject/key.mjs";
@@ -16,15 +16,15 @@ const q = /* @__PURE__ */ w({
     refreshFn: {}
   },
   emits: ["submitSuccess"],
-  setup(o, { emit: y }) {
+  setup(s, { emit: y }) {
     B((a) => ({
-      v5b714e11: h.value
+      e1f69828: h.value
     }));
-    const r = o, v = y, C = s(() => r.layoutScale ?? 1);
-    M(W, C);
-    const n = L({}), m = s(() => r.itemCard ? f : "span"), S = s(
+    const r = s, C = y, S = o(() => r.layoutScale ?? 1);
+    M(W, S);
+    const n = L({}), m = o(() => r.itemCard ? f : "span"), v = o(
       () => `panel-main-item-col-wrap_${m.value === f ? "card" : "span"}`
-    ), h = s(
+    ), h = o(
       () => typeof r.itemCard == "object" && r.itemCard.lastMarginBottom ? r.itemCard.lastMarginBottom : 0
     ), k = (a) => {
       const { hide: t } = a;
@@ -43,13 +43,13 @@ const q = /* @__PURE__ */ w({
         ...p(r.layout, t),
         ...p(a, t)
       };
-    }, b = (a, t) => {
+    }, g = (a, t) => {
       n.value = {}, t && (n.value[a] = t);
-    }, g = (a) => (t) => {
+    }, E = (a) => (t) => {
       var e;
       return (e = r.refreshFn) == null ? void 0 : e.call(r, t, a);
-    }, E = (a, t) => {
-      v("submitSuccess", t, a);
+    }, b = (a, t) => {
+      C("submitSuccess", t, a);
     };
     return x(
       () => r.list,
@@ -60,23 +60,26 @@ const q = /* @__PURE__ */ w({
         });
       },
       { immediate: !0 }
-    ), (a, t) => (l(), u(d(N), { gutter: o.rowGutter }, {
+    ), (a, t) => (l(), u(d(N), {
+      class: "dc-panel-main",
+      gutter: s.rowGutter
+    }, {
       default: c(() => [
-        (l(!0), F(j, null, O(o.list, (e) => P((l(), u(d(V), T({
+        (l(!0), F(j, null, O(s.list, (e) => P((l(), u(d(V), T({
           key: e.key
         }, { ref_for: !0 }, _(e.layout), { class: "panel-main-item-col" }), {
           default: c(() => [
             (l(), u(U(m.value), {
-              class: A(S.value)
+              class: A(v.value)
             }, {
               default: c(() => [
                 D(H, {
-                  data: o.data,
+                  data: s.data,
                   config: e,
                   editing: n.value[e.key] ?? !1,
-                  "refresh-fn": g(e.key),
-                  "onUpdate:editing": (i) => b(e.key, i),
-                  onSubmitSuccess: (i) => E(e.key, i)
+                  "refresh-fn": E(e.key),
+                  "onUpdate:editing": (i) => g(e.key, i),
+                  onSubmitSuccess: (i) => b(e.key, i)
                 }, null, 8, ["data", "config", "editing", "refresh-fn", "onUpdate:editing", "onSubmitSuccess"])
               ]),
               _: 2

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-132febbc"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e8584319"]]);
 export {
-  f as default
+  m as default
 };