@aplus-frontend/ui 0.5.21 → 0.5.22

package/es/src/ap-field/interface.d.ts

@@ -97,6 +97,12 @@ export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>>
 };
 export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosize'>> & {
     emptyText?: string;
+    /**
+     * 输入生效前的事件，受控输入拦截
+     * @param nextVal
+     * @returns
+     */
+    beforeInput?: (nextVal: string) => string;
 };
 export type ApFieldTextAreaExpose = {
     focus: (options?: InputFocusOptions) => void;

package/es/src/ap-field/text/index.vue2.mjs

@@ -122,18 +122,18 @@ const G = /* @__PURE__ */ I({
     const x = y, o = a, {
       value: i,
       updateValue: v
-    } = F(o, x), B = z("Text", o);
-    function b(e) {
+    } = F(o, x), b = z("Text", o);
+    function B(e) {
       var c, d, f;
       const n = e.target.value || "", r = o.beforeInput ? (c = o.beforeInput) == null ? void 0 : c.call(o, n) : n, l = (f = (d = u.value) == null ? void 0 : d.$el) == null ? void 0 : f.querySelector("input");
       l && (l.value = r), v(r);
     }
     function h() {
       var e, n;
-      return o.mode === "edit" ? s(j, R(U(o, ["mode", "emptyText", "value", "onUpdate:value"]), {
-        placeholder: p(B),
+      return o.mode === "edit" ? s(j, R(U(o, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
+        placeholder: p(b),
         value: p(i),
-        onInput: b,
+        onInput: B,
         ref: u
       }), M(t) ? t : {
         default: () => [t]

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as f, ref as y, computed as v, createElementBlock as x, createBlock as B, openBlock as r, normalizeClass as h, unref as o, toDisplayString as b, mergeProps as C } from "vue";
-import { isNil as z, omit as A } from "lodash-unified";
+import { defineComponent as h, ref as I, computed as A, createElementBlock as C, createBlock as g, openBlock as d, normalizeClass as z, unref as t, toDisplayString as T, mergeProps as k } from "vue";
+import { isNil as w, omit as R } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as g } from "@aplus-frontend/antdv";
-import { useDefaultPlaceholder as T } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as k } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
-const S = /* @__PURE__ */ f({
+import { Input as _ } from "@aplus-frontend/antdv";
+import { useDefaultPlaceholder as S } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
+const O = /* @__PURE__ */ h({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -56,36 +56,42 @@ const S = /* @__PURE__ */ f({
     handleReset: {},
     clearIcon: {},
     allowClear: { type: Boolean, default: !0 },
-    emptyText: { default: "--" }
+    emptyText: { default: "--" },
+    beforeInput: {}
   },
   emits: ["update:value"],
-  setup(u, { expose: p, emit: s }) {
-    const t = y(), l = u, d = s, { value: a, updateValue: i } = k(l, d), { b: m } = w("field-text-area"), c = T("TextArea", l);
-    return p({
+  setup(c, { expose: f, emit: m }) {
+    const l = I(), o = c, y = m, { value: n, updateValue: x } = U(o, y), { b: v } = V("field-text-area"), B = S("TextArea", o);
+    function b(e) {
+      var p, s, i;
+      const a = e.target.value || "", r = o.beforeInput ? (p = o.beforeInput) == null ? void 0 : p.call(o, a) : a, u = (i = (s = l.value) == null ? void 0 : s.$el) == null ? void 0 : i.querySelector("textarea");
+      u && (u.value = r), x(r);
+    }
+    return f({
       focus: (e) => {
-        var n;
-        (n = t.value) == null || n.focus(e);
+        var a;
+        (a = l.value) == null || a.focus(e);
       },
       blur: () => {
         var e;
-        (e = t.value) == null || e.blur();
+        (e = l.value) == null || e.blur();
       },
-      resizableTextArea: v(() => {
+      resizableTextArea: A(() => {
         var e;
-        return (e = t.value) == null ? void 0 : e.resizableTextArea;
+        return (e = l.value) == null ? void 0 : e.resizableTextArea;
       })
-    }), (e, n) => e.mode === "read" ? (r(), x("span", {
+    }), (e, a) => e.mode === "read" ? (d(), C("span", {
       key: 0,
-      class: h(o(m)())
-    }, b(o(z)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), B(o(g).TextArea, C({ key: 1 }, o(A)(l, ["onUpdate:value", "value"]), {
+      class: z(t(v)())
+    }, T(t(w)(t(n)) || t(n) === "" ? e.emptyText : t(n)), 3)) : (d(), g(t(_).TextArea, k({ key: 1 }, t(R)(o, ["onUpdate:value", "value", "beforeInput"]), {
       ref_key: "textAreaRef",
-      ref: t,
-      placeholder: o(c),
-      value: o(a),
-      "onUpdate:value": o(i)
-    }), null, 16, ["placeholder", "value", "onUpdate:value"]));
+      ref: l,
+      placeholder: t(B),
+      value: t(n),
+      onInput: b
+    }), null, 16, ["placeholder", "value"]));
   }
 });
 export {
-  S as default
+  O as default
 };

package/es/src/ap-form/items/tree-select/index.vue.d.ts

@@ -705,8 +705,7 @@ declare function __VLS_template(): {
             }>, {
                 blur: () => void;
                 focus: () => void;
-                request: (currentNode
-                /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+                request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 "update:value": (...args: any[]) => void;
             }, string, {
@@ -774,8 +773,7 @@ declare function __VLS_template(): {
         }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
             blur: () => void;
             focus: () => void;
-            request: (currentNode
-            /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+            request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
         }> & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 title?: any;
@@ -1481,8 +1479,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
         }>, {
             blur: () => void;
             focus: () => void;
-            request: (currentNode
-            /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+            request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:value": (...args: any[]) => void;
         }, string, {
@@ -1550,8 +1547,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
     }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
         blur: () => void;
         focus: () => void;
-        request: (currentNode
-        /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+        request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Readonly<{
             title?: any;

package/es/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -81,6 +81,7 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
             showQuickJumper: boolean;
             showLessItems: boolean | undefined;
             size: "default" | "small";
+            pageSizeOptions: (string | number)[];
             showTotal: ((total: number) => import("vue/jsx-runtime").JSX.Element) | undefined;
         };
         onChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -1,138 +1,138 @@
-import { ref as ne, reactive as J, unref as S, nextTick as ae, onMounted as se, watch as ie, computed as D, createVNode as b } from "vue";
+import { ref as ne, reactive as j, unref as h, nextTick as ae, onMounted as se, watch as ie, computed as A, createVNode as x } from "vue";
 import { useTableSortedAndFiltered as ce } from "./use-sorted-filtered.mjs";
 import "../../config-provider/index.mjs";
 import { parseFieldValue as le, dataIndexToStr as ue, isEqualCustom as fe } from "../utils.mjs";
-import { isArray as N, isEqualWith as ge } from "lodash-unified";
-import { isDef as Q } from "../../utils/index.mjs";
-import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
-const z = 1, L = 10;
-function me(g) {
-  const l = {};
-  return g && (g === !0 ? (l.current = z, l.pageSize = L) : (l.current = g.defaultCurrent || z, l.pageSize = g.defaultPageSize || L)), l;
+import { isArray as q, isEqualWith as ge, isUndefined as pe } from "lodash-unified";
+import { isDef as N } from "../../utils/index.mjs";
+import { useLocale as de } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as me } from "../../config-provider/hooks/use-namespace.mjs";
+const S = 1, D = 10;
+function he(g) {
+  const u = {};
+  return g && (g === !0 ? (u.current = S, u.pageSize = D) : (u.current = g.defaultCurrent || S, u.pageSize = g.defaultPageSize || D)), u;
 }
-const xe = ({
+const be = ({
   manual: g = !1,
-  request: l,
-  defaultParams: v = {},
-  defaultData: y = [],
-  formatParams: R,
-  paramsValueTypeMap: I,
-  resetFieldsIgnores: V,
-  filterFields: U,
-  sortFields: B,
+  request: u,
+  defaultParams: L = {},
+  defaultData: v = [],
+  formatParams: y,
+  paramsValueTypeMap: O,
+  resetFieldsIgnores: R,
+  filterFields: B,
+  sortFields: J,
   namespace: K = "ap-table",
   pagination: p = {
-    defaultCurrent: z,
-    defaultPageSize: L,
+    defaultCurrent: S,
+    defaultPageSize: D,
     showLessItems: !1,
     showTotal: !0
   }
 }) => {
-  let E = 0, s = {};
-  const d = p ?? {}, M = (e) => R ? R(e) : e, T = ne(), i = J(me(p)), {
+  let b = 0, s = {};
+  const M = p ?? {}, Q = (e) => y ? y(e) : e, z = ne(), i = j(he(p)), {
     getColumnSFConfig: $,
     setSF: G,
     clearAll: W,
     sortedInfo: Z,
     filteredInfo: H
   } = ce(), {
-    t: w
-  } = pe(), {
+    t: T
+  } = de(), {
     b: P
-  } = de(K), o = J({
-    total: y.length,
-    records: y,
+  } = me(K), a = j({
+    total: v.length,
+    records: v,
     loading: !1
-  }), C = () => {
+  }), w = () => {
     var e, t;
-    return ((t = (e = T.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
-  }, O = async (e) => {
-    var n;
-    const t = M(e), r = Date.now();
-    E = r, o.loading = !0;
+    return ((t = (e = z.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
+  }, I = async (e) => {
+    var o;
+    const t = Q(e), r = Date.now();
+    b = r, a.loading = !0;
     try {
-      const a = await l({
-        ...S(v),
+      const n = await u({
+        ...h(L),
         ...t
       });
-      E === r && (o.total = a.total || ((n = a.data) == null ? void 0 : n.length) || 0, o.records = [...a.data || []]);
+      b === r && (a.total = n.total || ((o = n.data) == null ? void 0 : o.length) || 0, a.records = [...n.data || []]);
     } catch {
-      E === r && (o.records = [], o.total = 0);
+      b === r && (a.records = [], a.total = 0);
     } finally {
-      o.loading = !1;
+      a.loading = !1;
     }
-  }, _ = (e) => {
+  }, V = (e) => {
     const t = {};
-    return Object.entries(e).forEach(([r, n]) => {
-      if (t[r] = n, I && n) {
-        const a = I[r];
-        a && (t[r] = le(a, n));
+    return Object.entries(e).forEach(([r, o]) => {
+      if (t[r] = o, O && o) {
+        const n = O[r];
+        n && (t[r] = le(n, o));
       }
     }), t;
   }, X = async (e) => {
-    var n, a, u, f, m;
-    const t = C(), r = {};
-    Object.entries(t).forEach(([h, x]) => {
-      V && V.indexOf(h) > -1 && (r[h] = x);
-    }), await ((a = (n = T.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (m = (f = (u = T.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || m.call(f, r), ae(() => {
+    var o, n, l, f, d;
+    const t = w(), r = {};
+    Object.entries(t).forEach(([m, C]) => {
+      R && R.indexOf(m) > -1 && (r[m] = C);
+    }), await ((n = (o = z.value) == null ? void 0 : o.apForm) == null ? void 0 : n.resetFields()), (d = (f = (l = z.value) == null ? void 0 : l.apForm) == null ? void 0 : f.setFieldsValue) == null || d.call(f, r), ae(() => {
       e == null || e();
     });
   }, F = (e) => {
     s = e;
-    const t = _(e);
-    O(t);
+    const t = V(e);
+    I(t);
   }, Y = (e) => {
     F({
       ...s,
       ...e
     });
-  }, A = () => {
-    const e = C();
-    p && (i.current = z), F({
+  }, E = () => {
+    const e = w();
+    p && (i.current = S), F({
       ...e,
       filter: s.filter,
       sort: s.sort,
-      current: p ? z : void 0,
+      current: p ? S : void 0,
       pageSize: p ? s.pageSize || i.pageSize : void 0
     });
   }, k = () => {
-    W(), s.sort = {}, s.filter = {}, X(A);
-  }, j = () => {
+    W(), s.sort = {}, s.filter = {}, X(E);
+  }, U = () => {
     F(s);
   }, ee = (e) => {
     if (!p)
-      j();
+      U();
     else {
       const {
         current: t,
         pageSize: r
-      } = i, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
+      } = i, o = a.total - e, n = Math.ceil(o / r), l = t > n ? n : t;
       Y({
-        current: u > 0 ? u : 1
+        current: l > 0 ? l : 1
       });
     }
-  }, q = (e, t, r) => {
-    var h, x;
-    const n = C();
+  }, _ = (e, t, r) => {
+    var m, C;
+    const o = w();
     i.current = e.current, i.pageSize = e.pageSize, G(t, r);
-    const a = N(r) ? [...r] : [r], u = {};
-    for (const c of a)
-      (h = S(B)) != null && h.includes(c.columnKey || c.field) && c.order && (u[ue(c.columnKey || c.field)] = c.order);
+    const n = q(r) ? [...r] : [r], l = {};
+    for (const c of n)
+      (m = h(J)) != null && m.includes(c.columnKey || c.field) && c.order && (l[ue(c.columnKey || c.field)] = c.order);
     const f = {};
     for (const c of Object.keys(t))
-      (x = S(U)) != null && x.includes(c) && t[c] && (f[c] = t[c]);
-    const m = {
-      ...n,
+      (C = h(B)) != null && C.includes(c) && t[c] && (f[c] = t[c]);
+    const d = {
+      ...o,
       filter: f,
-      sort: u,
+      sort: l,
       current: e.current,
       pageSize: e.pageSize
     };
-    ge(s, m, fe) || F(m);
+    ge(s, d, fe) || F(d);
   };
   se(() => {
-    const e = C(), {
+    const e = w(), {
       current: t,
       pageSize: r
     } = i;
@@ -143,67 +143,71 @@ const xe = ({
       sort: {},
       ...e
     }, !g) {
-      const n = _(s);
-      O(n);
+      const o = V(s);
+      I(o);
     }
-  }), ie(() => S(v), () => {
-    A();
+  }), ie(() => h(L), () => {
+    E();
   }, {
     deep: !0
   });
-  const te = D(() => {
-    if (o.total === 0)
+  const te = A(() => {
+    if (a.total === 0)
       return "-";
     const {
       current: e,
       pageSize: t
     } = i;
-    return `${e}/${Math.ceil(o.total / t)}`;
+    return `${e}/${Math.ceil(a.total / t)}`;
   });
   function re(e) {
-    N(e) && (o.records = e, o.total = e.length);
+    q(e) && (a.records = e, a.total = e.length);
   }
-  const oe = D(() => {
+  const oe = A(() => {
     const {
       showLessItems: e,
-      showTotal: t
-    } = d;
+      showTotal: t,
+      showQuickJumper: r,
+      showSizeChanger: o,
+      pageSizeOptions: n
+    } = M;
     return {
-      loading: o.loading,
+      loading: a.loading,
       pagination: {
         current: i.current,
         pageSize: i.pageSize,
-        total: o.total,
-        showSizeChanger: Q(d.showSizeChanger) ? d.showSizeChanger : !e,
-        showQuickJumper: Q(d.showQuickJumper) ? d.showQuickJumper : !e,
+        total: a.total,
+        showSizeChanger: N(o) ? o : !e,
+        showQuickJumper: N(r) ? r : !e,
         showLessItems: e,
         size: "default",
-        showTotal: t ? (r) => b("span", {
+        pageSizeOptions: pe(n) ? ["10", "20", "50", "100"] : n,
+        showTotal: t ? (l) => x("span", {
           class: P("pagination-total-wrapper")
-        }, [w("ap.apTable.pagination.totalLeftPrefix"), " ", b("span", {
+        }, [T("ap.apTable.pagination.totalLeftPrefix"), " ", x("span", {
           class: P("pagination-count-text")
-        }, [r]), " ", w("ap.apTable.pagination.totalLeftSuffix"), b("span", {
+        }, [l]), " ", T("ap.apTable.pagination.totalLeftSuffix"), x("span", {
           class: P("pagination--total-right")
-        }, [w("ap.apTable.pagination.totalRightPrefix"), " ", b("span", {
+        }, [T("ap.apTable.pagination.totalRightPrefix"), " ", x("span", {
           class: P("pagination-count-text")
-        }, [S(te)]), " ", w("ap.apTable.pagination.totalRightSuffix")])]) : void 0
+        }, [h(te)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
       },
-      onChange: q,
-      dataSource: o.records
+      onChange: _,
+      dataSource: a.records
     };
   });
   return {
-    formRef: T,
-    submit: A,
+    formRef: z,
+    submit: E,
     reset: k,
-    refresh: j,
+    refresh: U,
     refreshByDelete: ee,
-    data: o,
+    data: a,
     current: i.current,
     pageSize: i.pageSize,
-    handleTableChange: q,
+    handleTableChange: _,
     tableProps: oe,
-    dataSource: D(() => o.records),
+    dataSource: A(() => a.records),
     setDataSource: re,
     getColumnSFConfig: $,
     sortedInfo: Z,
@@ -211,7 +215,7 @@ const xe = ({
   };
 };
 export {
-  z as DEFAULT_CURRENT,
-  L as DEFAULT_PAGE_SIZE,
-  xe as useTablePaging
+  S as DEFAULT_CURRENT,
+  D as DEFAULT_PAGE_SIZE,
+  be as useTablePaging
 };

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

@@ -8,6 +8,7 @@ import { ApActionGroupProps } from '../ap-action';
 import { ApTableIndexProps } from './components/interface';
 import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
 import { RowSelectionReturnType } from './hooks/use-table-row-selection';
+import { PaginationProps } from '@aplus-frontend/antdv';
 export type ValueEnumType = {
     text: string;
     /**
@@ -238,6 +239,8 @@ export type ApTablePaginationConfig = {
      * 是否显示快速跳转
      */
     showQuickJumper?: boolean;
+} & {
+    pageSizeOptions?: PaginationProps['pageSizeOptions'];
 };
 export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection'> & {
     /**

package/es/src/business/ap-ladder/components/ValueGroupMode.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as P, isVNode as C, h as g, ref as x, createBlock as h, openBlock as r, unref as i, normalizeProps as A, guardReactiveProps as B, createSlots as w, withCtx as v, createElementVNode as d, normalizeClass as s, createElementBlock as n, Fragment as f, renderList as j, createCommentVNode as p, normalizeStyle as u, createTextVNode as O, toDisplayString as a, withModifiers as z, renderSlot as M, createVNode as R } from "vue";
+import { defineComponent as P, isVNode as g, h as C, ref as x, createBlock as h, openBlock as r, unref as n, normalizeProps as A, guardReactiveProps as B, createSlots as w, withCtx as v, createElementVNode as d, normalizeClass as s, createElementBlock as i, Fragment as f, renderList as j, createCommentVNode as p, normalizeStyle as u, createTextVNode as O, toDisplayString as a, withModifiers as z, renderSlot as M, createVNode as R } from "vue";
 import { Tooltip as Y } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import { locales as E } from "../interface.mjs";
@@ -49,12 +49,12 @@ const T = { key: 0 }, D = ["href", "onClick"], U = ["onClick"], b = { key: 0 },
     }
   },
   emits: ["update:valueRefs", "handleClick"],
-  setup(l, { emit: N }) {
-    const $ = N, { e: c } = G("ap-ladder"), m = (e) => C(e) || typeof e == "function", S = (e) => {
+  setup(c, { emit: N }) {
+    const $ = N, { e: l } = G("ap-ladder"), m = (e) => g(e) || typeof e == "function", S = (e) => {
       const { value: o, style: t } = e;
-      return C(o) ? g(o, {
+      return g(o) ? C(o, {
         style: t
-      }) : typeof o == "function" ? g(o(), {
+      }) : typeof o == "function" ? C(o(), {
         ref: x,
         style: {
           ...t
@@ -94,62 +94,65 @@ const T = { key: 0 }, D = ["href", "onClick"], U = ["onClick"], b = { key: 0 },
     }, F = (e) => {
       $("handleClick", e);
     };
-    return (e, o) => (r(), h(i(Y), A(B(l.tooltipProps)), w({
+    return (e, o) => (r(), h(n(Y), A(B(c.tooltipProps)), w({
       default: v(() => [
         d("div", {
-          class: s(i(c)("value-group"))
+          class: s(n(l)("value-group"))
         }, [
-          (r(!0), n(f, null, j(l.labelValues, (t, y) => (r(), n("div", {
+          (r(!0), i(f, null, j(c.labelValues, (t, y) => (r(), i("div", {
             key: y,
-            class: s(i(c)("value-group-item"))
+            class: s([
+              n(l)("value-group-item"),
+              t.label === "" && n(l)("value-group-value-end")
+            ])
           }, [
-            t.label ? (r(), n("div", {
+            t.label ? (r(), i("div", {
               key: 0,
               class: s([
-                i(c)("value-group-label"),
-                l.labelAlign && `label-align-${l.labelAlign}`
+                n(l)("value-group-label"),
+                c.labelAlign && n(l)(`label-align-${c.labelAlign}`)
               ]),
               style: u(t.labelStyles)
             }, [
               O(a(t.label), 1),
-              t.label ? (r(), n("span", T, "：")) : p("", !0)
+              t.label ? (r(), i("span", T, "：")) : p("", !0)
             ], 6)) : p("", !0),
             d("div", {
-              class: s(i(c)("value-group-value"))
+              class: s(n(l)("value-group-value"))
             }, [
               m(t.value) ? (r(), h(S, {
                 key: 0,
                 value: t.value,
                 style: u([t.labelColor, t.valueStyles])
-              }, null, 8, ["value", "style"])) : (r(), n(f, { key: 1 }, [
-                t.link ? (r(), n("a", {
+              }, null, 8, ["value", "style"])) : (r(), i(f, { key: 1 }, [
+                t.link ? (r(), i("a", {
                   key: 0,
                   href: t.link,
                   target: "_blank",
-                  class: s(i(c)("value-group-link")),
+                  class: s(n(l)("value-group-link")),
                   style: u([
-                    l.linkStyles,
+                    c.linkStyles,
                     t.linkStyles,
                     t.linkColor ? { color: t.linkColor } : void 0
                   ]),
                   onClick: z((L) => F(t), ["prevent"])
-                }, a(k(t.value, { ...t })), 15, D)) : (r(), n(f, { key: 1 }, [
+                }, a(k(t.value, { ...t })), 15, D)) : (r(), i(f, { key: 1 }, [
                   d("span", {
                     style: u([
-                      l.valueStyles,
+                      c.valueStyles,
                       t.valueStyles,
                       t.valueColor ? { color: t.valueColor } : void 0
                     ]),
                     class: s(
-                      t.handleValueClick ? i(c)("value-group-link") : void 0
+                      t.handleValueClick ? n(l)("value-group-link") : void 0
                     ),
-                    onClick: (L) => t.handleValueClick && t.handleValueClick(l.labelValues)
+                    onClick: (L) => t.handleValueClick && t.handleValueClick(c.labelValues)
                   }, a(k(t.value, { ...t })), 15, U),
-                  t.unit ? (r(), n("span", {
+                  t.unit ? (r(), i("span", {
                     key: 0,
-                    class: s(i(c)("value-group-unit")),
+                    class: s(n(l)("value-group-unit")),
                     style: u([
-                      l.unitStyles,
+                      c.unitStyles,
                       t.unitStyles,
                       t.unitColor ? { color: t.unitColor } : void 0
                     ])
@@ -168,37 +171,37 @@ const T = { key: 0 }, D = ["href", "onClick"], U = ["onClick"], b = { key: 0 },
           M(e.$slots, "title")
         ]),
         key: "0"
-      } : l.tooltip ? {
+      } : c.tooltip ? {
         name: "title",
         fn: v(() => [
           d("div", {
-            class: s(i(c)("tooltip"))
+            class: s(n(l)("tooltip"))
           }, [
-            (r(!0), n(f, null, j(l.labelValues, (t, y) => (r(), n("div", {
+            (r(!0), i(f, null, j(c.labelValues, (t, y) => (r(), i("div", {
               key: y,
-              class: s(i(c)("tooltip-item"))
+              class: s(n(l)("tooltip-item"))
             }, [
               d("span", {
-                class: s(i(c)("tooltip-label")),
-                style: u(l.tooltipLabelStyles)
+                class: s(n(l)("tooltip-label")),
+                style: u(c.tooltipLabelStyles)
               }, a(t.label ? t.label : "--") + "： ", 7),
-              m(t.value) ? (r(), n("span", {
+              m(t.value) ? (r(), i("span", {
                 key: 0,
-                class: s(i(c)("tooltip-value")),
-                style: u(l.tooltipValueStyles)
+                class: s(n(l)("tooltip-value")),
+                style: u(c.tooltipValueStyles)
               }, [
                 R(S, {
                   value: t.value,
                   style: u([t.tooltipValueStyles])
                 }, null, 8, ["value", "style"]),
-                t.unit ? (r(), n("span", b, a(t.unit), 1)) : p("", !0)
-              ], 6)) : (r(), n("span", {
+                t.unit ? (r(), i("span", b, a(t.unit), 1)) : p("", !0)
+              ], 6)) : (r(), i("span", {
                 key: 1,
-                class: s(i(c)("tooltip-value")),
-                style: u(l.tooltipValueStyles)
+                class: s(n(l)("tooltip-value")),
+                style: u(c.tooltipValueStyles)
               }, [
                 O(a(k(t.value, { ...t })) + " ", 1),
-                t.unit ? (r(), n("span", q, a(t.unit), 1)) : p("", !0)
+                t.unit ? (r(), i("span", q, a(t.unit), 1)) : p("", !0)
               ], 6))
             ], 2))), 128))
           ], 2)

package/lib/src/ap-field/interface.d.ts

@@ -97,6 +97,12 @@ export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>>
 };
 export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosize'>> & {
     emptyText?: string;
+    /**
+     * 输入生效前的事件，受控输入拦截
+     * @param nextVal
+     * @returns
+     */
+    beforeInput?: (nextVal: string) => string;
 };
 export type ApFieldTextAreaExpose = {
     focus: (options?: InputFocusOptions) => void;

package/lib/src/ap-field/text/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),B=require("@aplus-frontend/antdv");require("../../hooks/index.js");const g=require("lodash-unified"),C=require("../hooks/use-default-placeholder.js"),I=require("../../hooks/useControllableValue.js");function S(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!t.isVNode(a)}const _=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(a,{expose:f,emit:m}){const l=t.ref(),o=t.useSlots();f({focus:e=>{var u;(u=l.value)==null||u.focus(e)},blur:()=>{var e;(e=l.value)==null||e.blur()},setSelectionRange:(e,u,c)=>{var r;(r=l.value)==null||r.setSelectionRange(e,u,c)},select:()=>{var e;(e=l.value)==null||e.select()},input:t.computed(()=>{var e;return(e=l.value)==null?void 0:e.input})});const y=m,n=a,{value:i,updateValue:v}=I.useControllableValue(n,y),x=C.useDefaultPlaceholder("Text",n);function b(e){var d,p,s;const u=e.target.value||"",c=n.beforeInput?(d=n.beforeInput)==null?void 0:d.call(n,u):u,r=(s=(p=l.value)==null?void 0:p.$el)==null?void 0:s.querySelector("input");r&&(r.value=c),v(c)}function h(){var e,u;return n.mode==="edit"?t.createVNode(B.Input,t.mergeProps(g.omit(n,["mode","emptyText","value","onUpdate:value"]),{placeholder:t.unref(x),value:t.unref(i),onInput:b,ref:l}),S(o)?o:{default:()=>[o]}):t.createVNode("span",null,[n.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(i)||n.emptyText,n.suffix||((u=o==null?void 0:o.suffix)==null?void 0:u.call(o))])}return(e,u)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(h())))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),B=require("@aplus-frontend/antdv");require("../../hooks/index.js");const g=require("lodash-unified"),I=require("../hooks/use-default-placeholder.js"),C=require("../../hooks/useControllableValue.js");function S(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!t.isVNode(a)}const _=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(a,{expose:f,emit:m}){const l=t.ref(),o=t.useSlots();f({focus:e=>{var u;(u=l.value)==null||u.focus(e)},blur:()=>{var e;(e=l.value)==null||e.blur()},setSelectionRange:(e,u,c)=>{var r;(r=l.value)==null||r.setSelectionRange(e,u,c)},select:()=>{var e;(e=l.value)==null||e.select()},input:t.computed(()=>{var e;return(e=l.value)==null?void 0:e.input})});const y=m,n=a,{value:i,updateValue:v}=C.useControllableValue(n,y),b=I.useDefaultPlaceholder("Text",n);function x(e){var d,p,s;const u=e.target.value||"",c=n.beforeInput?(d=n.beforeInput)==null?void 0:d.call(n,u):u,r=(s=(p=l.value)==null?void 0:p.$el)==null?void 0:s.querySelector("input");r&&(r.value=c),v(c)}function h(){var e,u;return n.mode==="edit"?t.createVNode(B.Input,t.mergeProps(g.omit(n,["mode","emptyText","value","onUpdate:value","beforeInput"]),{placeholder:t.unref(b),value:t.unref(i),onInput:x,ref:l}),S(o)?o:{default:()=>[o]}):t.createVNode("span",null,[n.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(i)||n.emptyText,n.suffix||((u=o==null?void 0:o.suffix)==null?void 0:u.call(o))])}return(e,u)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(h())))}});exports.default=_;

package/lib/src/ap-field/text-area/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const m=require("@aplus-frontend/antdv"),y=require("../hooks/use-default-placeholder.js"),v=require("../../hooks/useControllableValue.js"),B=require("../../config-provider/hooks/use-namespace.js"),h=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean},autocomplete:{},readonly:{type:Boolean},status:{},defaultValue:{},"onUpdate:value":{},loading:{type:Boolean},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(r,{expose:s,emit:d}){const t=e.ref(),l=r,p=d,{value:a,updateValue:i}=v.useControllableValue(l,p),{b:c}=B.useNamespace("field-text-area"),f=y.useDefaultPlaceholder("TextArea",l);return s({focus:o=>{var n;(n=t.value)==null||n.focus(o)},blur:()=>{var o;(o=t.value)==null||o.blur()},resizableTextArea:e.computed(()=>{var o;return(o=t.value)==null?void 0:o.resizableTextArea})}),(o,n)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c)())},e.toDisplayString(e.unref(u.isNil)(e.unref(a))||e.unref(a)===""?o.emptyText:e.unref(a)),3)):(e.openBlock(),e.createBlock(e.unref(m.Input).TextArea,e.mergeProps({key:1},e.unref(u.omit)(l,["onUpdate:value","value"]),{ref_key:"textAreaRef",ref:t,placeholder:e.unref(f),value:e.unref(a),"onUpdate:value":e.unref(i)}),null,16,["placeholder","value","onUpdate:value"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const h=require("@aplus-frontend/antdv"),I=require("../hooks/use-default-placeholder.js"),g=require("../../hooks/useControllableValue.js"),C=require("../../config-provider/hooks/use-namespace.js"),q=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean},autocomplete:{},readonly:{type:Boolean},status:{},defaultValue:{},"onUpdate:value":{},loading:{type:Boolean},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(c,{expose:f,emit:m}){const n=e.ref(),o=c,y=m,{value:l,updateValue:v}=g.useControllableValue(o,y),{b}=C.useNamespace("field-text-area"),x=I.useDefaultPlaceholder("TextArea",o);function B(t){var s,p,i;const a=t.target.value||"",u=o.beforeInput?(s=o.beforeInput)==null?void 0:s.call(o,a):a,r=(i=(p=n.value)==null?void 0:p.$el)==null?void 0:i.querySelector("textarea");r&&(r.value=u),v(u)}return f({focus:t=>{var a;(a=n.value)==null||a.focus(t)},blur:()=>{var t;(t=n.value)==null||t.blur()},resizableTextArea:e.computed(()=>{var t;return(t=n.value)==null?void 0:t.resizableTextArea})}),(t,a)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(b)())},e.toDisplayString(e.unref(d.isNil)(e.unref(l))||e.unref(l)===""?t.emptyText:e.unref(l)),3)):(e.openBlock(),e.createBlock(e.unref(h.Input).TextArea,e.mergeProps({key:1},e.unref(d.omit)(o,["onUpdate:value","value","beforeInput"]),{ref_key:"textAreaRef",ref:n,placeholder:e.unref(x),value:e.unref(l),onInput:B}),null,16,["placeholder","value"]))}});exports.default=q;

package/lib/src/ap-form/items/tree-select/index.vue.d.ts

@@ -705,8 +705,7 @@ declare function __VLS_template(): {
             }>, {
                 blur: () => void;
                 focus: () => void;
-                request: (currentNode
-                /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+                request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 "update:value": (...args: any[]) => void;
             }, string, {
@@ -774,8 +773,7 @@ declare function __VLS_template(): {
         }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
             blur: () => void;
             focus: () => void;
-            request: (currentNode
-            /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+            request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
         }> & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 title?: any;
@@ -1481,8 +1479,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
         }>, {
             blur: () => void;
             focus: () => void;
-            request: (currentNode
-            /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+            request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:value": (...args: any[]) => void;
         }, string, {
@@ -1550,8 +1547,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
     }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
         blur: () => void;
         focus: () => void;
-        request: (currentNode
-        /** @type { typeof __VLS_ctx.treeSelectRef } */ ? /** @type { typeof __VLS_ctx.treeSelectRef } */: LegacyDataNode, clear?: boolean) => Promise<void>;
+        request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Readonly<{
             title?: any;

package/lib/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -81,6 +81,7 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
             showQuickJumper: boolean;
             showLessItems: boolean | undefined;
             size: "default" | "small";
+            pageSizeOptions: (string | number)[];
             showTotal: ((total: number) => import("vue/jsx-runtime").JSX.Element) | undefined;
         };
         onChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;

package/lib/src/ap-table/hooks/use-table-paging-ng.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),re=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const A=require("../utils.js"),D=require("lodash-unified"),O=require("../../utils/index.js"),ne=require("../../config-provider/hooks/use-locale.js"),ae=require("../../config-provider/hooks/use-namespace.js"),h=1,b=10;function oe(g){const l={};return g&&(g===!0?(l.current=h,l.pageSize=b):(l.current=g.defaultCurrent||h,l.pageSize=g.defaultPageSize||b)),l}const se=({manual:g=!1,request:l,defaultParams:L={},defaultData:v=[],formatParams:y,paramsValueTypeMap:N,resetFieldsIgnores:R,filterFields:j,sortFields:J,namespace:M="ap-table",pagination:p={defaultCurrent:h,defaultPageSize:b,showLessItems:!1,showTotal:!0}})=>{let q=0,c={};const S=p??{},Q=e=>y?y(e):e,z=n.ref(),i=n.reactive(oe(p)),{getColumnSFConfig:B,setSF:G,clearAll:K,sortedInfo:Z,filteredInfo:$}=re.useTableSortedAndFiltered(),{t:P}=ne.useLocale(),{b:w}=ae.useNamespace(M),a=n.reactive({total:v.length,records:v,loading:!1}),F=()=>{var e,t;return((t=(e=z.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},V=async e=>{var o;const t=Q(e),r=Date.now();q=r,a.loading=!0;try{const s=await l({...n.unref(L),...t});q===r&&(a.total=s.total||((o=s.data)==null?void 0:o.length)||0,a.records=[...s.data||[]])}catch{q===r&&(a.records=[],a.total=0)}finally{a.loading=!1}},U=e=>{const t={};return Object.entries(e).forEach(([r,o])=>{if(t[r]=o,N&&o){const s=N[r];s&&(t[r]=A.parseFieldValue(s,o))}}),t},W=async e=>{var o,s,f,d,m;const t=F(),r={};Object.entries(t).forEach(([T,E])=>{R&&R.indexOf(T)>-1&&(r[T]=E)}),await((s=(o=z.value)==null?void 0:o.apForm)==null?void 0:s.resetFields()),(m=(d=(f=z.value)==null?void 0:f.apForm)==null?void 0:d.setFieldsValue)==null||m.call(d,r),n.nextTick(()=>{e==null||e()})},C=e=>{c=e;const t=U(e);V(t)},H=e=>{C({...c,...e})},x=()=>{const e=F();p&&(i.current=h),C({...e,filter:c.filter,sort:c.sort,current:p?h:void 0,pageSize:p?c.pageSize||i.pageSize:void 0})},X=()=>{K(),c.sort={},c.filter={},W(x)},_=()=>{C(c)},Y=e=>{if(!p)_();else{const{current:t,pageSize:r}=i,o=a.total-e,s=Math.ceil(o/r),f=t>s?s:t;H({current:f>0?f:1})}},I=(e,t,r)=>{var T,E;const o=F();i.current=e.current,i.pageSize=e.pageSize,G(t,r);const s=D.isArray(r)?[...r]:[r],f={};for(const u of s)(T=n.unref(J))!=null&&T.includes(u.columnKey||u.field)&&u.order&&(f[A.dataIndexToStr(u.columnKey||u.field)]=u.order);const d={};for(const u of Object.keys(t))(E=n.unref(j))!=null&&E.includes(u)&&t[u]&&(d[u]=t[u]);const m={...o,filter:d,sort:f,current:e.current,pageSize:e.pageSize};D.isEqualWith(c,m,A.isEqualCustom)||C(m)};n.onMounted(()=>{const e=F(),{current:t,pageSize:r}=i;if(c={current:t,pageSize:r,filter:{},sort:{},...e},!g){const o=U(c);V(o)}}),n.watch(()=>n.unref(L),()=>{x()},{deep:!0});const k=n.computed(()=>{if(a.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(a.total/t)}`});function ee(e){D.isArray(e)&&(a.records=e,a.total=e.length)}const te=n.computed(()=>{const{showLessItems:e,showTotal:t}=S;return{loading:a.loading,pagination:{current:i.current,pageSize:i.pageSize,total:a.total,showSizeChanger:O.isDef(S.showSizeChanger)?S.showSizeChanger:!e,showQuickJumper:O.isDef(S.showQuickJumper)?S.showQuickJumper:!e,showLessItems:e,size:"default",showTotal:t?r=>n.createVNode("span",{class:w("pagination-total-wrapper")},[P("ap.apTable.pagination.totalLeftPrefix")," ",n.createVNode("span",{class:w("pagination-count-text")},[r])," ",P("ap.apTable.pagination.totalLeftSuffix"),n.createVNode("span",{class:w("pagination--total-right")},[P("ap.apTable.pagination.totalRightPrefix")," ",n.createVNode("span",{class:w("pagination-count-text")},[n.unref(k)])," ",P("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:I,dataSource:a.records}});return{formRef:z,submit:x,reset:X,refresh:_,refreshByDelete:Y,data:a,current:i.current,pageSize:i.pageSize,handleTableChange:I,tableProps:te,dataSource:n.computed(()=>a.records),setDataSource:ee,getColumnSFConfig:B,sortedInfo:Z,filteredInfo:$}};exports.DEFAULT_CURRENT=h;exports.DEFAULT_PAGE_SIZE=b;exports.useTablePaging=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),re=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const A=require("../utils.js"),b=require("lodash-unified"),_=require("../../utils/index.js"),ne=require("../../config-provider/hooks/use-locale.js"),ae=require("../../config-provider/hooks/use-namespace.js"),S=1,C=10;function oe(g){const f={};return g&&(g===!0?(f.current=S,f.pageSize=C):(f.current=g.defaultCurrent||S,f.pageSize=g.defaultPageSize||C)),f}const se=({manual:g=!1,request:f,defaultParams:D={},defaultData:L=[],formatParams:v,paramsValueTypeMap:y,resetFieldsIgnores:N,filterFields:I,sortFields:j,namespace:M="ap-table",pagination:p={defaultCurrent:S,defaultPageSize:C,showLessItems:!1,showTotal:!0}})=>{let q=0,i={};const B=p??{},G=e=>v?v(e):e,T=a.ref(),c=a.reactive(oe(p)),{getColumnSFConfig:J,setSF:K,clearAll:Q,sortedInfo:Z,filteredInfo:$}=re.useTableSortedAndFiltered(),{t:z}=ne.useLocale(),{b:P}=ae.useNamespace(M),s=a.reactive({total:L.length,records:L,loading:!1}),F=()=>{var e,t;return((t=(e=T.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},R=async e=>{var n;const t=G(e),r=Date.now();q=r,s.loading=!0;try{const o=await f({...a.unref(D),...t});q===r&&(s.total=o.total||((n=o.data)==null?void 0:n.length)||0,s.records=[...o.data||[]])}catch{q===r&&(s.records=[],s.total=0)}finally{s.loading=!1}},U=e=>{const t={};return Object.entries(e).forEach(([r,n])=>{if(t[r]=n,y&&n){const o=y[r];o&&(t[r]=A.parseFieldValue(o,n))}}),t},W=async e=>{var n,o,l,d,h;const t=F(),r={};Object.entries(t).forEach(([m,E])=>{N&&N.indexOf(m)>-1&&(r[m]=E)}),await((o=(n=T.value)==null?void 0:n.apForm)==null?void 0:o.resetFields()),(h=(d=(l=T.value)==null?void 0:l.apForm)==null?void 0:d.setFieldsValue)==null||h.call(d,r),a.nextTick(()=>{e==null||e()})},w=e=>{i=e;const t=U(e);R(t)},H=e=>{w({...i,...e})},x=()=>{const e=F();p&&(c.current=S),w({...e,filter:i.filter,sort:i.sort,current:p?S:void 0,pageSize:p?i.pageSize||c.pageSize:void 0})},X=()=>{Q(),i.sort={},i.filter={},W(x)},V=()=>{w(i)},Y=e=>{if(!p)V();else{const{current:t,pageSize:r}=c,n=s.total-e,o=Math.ceil(n/r),l=t>o?o:t;H({current:l>0?l:1})}},O=(e,t,r)=>{var m,E;const n=F();c.current=e.current,c.pageSize=e.pageSize,K(t,r);const o=b.isArray(r)?[...r]:[r],l={};for(const u of o)(m=a.unref(j))!=null&&m.includes(u.columnKey||u.field)&&u.order&&(l[A.dataIndexToStr(u.columnKey||u.field)]=u.order);const d={};for(const u of Object.keys(t))(E=a.unref(I))!=null&&E.includes(u)&&t[u]&&(d[u]=t[u]);const h={...n,filter:d,sort:l,current:e.current,pageSize:e.pageSize};b.isEqualWith(i,h,A.isEqualCustom)||w(h)};a.onMounted(()=>{const e=F(),{current:t,pageSize:r}=c;if(i={current:t,pageSize:r,filter:{},sort:{},...e},!g){const n=U(i);R(n)}}),a.watch(()=>a.unref(D),()=>{x()},{deep:!0});const k=a.computed(()=>{if(s.total===0)return"-";const{current:e,pageSize:t}=c;return`${e}/${Math.ceil(s.total/t)}`});function ee(e){b.isArray(e)&&(s.records=e,s.total=e.length)}const te=a.computed(()=>{const{showLessItems:e,showTotal:t,showQuickJumper:r,showSizeChanger:n,pageSizeOptions:o}=B;return{loading:s.loading,pagination:{current:c.current,pageSize:c.pageSize,total:s.total,showSizeChanger:_.isDef(n)?n:!e,showQuickJumper:_.isDef(r)?r:!e,showLessItems:e,size:"default",pageSizeOptions:b.isUndefined(o)?["10","20","50","100"]:o,showTotal:t?l=>a.createVNode("span",{class:P("pagination-total-wrapper")},[z("ap.apTable.pagination.totalLeftPrefix")," ",a.createVNode("span",{class:P("pagination-count-text")},[l])," ",z("ap.apTable.pagination.totalLeftSuffix"),a.createVNode("span",{class:P("pagination--total-right")},[z("ap.apTable.pagination.totalRightPrefix")," ",a.createVNode("span",{class:P("pagination-count-text")},[a.unref(k)])," ",z("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:O,dataSource:s.records}});return{formRef:T,submit:x,reset:X,refresh:V,refreshByDelete:Y,data:s,current:c.current,pageSize:c.pageSize,handleTableChange:O,tableProps:te,dataSource:a.computed(()=>s.records),setDataSource:ee,getColumnSFConfig:J,sortedInfo:Z,filteredInfo:$}};exports.DEFAULT_CURRENT=S;exports.DEFAULT_PAGE_SIZE=C;exports.useTablePaging=se;

package/lib/src/ap-table/interface.d.ts

@@ -8,6 +8,7 @@ import { ApActionGroupProps } from '../ap-action';
 import { ApTableIndexProps } from './components/interface';
 import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
 import { RowSelectionReturnType } from './hooks/use-table-row-selection';
+import { PaginationProps } from '@aplus-frontend/antdv';
 export type ValueEnumType = {
     text: string;
     /**
@@ -238,6 +239,8 @@ export type ApTablePaginationConfig = {
      * 是否显示快速跳转
      */
     showQuickJumper?: boolean;
+} & {
+    pageSizeOptions?: PaginationProps['pageSizeOptions'];
 };
 export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection'> & {
     /**

package/lib/src/business/ap-ladder/components/ValueGroupMode.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@aplus-frontend/antdv");require("../../../config-provider/index.js");const k=require("../interface.js"),f=require("../../../config-provider/hooks/use-namespace.js"),S={key:0},C=["href","onClick"],v=["onClick"],g={key:0},B={key:0},h=e.defineComponent({name:"ApLadderValueGroupMode",__name:"ValueGroupMode",props:{labelValues:{type:Array,default:()=>[]},labelAlign:{type:String,default:""},labelStyles:{type:Object,default:()=>({})},valueStyles:{type:Object,default:()=>({})},linkStyles:{type:Object,default:()=>({})},unitStyles:{type:Object,default:()=>({})},tooltipLabelStyles:{type:Object,default:()=>({})},tooltipValueStyles:{type:Object,default:()=>({})},tooltipProps:{type:Object,default:()=>({})},tooltip:{type:Boolean,default:!1}},emits:["update:valueRefs","handleClick"],setup(l,{emit:u}){const y=u,{e:r}=f.useNamespace("ap-ladder"),a=o=>e.isVNode(o)||typeof o=="function",s=o=>{const{value:n,style:t}=o;return e.isVNode(n)?e.h(n,{style:t}):typeof n=="function"?e.h(n(),{ref:e.ref,style:{...t}}):null},i=(o,n={rawValue:!0,precision:2,thousand:!0,thousandSeparator:",",currency:"CNY",percent:!1})=>{if(Object.prototype.toString.call(o)==="[object Null]"||Object.prototype.toString.call(o)==="[object Undefined]"||Object.prototype.toString.call(o)==="[object Object]"||Object.prototype.toString.call(o)==="[object Function]")return"--";if(typeof o=="number"){if(n.percent)return`${o.toFixed(n.precision)}%`;if(n.currency)return o.toLocaleString(k.locales[n.currency?n.currency:"CNY"],{style:"currency",currency:n.currency?n.currency:"CNY"});if(n.thousand){const[t,c]=o.toFixed(n.precision?n.precision:2).split(".");return`${t.replace(/(\d)(?=(\d{3})+(?!\d))/g,`$1${n.thousandSeparator?n.thousandSeparator:","}`)}.${c}`}return o.toFixed(n.precision?n.precision:2)}return o},d=o=>{y("handleClick",o)};return(o,n)=>(e.openBlock(),e.createBlock(e.unref(p.Tooltip),e.normalizeProps(e.guardReactiveProps(l.tooltipProps)),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("value-group"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(e.unref(r)("value-group-item"))},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r)("value-group-label"),l.labelAlign&&`label-align-${l.labelAlign}`]),style:e.normalizeStyle(t.labelStyles)},[e.createTextVNode(e.toDisplayString(t.label),1),t.label?(e.openBlock(),e.createElementBlock("span",S,"：")):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("value-group-value"))},[a(t.value)?(e.openBlock(),e.createBlock(s,{key:0,value:t.value,style:e.normalizeStyle([t.labelColor,t.valueStyles])},null,8,["value","style"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.link?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.link,target:"_blank",class:e.normalizeClass(e.unref(r)("value-group-link")),style:e.normalizeStyle([l.linkStyles,t.linkStyles,t.linkColor?{color:t.linkColor}:void 0]),onClick:e.withModifiers(m=>d(t),["prevent"])},e.toDisplayString(i(t.value,{...t})),15,C)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",{style:e.normalizeStyle([l.valueStyles,t.valueStyles,t.valueColor?{color:t.valueColor}:void 0]),class:e.normalizeClass(t.handleValueClick?e.unref(r)("value-group-link"):void 0),onClick:m=>t.handleValueClick&&t.handleValueClick(l.labelValues)},e.toDisplayString(i(t.value,{...t})),15,v),t.unit?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("value-group-unit")),style:e.normalizeStyle([l.unitStyles,t.unitStyles,t.unitColor?{color:t.unitColor}:void 0])},e.toDisplayString(t.unit),7)):e.createCommentVNode("",!0)],64))],64))],2)],2))),128))],2)]),_:2},[o.$slots.title?{name:"title",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"title")]),key:"0"}:l.tooltip?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("tooltip"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(e.unref(r)("tooltip-item"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("tooltip-label")),style:e.normalizeStyle(l.tooltipLabelStyles)},e.toDisplayString(t.label?t.label:"--")+"： ",7),a(t.value)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("tooltip-value")),style:e.normalizeStyle(l.tooltipValueStyles)},[e.createVNode(s,{value:t.value,style:e.normalizeStyle([t.tooltipValueStyles])},null,8,["value","style"]),t.unit?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.unit),1)):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r)("tooltip-value")),style:e.normalizeStyle(l.tooltipValueStyles)},[e.createTextVNode(e.toDisplayString(i(t.value,{...t}))+" ",1),t.unit?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.unit),1)):e.createCommentVNode("",!0)],6))],2))),128))],2)]),key:"1"}:void 0]),1040))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@aplus-frontend/antdv");require("../../../config-provider/index.js");const k=require("../interface.js"),f=require("../../../config-provider/hooks/use-namespace.js"),S={key:0},v=["href","onClick"],C=["onClick"],g={key:0},B={key:0},h=e.defineComponent({name:"ApLadderValueGroupMode",__name:"ValueGroupMode",props:{labelValues:{type:Array,default:()=>[]},labelAlign:{type:String,default:""},labelStyles:{type:Object,default:()=>({})},valueStyles:{type:Object,default:()=>({})},linkStyles:{type:Object,default:()=>({})},unitStyles:{type:Object,default:()=>({})},tooltipLabelStyles:{type:Object,default:()=>({})},tooltipValueStyles:{type:Object,default:()=>({})},tooltipProps:{type:Object,default:()=>({})},tooltip:{type:Boolean,default:!1}},emits:["update:valueRefs","handleClick"],setup(r,{emit:u}){const y=u,{e:l}=f.useNamespace("ap-ladder"),a=n=>e.isVNode(n)||typeof n=="function",s=n=>{const{value:o,style:t}=n;return e.isVNode(o)?e.h(o,{style:t}):typeof o=="function"?e.h(o(),{ref:e.ref,style:{...t}}):null},i=(n,o={rawValue:!0,precision:2,thousand:!0,thousandSeparator:",",currency:"CNY",percent:!1})=>{if(Object.prototype.toString.call(n)==="[object Null]"||Object.prototype.toString.call(n)==="[object Undefined]"||Object.prototype.toString.call(n)==="[object Object]"||Object.prototype.toString.call(n)==="[object Function]")return"--";if(typeof n=="number"){if(o.percent)return`${n.toFixed(o.precision)}%`;if(o.currency)return n.toLocaleString(k.locales[o.currency?o.currency:"CNY"],{style:"currency",currency:o.currency?o.currency:"CNY"});if(o.thousand){const[t,c]=n.toFixed(o.precision?o.precision:2).split(".");return`${t.replace(/(\d)(?=(\d{3})+(?!\d))/g,`$1${o.thousandSeparator?o.thousandSeparator:","}`)}.${c}`}return n.toFixed(o.precision?o.precision:2)}return n},d=n=>{y("handleClick",n)};return(n,o)=>(e.openBlock(),e.createBlock(e.unref(p.Tooltip),e.normalizeProps(e.guardReactiveProps(r.tooltipProps)),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("value-group"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.labelValues,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass([e.unref(l)("value-group-item"),t.label===""&&e.unref(l)("value-group-value-end")])},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(l)("value-group-label"),r.labelAlign&&e.unref(l)(`label-align-${r.labelAlign}`)]),style:e.normalizeStyle(t.labelStyles)},[e.createTextVNode(e.toDisplayString(t.label),1),t.label?(e.openBlock(),e.createElementBlock("span",S,"：")):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("value-group-value"))},[a(t.value)?(e.openBlock(),e.createBlock(s,{key:0,value:t.value,style:e.normalizeStyle([t.labelColor,t.valueStyles])},null,8,["value","style"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.link?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.link,target:"_blank",class:e.normalizeClass(e.unref(l)("value-group-link")),style:e.normalizeStyle([r.linkStyles,t.linkStyles,t.linkColor?{color:t.linkColor}:void 0]),onClick:e.withModifiers(m=>d(t),["prevent"])},e.toDisplayString(i(t.value,{...t})),15,v)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",{style:e.normalizeStyle([r.valueStyles,t.valueStyles,t.valueColor?{color:t.valueColor}:void 0]),class:e.normalizeClass(t.handleValueClick?e.unref(l)("value-group-link"):void 0),onClick:m=>t.handleValueClick&&t.handleValueClick(r.labelValues)},e.toDisplayString(i(t.value,{...t})),15,C),t.unit?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("value-group-unit")),style:e.normalizeStyle([r.unitStyles,t.unitStyles,t.unitColor?{color:t.unitColor}:void 0])},e.toDisplayString(t.unit),7)):e.createCommentVNode("",!0)],64))],64))],2)],2))),128))],2)]),_:2},[n.$slots.title?{name:"title",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"title")]),key:"0"}:r.tooltip?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("tooltip"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.labelValues,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(e.unref(l)("tooltip-item"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("tooltip-label")),style:e.normalizeStyle(r.tooltipLabelStyles)},e.toDisplayString(t.label?t.label:"--")+"： ",7),a(t.value)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("tooltip-value")),style:e.normalizeStyle(r.tooltipValueStyles)},[e.createVNode(s,{value:t.value,style:e.normalizeStyle([t.tooltipValueStyles])},null,8,["value","style"]),t.unit?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.unit),1)):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l)("tooltip-value")),style:e.normalizeStyle(r.tooltipValueStyles)},[e.createTextVNode(e.toDisplayString(i(t.value,{...t}))+" ",1),t.unit?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.unit),1)):e.createCommentVNode("",!0)],6))],2))),128))],2)]),key:"1"}:void 0]),1040))}});exports.default=h;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.5.21",
+  "version": "0.5.22",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ap-ladder/ap-ladder.css

@@ -13,11 +13,13 @@
   white-space: nowrap;
   min-width: 0;
 }
+.aplus-ap-ladder__value-group-value-end {
+  justify-content: flex-end;
+}
 .aplus-ap-ladder__value-group-label {
   display: inline-block;
   color: #8896B0;
   word-break: break-all;
-  min-width: 50px;
 }
 .aplus-ap-ladder__value-group-value {
   color: #182948;
@@ -31,6 +33,12 @@
   color: #0070ff !important;
   text-decoration: none !important;
 }
+.aplus-ap-ladder__label-align-left {
+  text-align: left;
+}
+.aplus-ap-ladder__label-align-right {
+  text-align: right;
+}
 .aplus-ap-ladder-base {
   display: flex;
 }
@@ -62,7 +70,7 @@
   display: flex;
 }
 .aplus-ap-ladder__tooltip-label {
-  min-width: 50px;
+  white-space: nowrap;
   word-break: break-all;
 }
 .aplus-ap-ladder__tooltip-value {
@@ -112,6 +120,12 @@
   color: #0070ff;
   text-decoration: none;
 }
+.aplus-ap-ladder--admin .aplus-ap-ladder__value-group-label {
+  color: #999999;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__value-group-value {
+  color: #333333;
+}
 .aplus-ap-ladder--admin .aplus-ap-ladder__major {
   color: #333333;
 }

package/theme/ap-ladder/ap-ladder.less

@@ -15,12 +15,14 @@
     white-space: nowrap;
     min-width: 0; // Import
   }
+  &__value-group-value-end{
+    justify-content: flex-end;
+  }
 
   &__value-group-label{
     display: inline-block;
     color: #8896B0;
     word-break: break-all;
-    min-width: 50px;
   }
   &__value-group-value{
     color: #182948;
@@ -34,7 +36,12 @@
     color: @aplus-primary-color !important;
     text-decoration: none !important;
   }
- 
+  &__label-align-left{
+    text-align: left;
+  }
+  &__label-align-right{
+    text-align: right;
+  }
   &-base{
     display: flex;
   }
@@ -66,7 +73,7 @@
     display: flex;
   }
   &__tooltip-label{
-     min-width: 50px;
+    white-space: nowrap;
      word-break: break-all;
   }
   &__tooltip-value{
@@ -122,6 +129,12 @@
   /** Admin端样式  */
   &--admin {
     .@{root-cls} {
+       &__value-group-label{
+        color: #999999;
+       }
+      &__value-group-value{
+        color: #333333;
+      }
       &__major {
         color: #333333;
       }

package/theme/index.css

@@ -601,11 +601,13 @@
   white-space: nowrap;
   min-width: 0;
 }
+.aplus-ap-ladder__value-group-value-end {
+  justify-content: flex-end;
+}
 .aplus-ap-ladder__value-group-label {
   display: inline-block;
   color: #8896B0;
   word-break: break-all;
-  min-width: 50px;
 }
 .aplus-ap-ladder__value-group-value {
   color: #182948;
@@ -619,6 +621,12 @@
   color: #0070ff !important;
   text-decoration: none !important;
 }
+.aplus-ap-ladder__label-align-left {
+  text-align: left;
+}
+.aplus-ap-ladder__label-align-right {
+  text-align: right;
+}
 .aplus-ap-ladder-base {
   display: flex;
 }
@@ -650,7 +658,7 @@
   display: flex;
 }
 .aplus-ap-ladder__tooltip-label {
-  min-width: 50px;
+  white-space: nowrap;
   word-break: break-all;
 }
 .aplus-ap-ladder__tooltip-value {
@@ -700,6 +708,12 @@
   color: #0070ff;
   text-decoration: none;
 }
+.aplus-ap-ladder--admin .aplus-ap-ladder__value-group-label {
+  color: #999999;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__value-group-value {
+  color: #333333;
+}
 .aplus-ap-ladder--admin .aplus-ap-ladder__major {
   color: #333333;
 }