@aplus-frontend/ui 0.6.0-beta.8 → 0.6.0

package/es/src/ap-table/ap-table.vue.d.ts

@@ -1,7 +1,7 @@
 import { ApColumnType, ApTableProps } from './interface';
 import { ColumnsType, ColumnType } from '@aplus-frontend/antdv/es/table';
 import { RowSelectionReturnType } from './hooks/use-table-row-selection';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, ComputedRef, Ref, VNode } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, ComputedRef, VNode } from 'vue';
 declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ApTableProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
@@ -10,6 +10,14 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         refresh: () => void;
         setSearchFormValues: (fields: any) => void;
         getSearchFormValues: (transform?: boolean) => Partial<any> | undefined;
+        setPaging: (nextPaging: Partial<{
+            current: number;
+            pageSize: number;
+        }>, refreshImmediately?: boolean) => void;
+        getPaging: () => {
+            current?: number | undefined;
+            pageSize?: number | undefined;
+        };
         getShownColumns: () => ColumnsType<RecordType>;
         dataSource: ComputedRef<RecordType[]>;
         rowSelection: {
@@ -26,7 +34,7 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         };
         scrollBar: {
             x: {
-                getCurrentScroll: () => 0 | Ref<number, number>;
+                getCurrentScroll: () => number;
                 scroll: (percent: number) => void | undefined;
             };
             y: undefined;

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 b, normalizeStyle as K, normalizeClass as y, 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, toRef as De, 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 je, renderSlot as C, normalizeProps as We, guardReactiveProps as _e } from "vue";
+import { Divider as He, Table as Ue } from "@aplus-frontend/antdv";
+import { useToken as qe } from "@aplus-frontend/antdv/es/theme/internal";
+import { ApForm as Me } 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 g, 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 Ge } from "./hooks/use-table-paging-ng.mjs";
+import { isUndefined as b, omit as se, isBoolean as Je } from "lodash-unified";
+import { getColumnOrder as de, updateFormProps as Qe, getFieldProps as Xe, getSearchFormItemRenderNode as Ye, recursionApColumns as ue, getTableTitle as Ze, getTableRenderType as er, getTableRenderProps as rr, getTableCellRenderNode as or, apColumnToColumn as ar, falseToUndefined as tr, objectToString as lr } from "./utils.mjs";
+import nr from "./hooks/use-table-content-height.mjs";
+import sr from "./hooks/use-table-row-selection.mjs";
+import { getScrollbarSize as dr, 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 ur } 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 ir } from "./hooks/use-sticky-scroll.mjs";
+import { getValidVNodeList as cr } from "../utils/slot.mjs";
+import { useNamespace as fr } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as pr } from "../config-provider/hooks/use-global-config.mjs";
+import mr from "./components/paragraph-ellipsis/index.vue2.mjs";
+import yr from "./components/setting/modal/index.vue2.mjs";
+import gr from "../scroll-bar/index.vue.mjs";
+const Dr = /* @__PURE__ */ Ae({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -150,20 +150,20 @@ const Or = /* @__PURE__ */ Le({
   }) {
     const r = ce;
     let O = 0;
-    const c = Oe(), [, pe] = _e(), {
+    const c = $e(), [, pe] = qe(), {
       e: z,
       b: f,
       be: A,
       m: me,
-      cssVar: be
-    } = ur("ap-table"), $ = ir("valueTypeMap"), {
-      height: ye,
-      contentRef: ge
-    } = ar(), D = w(), j = w(), {
+      cssVar: ye
+    } = fr("ap-table"), $ = pr("valueTypeMap"), {
+      height: ge,
+      contentRef: be
+    } = nr(), D = w(), j = w(), {
       isStickyMode: W,
       scrollBarRef: i
-    } = sr(D), N = w(r.size), u = w([]), _ = w([]), H = lr();
-    nr({
+    } = ir(D), N = w(r.size), u = w([]), _ = w([]), H = dr();
+    ur({
       columns: s(() => u.value),
       columnsBackup: s(() => _.value),
       size: s(() => N.value),
@@ -185,7 +185,7 @@ 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 = Qe(t, Xe(t.fieldProps, {})), n = {
           ...t,
           fieldProps: {
             label: t.title,
@@ -197,7 +197,7 @@ const Or = /* @__PURE__ */ Le({
           },
           renderNode: void 0
         };
-        return n.renderNode = Je(n, l($)), n;
+        return n.renderNode = Ye(n, l($)), n;
       })) || [];
     }), Se = s(() => ue(l(u), (e) => {
       if (e.sorter === !0)
@@ -205,9 +205,9 @@ const Or = /* @__PURE__ */ Le({
     }).filter(Boolean)), he = s(() => ue(l(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || (e == null ? void 0 : e.dataIndex);
-    }).filter(Boolean)), we = s(() => g(r.dataSource) ? S.records : r.dataSource), ve = s(() => {
+    }).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 : cr(((a = c.searchFormExtra) == null ? void 0 : a.call(c)) || []).some((o) => {
         var t;
         return ((t = o.type) == null ? void 0 : t.name) === "ApView";
       });
@@ -215,7 +215,7 @@ const Or = /* @__PURE__ */ Le({
       rowSelection: T,
       selectedRows: x,
       ...F
-    } = tr({
+    } = sr({
       fixed: !0,
       ...r.rowSelection === !0 ? {} : r.rowSelection,
       rowKey: r.rowKey,
@@ -230,11 +230,13 @@ const Or = /* @__PURE__ */ Le({
       setDataSource: Ce,
       getColumnSFConfig: M,
       sortedInfo: Te,
-      filteredInfo: xe
-    } = Ue({
+      filteredInfo: xe,
+      setPaging: Fe,
+      getPaging: ke
+    } = Ge({
       async request(e) {
         var o, t;
-        if (!T.value.preserveSelectedRowKeys && g(r.dataSource) && F.clearAll(), !g(r.dataSource))
+        if (!T.value.preserveSelectedRowKeys && b(r.dataSource) && F.clearAll(), !b(r.dataSource))
           return {
             data: r.dataSource || [],
             total: r.dataSource.length || 0
@@ -247,41 +249,41 @@ const Or = /* @__PURE__ */ Le({
       },
       filterFields: he,
       sortFields: Se,
-      defaultParams: r.params,
+      params: De(r, "params"),
       defaultData: r.defaultData,
       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(ar(n), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Qe(n, A("table-header", "title"), c.headerCell, l(pe).colorPrimary),
+          title: Ze(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 = er(n), Ke = rr({
               ...n,
               valueType: X
             }, {
               value: p,
               ...h
-            }), Ee = Ze(X, Ve, h.record, l($)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
+            }), Le = or(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,
@@ -294,7 +296,7 @@ const Or = /* @__PURE__ */ Le({
         }));
       }
       return a(e);
-    }, ke = () => {
+    }, ze = () => {
       function e(a) {
         var o;
         for (const t of a)
@@ -303,26 +305,26 @@ 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 Ne = s(() => {
       var a, o;
       if (r.adaptive && (S.total > 0 || ((a = r.dataSource) == null ? void 0 : a.length)))
         return {
-          y: l(ye),
+          y: l(ge),
           x: ((o = r.scroll) == null ? void 0 : o.x) || "100%"
         };
       if (r.scroll)
         return r.scroll;
-    }), ze = s(() => {
+    }), Pe = s(() => {
       var e;
       if (r.tableLayout)
         return r.tableLayout;
@@ -337,24 +339,24 @@ const Or = /* @__PURE__ */ Le({
         rowSelection: r.rowSelection === !0 || ((o = r.rowSelection) == null ? void 0 : o.mode) === "internal" ? {
           ...a,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: g(r.dataSource) ? a.preserveSelectedRowKeys : !0
-        } : rr(r.rowSelection),
-        loading: g(r.loading) ? e.loading : r.loading,
+          preserveSelectedRowKeys: b(r.dataSource) ? a.preserveSelectedRowKeys : !0
+        } : tr(r.rowSelection),
+        loading: b(r.loading) ? e.loading : r.loading,
         pagination: r.pagination === !1 ? !1 : e.pagination,
-        scroll: l(Be)
+        scroll: l(Ne)
       };
-    }), 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 = lr(a);
+      return e.copyable || e.ellipsis ? m(mr, {
         copyable: e.copyable,
         rawValue: t,
-        ellipsis: e.ellipsis ? qe(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Je(e.ellipsis) ? {
           tooltip: o,
           rows: 1
         } : {
@@ -381,7 +383,7 @@ const Or = /* @__PURE__ */ Le({
       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);
     }
-    function Ie() {
+    function Ee() {
       return l(u);
     }
     return fe({
@@ -390,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)),
@@ -409,18 +413,18 @@ const Or = /* @__PURE__ */ Le({
         },
         y: void 0
       }
-    }), (e, a) => (b(), B("div", {
+    }), (e, a) => (y(), B("div", {
       ref_key: "tableWrapperRef",
       ref: D,
-      class: y(Ne.value),
-      style: K(l(be)({
+      class: g(Ie.value),
+      style: K(l(ye)({
         "scroll-bar-width": `${l(H)}px`
       }))
-    }, [l(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (b(), B("div", {
+    }, [l(b)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (y(), B("div", {
       key: 0,
-      class: y(e.card ? l(z)("search-wrapper") : null),
+      class: g(e.card ? l(z)("search-wrapper") : null),
       style: K(e.searchFormWrapperStyle)
-    }, [m(l(He).SearchForm, v(e.searchForm || {}, {
+    }, [m(l(Me).SearchForm, v(e.searchForm || {}, {
       ref_key: "formRef",
       ref: P,
       "custom-reset": "",
@@ -428,7 +432,7 @@ const Or = /* @__PURE__ */ Le({
       onSubmit: l(I),
       onReset: l(V)
     }), ae({
-      default: R(() => [(b(!0), B(re, null, te(U.value, (o) => (b(), le(Ae(o.renderNode.Comp), v({
+      default: R(() => [(y(!0), B(re, null, te(U.value, (o) => (y(), le(je(o.renderNode.Comp), v({
         key: o.dataIndex,
         item: o,
         ref_for: !0
@@ -443,37 +447,37 @@ const Or = /* @__PURE__ */ Le({
       key: "0"
     } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : oe("", !0), L("div", {
       ref_key: "contentRef",
-      ref: ge,
-      class: y([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
+      ref: be,
+      class: g([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
       style: K(e.tableWrapperStyle)
     }, [L("div", {
-      class: y(l(f)("header-wrapper"))
-    }, [e.settings ? (b(), B("div", {
+      class: g(l(f)("header-wrapper"))
+    }, [e.settings ? (y(), B("div", {
       key: 0,
-      class: y(l(f)("header"))
+      class: g(l(f)("header"))
     }, [L("div", {
-      class: y(l(A)("header", "title"))
+      class: g(l(A)("header", "title"))
     }, [C(e.$slots, "title", v({
       selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), c.title ? (b(), le(l(je), {
+    }, F))], 2), c.title ? (y(), le(l(He), {
       key: 0,
       type: "vertical"
-    })) : oe("", !0), m(fr, {
+    })) : oe("", !0), m(yr, {
       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(Ue), v({
       ref_key: "antdTableRef",
       ref: j,
       class: l(f)("table")
     }, G.value, {
       size: N.value,
-      "table-layout": ze.value,
+      "table-layout": Pe.value,
       columns: u.value,
       onResizeColumn: a[0] || (a[0] = (o, t) => t.width = o)
     }), ae({
@@ -487,22 +491,22 @@ const Or = /* @__PURE__ */ Le({
       name: "bottomPaginationTop",
       fn: R(() => {
         var o, t;
-        return [m(l(pr), {
+        return [m(l(gr), {
           ref_key: "scrollBarRef",
           ref: i,
           "scroll-container": (t = (o = j.value) == null ? void 0 : o.table) == null ? void 0 : t.scrollBodyRef,
           direction: "horizontal",
-          "bar-color": "var(--basic-scrollbar-thumb-color-base, #bfbfbf)",
+          "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, We(_e(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
   }
 });
 export {
-  Or as default
+  Dr 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
 };