@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.21

package/es/src/ap-table/ap-table.vue2.mjs

@@ -1,27 +1,27 @@
-import { defineComponent as Le, useSlots as Oe, ref as w, computed as s, unref as l, createVNode as m, Fragment as re, watch as k, createElementBlock as B, openBlock as y, normalizeStyle as K, normalizeClass as g, createCommentVNode as oe, createElementVNode as L, mergeProps as v, createSlots as ae, withCtx as R, renderList as te, createBlock as le, resolveDynamicComponent as Ae, renderSlot as C, normalizeProps as $e, guardReactiveProps as De } from "vue";
-import { Divider as je, Table as We } from "@aplus-frontend/antdv";
-import { useToken as _e } from "@aplus-frontend/antdv/es/theme/internal";
-import { ApForm as He } from "../ap-form/index.mjs";
+import { defineComponent as Ae, useSlots as $e, ref as w, computed as s, unref as l, createVNode as m, Fragment as re, watch as k, createElementBlock as B, openBlock as y, normalizeStyle as K, normalizeClass as g, createCommentVNode as oe, createElementVNode as L, mergeProps as v, createSlots as ae, withCtx as R, renderList as te, createBlock as le, resolveDynamicComponent as De, renderSlot as C, normalizeProps as je, guardReactiveProps as We } from "vue";
+import { Divider as _e, Table as He } from "@aplus-frontend/antdv";
+import { useToken as Ue } from "@aplus-frontend/antdv/es/theme/internal";
+import { ApForm as qe } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as ne } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Ue } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as b, omit as se, isBoolean as qe } from "lodash-unified";
-import { getColumnOrder as de, updateFormProps as Me, getFieldProps as Ge, getSearchFormItemRenderNode as Je, recursionApColumns as ue, getTableTitle as Qe, getTableRenderType as Xe, getTableRenderProps as Ye, getTableCellRenderNode as Ze, apColumnToColumn as er, falseToUndefined as rr, objectToString as or } from "./utils.mjs";
-import ar from "./hooks/use-table-content-height.mjs";
-import tr from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as lr, isDef as ie } from "../utils/index.mjs";
+import { useTablePaging as Me } from "./hooks/use-table-paging-ng.mjs";
+import { isUndefined as b, omit as se, isBoolean as Ge } from "lodash-unified";
+import { getColumnOrder as de, updateFormProps as Je, getFieldProps as Qe, getSearchFormItemRenderNode as Xe, recursionApColumns as ue, getTableTitle as Ye, getTableRenderType as Ze, getTableRenderProps as er, getTableCellRenderNode as rr, apColumnToColumn as or, falseToUndefined as ar, objectToString as tr } from "./utils.mjs";
+import lr from "./hooks/use-table-content-height.mjs";
+import nr from "./hooks/use-table-row-selection.mjs";
+import { getScrollbarSize as sr, isDef as ie } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import { useProvideApTable as nr } from "./context.mjs";
+import { useProvideApTable as dr } from "./context.mjs";
 import "../scroll-bar/index.mjs";
-import { useStickyScroll as sr } from "./hooks/use-sticky-scroll.mjs";
-import { getValidVNodeList as dr } from "../utils/slot.mjs";
-import { useNamespace as ur } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ir } from "../config-provider/hooks/use-global-config.mjs";
-import cr from "./components/paragraph-ellipsis/index.vue2.mjs";
-import fr from "./components/setting/modal/index.vue2.mjs";
-import pr from "../scroll-bar/index.vue.mjs";
-const Or = /* @__PURE__ */ Le({
+import { useStickyScroll as ur } from "./hooks/use-sticky-scroll.mjs";
+import { getValidVNodeList as ir } from "../utils/slot.mjs";
+import { useNamespace as cr } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as fr } from "../config-provider/hooks/use-global-config.mjs";
+import pr from "./components/paragraph-ellipsis/index.vue2.mjs";
+import mr from "./components/setting/modal/index.vue2.mjs";
+import yr from "../scroll-bar/index.vue.mjs";
+const $r = /* @__PURE__ */ Ae({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -150,28 +150,28 @@ const Or = /* @__PURE__ */ Le({
   }) {
     const r = ce;
     let O = 0;
-    const c = Oe(), [, pe] = _e(), {
+    const c = $e(), [, pe] = Ue(), {
       e: z,
       b: f,
       be: A,
       m: me,
       cssVar: ye
-    } = ur("ap-table"), $ = ir("valueTypeMap"), {
+    } = cr("ap-table"), $ = fr("valueTypeMap"), {
       height: ge,
       contentRef: be
-    } = ar(), D = w(), j = w(), {
+    } = lr(), D = w(), j = w(), {
       isStickyMode: W,
       scrollBarRef: i
-    } = sr(D), N = w(r.size), u = w([]), _ = w([]), H = lr();
-    nr({
+    } = ur(D), P = w(r.size), u = w([]), _ = w([]), H = sr();
+    dr({
       columns: s(() => u.value),
       columnsBackup: s(() => _.value),
-      size: s(() => N.value),
+      size: s(() => P.value),
       updateColumns(e) {
         u.value = e;
       },
       updateSize(e) {
-        N.value = e;
+        P.value = e;
       },
       dataSource: s(() => l(S).records),
       getSearchFormValues: Q,
@@ -185,17 +185,19 @@ const Or = /* @__PURE__ */ Le({
         let n = de(t.order);
         return de(d.order) - n;
       })) == null ? void 0 : o.map((t) => {
-        const d = Me(t, Ge(t.fieldProps, {})), n = {
+        const d = Je(t, Qe(t.fieldProps, {})), n = {
           ...t,
           fieldProps: {
             label: t.title,
             name: t.dataIndex,
+            // tips: 在表格中的查询表单项默认是带边框的
+            bordered: !0,
             ...d || {},
             _signal: O
           },
           renderNode: void 0
         };
-        return n.renderNode = Je(n, l($)), n;
+        return n.renderNode = Xe(n, l($)), n;
       })) || [];
     }), Se = s(() => ue(l(u), (e) => {
       if (e.sorter === !0)
@@ -205,7 +207,7 @@ const Or = /* @__PURE__ */ Le({
         return e.key || (e == null ? void 0 : e.dataIndex);
     }).filter(Boolean)), we = s(() => b(r.dataSource) ? S.records : r.dataSource), ve = s(() => {
       var a;
-      return ie(r.manual) ? r.manual : dr(((a = c.searchFormExtra) == null ? void 0 : a.call(c)) || []).some((o) => {
+      return ie(r.manual) ? r.manual : ir(((a = c.searchFormExtra) == null ? void 0 : a.call(c)) || []).some((o) => {
         var t;
         return ((t = o.type) == null ? void 0 : t.name) === "ApView";
       });
@@ -213,13 +215,13 @@ const Or = /* @__PURE__ */ Le({
       rowSelection: T,
       selectedRows: x,
       ...F
-    } = tr({
+    } = nr({
       fixed: !0,
       ...r.rowSelection === !0 ? {} : r.rowSelection,
       rowKey: r.rowKey,
       dataSource: we
     }), {
-      formRef: P,
+      formRef: N,
       submit: I,
       reset: V,
       tableProps: q,
@@ -228,8 +230,10 @@ const Or = /* @__PURE__ */ Le({
       setDataSource: Ce,
       getColumnSFConfig: M,
       sortedInfo: Te,
-      filteredInfo: xe
-    } = Ue({
+      filteredInfo: xe,
+      setPaging: Fe,
+      getPaging: ke
+    } = Me({
       async request(e) {
         var o, t;
         if (!T.value.preserveSelectedRowKeys && b(r.dataSource) && F.clearAll(), !b(r.dataSource))
@@ -250,36 +254,36 @@ const Or = /* @__PURE__ */ Le({
       manual: l(ve),
       formatParams: r.beforeSearchSubmit,
       pagination: r.pagination
-    }), Fe = () => {
+    }), Be = () => {
       var o;
       let e = ((o = r.columns) == null ? void 0 : o.filter((t) => !t.hideInTable)) || [];
       function a(t, d) {
         return t.map((n) => ({
           resizable: ie(n.resizable) ? n.resizable : r.columnResizable,
-          ...se(er(n), ["ellipsis"]),
+          ...se(or(n), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Qe(n, A("table-header", "title"), c.headerCell, l(pe).colorPrimary),
+          title: Ye(n, A("table-header", "title"), c.headerCell, l(pe).colorTextTertiary),
           customRender({
             value: p,
             ...h
           }) {
             var Z, ee;
-            const X = Xe(n), Ve = Ye({
+            const X = Ze(n), Ke = er({
               ...n,
               valueType: X
             }, {
               value: p,
               ...h
-            }), Ee = Ze(X, Ve, h.record, l($)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
+            }), Le = rr(X, Ke, h.record, l($)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
               value: p,
               ...h
-            })) || p, Ke = n.renderText ? m(re, null, [(ee = n.renderText) == null ? void 0 : ee.call(n, {
+            })) || p, Oe = n.renderText ? m(re, null, [(ee = n.renderText) == null ? void 0 : ee.call(n, {
               value: p,
               ...h
-            })]) : Ee;
-            let E = Pe(n, Y, Ke);
+            })]) : Le;
+            let E = Ve(n, Y, Oe);
             return n.customRender && (E = n.customRender({
               value: p,
               ...h,
@@ -292,7 +296,7 @@ const Or = /* @__PURE__ */ Le({
         }));
       }
       return a(e);
-    }, ke = () => {
+    }, ze = () => {
       function e(a) {
         var o;
         for (const t of a)
@@ -301,17 +305,17 @@ const Or = /* @__PURE__ */ Le({
       e(u.value);
     };
     k(() => [r.columns, r.columnResizable], () => {
-      const e = Fe();
+      const e = Be();
       u.value = e, _.value = e;
     }, {
       deep: !0,
       immediate: !0
     }), k(() => [Te.value, xe.value], () => {
-      ke();
+      ze();
     }, {
       deep: !0
     });
-    const Be = s(() => {
+    const Pe = s(() => {
       var a, o;
       if (r.adaptive && (S.total > 0 || ((a = r.dataSource) == null ? void 0 : a.length)))
         return {
@@ -320,7 +324,7 @@ const Or = /* @__PURE__ */ Le({
         };
       if (r.scroll)
         return r.scroll;
-    }), ze = s(() => {
+    }), Ne = s(() => {
       var e;
       if (r.tableLayout)
         return r.tableLayout;
@@ -336,23 +340,23 @@ const Or = /* @__PURE__ */ Le({
           ...a,
           // tips 如果是前端分页，则默认会走缓存
           preserveSelectedRowKeys: b(r.dataSource) ? a.preserveSelectedRowKeys : !0
-        } : rr(r.rowSelection),
+        } : ar(r.rowSelection),
         loading: b(r.loading) ? e.loading : r.loading,
         pagination: r.pagination === !1 ? !1 : e.pagination,
-        scroll: l(Be)
+        scroll: l(Pe)
       };
-    }), Ne = s(() => {
+    }), Ie = s(() => {
       var e;
       return [f(), r.card ? null : f("wrapper"), r.adaptive ? f("adaptive") : null, W.value && ((e = i.value) != null && e.visible) ? me(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
     });
-    function Pe(e, a, o) {
+    function Ve(e, a, o) {
       if (ne.includes(e.valueType))
         return o;
-      const t = or(a);
-      return e.copyable || e.ellipsis ? m(cr, {
+      const t = tr(a);
+      return e.copyable || e.ellipsis ? m(pr, {
         copyable: e.copyable,
         rawValue: t,
-        ellipsis: e.ellipsis ? qe(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Ge(e.ellipsis) ? {
           tooltip: o,
           rows: 1
         } : {
@@ -372,14 +376,14 @@ const Or = /* @__PURE__ */ Le({
     });
     function J(e) {
       var a, o, t;
-      (t = (o = (a = P.value) == null ? void 0 : a.apForm) == null ? void 0 : o.setFieldsValue) == null || t.call(o, e);
+      (t = (o = (a = N.value) == null ? void 0 : a.apForm) == null ? void 0 : o.setFieldsValue) == null || t.call(o, e);
     }
     function Q(e = !1) {
       var o, t, d;
       const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (d = (t = (o = P.value) == null ? void 0 : o.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
+      return (d = (t = (o = N.value) == null ? void 0 : o.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
     }
-    function Ie() {
+    function Ee() {
       return l(u);
     }
     return fe({
@@ -388,7 +392,9 @@ const Or = /* @__PURE__ */ Le({
       refresh: () => Re(),
       setSearchFormValues: J,
       getSearchFormValues: Q,
-      getShownColumns: Ie,
+      setPaging: Fe,
+      getPaging: ke,
+      getShownColumns: Ee,
       dataSource: s(() => l(S).records),
       rowSelection: {
         selectedRows: s(() => l(x)),
@@ -410,7 +416,7 @@ const Or = /* @__PURE__ */ Le({
     }), (e, a) => (y(), B("div", {
       ref_key: "tableWrapperRef",
       ref: D,
-      class: g(Ne.value),
+      class: g(Ie.value),
       style: K(l(ye)({
         "scroll-bar-width": `${l(H)}px`
       }))
@@ -418,15 +424,15 @@ const Or = /* @__PURE__ */ Le({
       key: 0,
       class: g(e.card ? l(z)("search-wrapper") : null),
       style: K(e.searchFormWrapperStyle)
-    }, [m(l(He).SearchForm, v(e.searchForm || {}, {
+    }, [m(l(qe).SearchForm, v(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: P,
+      ref: N,
       "custom-reset": "",
       "submit-loading": l(q).loading,
       onSubmit: l(I),
       onReset: l(V)
     }), ae({
-      default: R(() => [(y(!0), B(re, null, te(U.value, (o) => (y(), le(Ae(o.renderNode.Comp), v({
+      default: R(() => [(y(!0), B(re, null, te(U.value, (o) => (y(), le(De(o.renderNode.Comp), v({
         key: o.dataIndex,
         item: o,
         ref_for: !0
@@ -455,23 +461,23 @@ const Or = /* @__PURE__ */ Le({
       selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), c.title ? (y(), le(l(je), {
+    }, F))], 2), c.title ? (y(), le(l(_e), {
       key: 0,
       type: "vertical"
-    })) : oe("", !0), m(fr, {
+    })) : oe("", !0), m(mr, {
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : C(e.$slots, "title", v({
       key: 1,
       selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), m(l(We), v({
+    }, F))], 2), m(l(He), v({
       ref_key: "antdTableRef",
       ref: j,
       class: l(f)("table")
     }, G.value, {
-      size: N.value,
-      "table-layout": ze.value,
+      size: P.value,
+      "table-layout": Ne.value,
       columns: u.value,
       onResizeColumn: a[0] || (a[0] = (o, t) => t.width = o)
     }), ae({
@@ -485,20 +491,22 @@ const Or = /* @__PURE__ */ Le({
       name: "bottomPaginationTop",
       fn: R(() => {
         var o, t;
-        return [m(l(pr), {
+        return [m(l(yr), {
           ref_key: "scrollBarRef",
           ref: i,
           "scroll-container": (t = (o = j.value) == null ? void 0 : o.table) == null ? void 0 : t.scrollBodyRef,
-          direction: "horizontal"
+          direction: "horizontal",
+          "bar-color": "var(--ap-scrollbar-thumb-color-base)",
+          "track-color": "var(--ap-table-header-bg, #f2f6f9)"
         }, null, 8, ["scroll-container"])];
       }),
       key: "0"
     } : void 0, te(l(se)(c, ["title", "searchFormExtra", "headerCell", "summary"]), (o, t) => ({
       name: t,
-      fn: R((d) => [C(e.$slots, t, $e(De(d || {})))])
+      fn: R((d) => [C(e.$slots, t, je(We(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
   }
 });
 export {
-  Or as default
+  $r as default
 };

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -1,23 +1,19 @@
-import { defineComponent as G, ref as y, unref as e, computed as H, useSlots as L, createVNode as l, cloneVNode as M, createElementBlock as P, openBlock as x, Fragment as q, createBlock as J, createCommentVNode as Q, resolveDynamicComponent as W, withCtx as i, createElementVNode as s, normalizeClass as r, toDisplayString as c, createTextVNode as C, isRef as X } from "vue";
-import { Button as B, Modal as Y, RadioGroup as Z, RadioButton as _, Divider as h } from "@aplus-frontend/antdv";
+import { defineComponent as G, ref as y, unref as e, computed as L, useSlots as M, createVNode as l, cloneVNode as P, createElementBlock as q, openBlock as T, Fragment as H, createBlock as J, createCommentVNode as Q, resolveDynamicComponent as W, withCtx as r, createElementVNode as s, normalizeClass as i, toDisplayString as c, createTextVNode as S, isRef as X } from "vue";
+import { Button as x, Modal as Y, RadioGroup as Z, RadioButton as B, Divider as N } from "@aplus-frontend/antdv";
 import { getSingleVNode as ee } from "../../../../utils/slot.mjs";
 import { useInjectApTable as te } from "../../../context.mjs";
 import "../tree-select/index.vue.mjs";
 import { useTableColumnState as le } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
-import oe, { customCloneColumnStates as N } from "../utils.mjs";
-import { SettingOutlined as ne } from "@ant-design/icons-vue";
+import ne, { customCloneColumnStates as h } from "../utils.mjs";
+import { SettingOutlined as oe } from "@ant-design/icons-vue";
 import { useLocale as ae } from "../../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as T } from "../../../../config-provider/hooks/use-namespace.mjs";
+import { useNamespace as _ } from "../../../../config-provider/hooks/use-namespace.mjs";
 import se from "../tree-select/index.vue2.mjs";
 import ie from "../sorter/index.vue2.mjs";
-const re = {
-  style: {
-    lineHeight: "22px",
-    color: "#8896B0"
-  }
-}, Be = /* @__PURE__ */ G({
+const Te = /* @__PURE__ */ G({
+  name: "ApTableSetting",
   __name: "index",
   props: {
     config: {
@@ -30,8 +26,8 @@ const re = {
       size: z,
       updateSize: d,
       updateColumns: f
-    } = te(), g = y(e(z)), R = H(() => m.config.persistenceKey), {
-      columnState: n,
+    } = te(), g = y(e(z)), R = L(() => m.config.persistenceKey), {
+      columnState: o,
       setColumnState: w,
       isAllSelected: D,
       toggleSelectAll: O,
@@ -42,31 +38,31 @@ const re = {
       t: a
     } = ae(), {
       b: v,
-      be: S
-    } = T("ap-column-setting"), {
+      be: C
+    } = _("ap-column-setting"), {
       b: K
-    } = T("ap-table"), u = y(!1), $ = L(), b = ee($.trigger) || l(B, {
-      icon: l(ne, null, null),
+    } = _("ap-table"), u = y(!1), $ = M(), b = ee($.trigger) || l(x, {
+      icon: l(oe, null, null),
       class: K("setting-trigger-button")
-    }, null), k = b ? M(b, {
+    }, null), k = b ? P(b, {
       onClick: () => {
         u.value = !0;
       }
     }) : null;
     function j() {
-      w(N(e(U)));
+      w(h(e(U)));
     }
     function F() {
-      var t, o;
-      f == null || f(oe(e(V), e(n))), d == null || d(e(g)), u.value = !1;
-      const p = N(n.value);
-      E(p), I(p), (o = (t = m.config) == null ? void 0 : t.onChange) == null || o.call(t, p);
+      var t, n;
+      f == null || f(ne(e(V), e(o))), d == null || d(e(g)), u.value = !1;
+      const p = h(o.value);
+      E(p), I(p), (n = (t = m.config) == null ? void 0 : t.onChange) == null || n.call(t, p);
     }
-    return (p, t) => (x(), P(q, null, [e(k) ? (x(), J(W(e(k)), {
+    return (p, t) => (T(), q(H, null, [e(k) ? (T(), J(W(e(k)), {
       key: 0
     })) : Q("", !0), l(e(Y), {
       open: u.value,
-      "onUpdate:open": t[2] || (t[2] = (o) => u.value = o),
+      "onUpdate:open": t[2] || (t[2] = (n) => u.value = n),
       title: e(a)("ap.apTable.setting.title"),
       width: 900,
       centered: !0,
@@ -76,54 +72,56 @@ const re = {
       },
       onOk: F
     }, {
-      default: i(() => [s("div", {
-        class: r(e(v)("wrapper"))
+      default: r(() => [s("div", {
+        class: i(e(v)("wrapper"))
       }, [s("div", {
-        class: r(e(v)("left"))
+        class: i(e(v)("left"))
       }, [s("div", {
-        class: r(e(S)("left", "header"))
-      }, [s("div", null, [s("span", re, c(e(a)("ap.apTable.setting.selectAllTip")), 1), l(e(B), {
+        class: i(e(C)("left", "header"))
+      }, [s("div", null, [s("span", {
+        class: i(e(C)("left", "header-tips"))
+      }, c(e(a)("ap.apTable.setting.selectAllTip")), 3), l(e(x), {
         type: "link",
         size: "small",
         onClick: e(O)
       }, {
-        default: i(() => [C(c(e(D) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
+        default: r(() => [S(c(e(D) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
       }, 8, ["onClick"])]), l(e(Z), {
         value: g.value,
-        "onUpdate:value": t[0] || (t[0] = (o) => g.value = o)
+        "onUpdate:value": t[0] || (t[0] = (n) => g.value = n)
       }, {
-        default: i(() => [l(e(_), {
+        default: r(() => [l(e(B), {
           value: "small"
         }, {
-          default: i(() => [C(c(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: r(() => [S(c(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
-        }), l(e(_), {
+        }), l(e(B), {
           value: "middle"
         }, {
-          default: i(() => [C(c(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: r(() => [S(c(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1
-      }, 8, ["value"])], 2), l(e(h), {
+      }, 8, ["value"])], 2), l(e(N), {
         dashed: "",
         style: {
           margin: "0px"
         }
       }), l(se, {
-        class: r(e(S)("left", "content")),
-        value: e(n)
-      }, null, 8, ["class", "value"])], 2), l(e(h), {
+        class: i(e(C)("left", "content")),
+        value: e(o)
+      }, null, 8, ["class", "value"])], 2), l(e(N), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
       }), s("div", {
-        class: r(e(v)("right"))
+        class: i(e(v)("right"))
       }, [l(ie, {
-        value: e(n),
-        "onUpdate:value": t[1] || (t[1] = (o) => X(n) ? n.value = o : null),
+        value: e(o),
+        "onUpdate:value": t[1] || (t[1] = (n) => X(o) ? o.value = n : null),
         onReset: j
       }, null, 8, ["value"])], 2)], 2)]),
       _: 1
@@ -131,5 +129,5 @@ const re = {
   }
 });
 export {
-  Be as default
+  Te as default
 };

package/es/src/ap-table/components/setting/tree-select/index.vue2.mjs

@@ -30,7 +30,7 @@ const q = /* @__PURE__ */ x({
     }
     return (r, e) => (c(), i("div", null, [
       s(o(N), {
-        gutter: [24, 16],
+        gutter: [24, 12],
         align: "middle"
       }, {
         default: d(() => [