@aplus-frontend/ui 0.5.20 → 0.5.22

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

@@ -1,9 +1,9 @@
-import { defineComponent as L, isVNode as g, h as C, ref as P, createBlock as h, openBlock as o, unref as i, normalizeProps as x, guardReactiveProps as A, createSlots as B, 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 y, withModifiers as w, renderSlot as z, createVNode as M } from "vue";
-import { Tooltip as R } from "@aplus-frontend/antdv";
+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 Y } from "../interface.mjs";
-import { useNamespace as b } from "../../../config-provider/hooks/use-namespace.mjs";
-const E = { key: 0 }, G = ["href", "onClick"], T = { key: 0 }, D = { key: 0 }, Q = /* @__PURE__ */ L({
+import { locales as E } from "../interface.mjs";
+import { useNamespace as G } from "../../../config-provider/hooks/use-namespace.mjs";
+const T = { key: 0 }, D = ["href", "onClick"], U = ["onClick"], b = { key: 0 }, q = { key: 0 }, W = /* @__PURE__ */ P({
   name: "ApLadderValueGroupMode",
   __name: "ValueGroupMode",
   props: {
@@ -49,18 +49,18 @@ const E = { key: 0 }, G = ["href", "onClick"], T = { key: 0 }, D = { key: 0 }, Q
     }
   },
   emits: ["update:valueRefs", "handleClick"],
-  setup(l, { emit: N }) {
-    const $ = N, { e: c } = b("ap-ladder"), m = (e) => g(e) || typeof e == "function", S = (e) => {
-      const { value: r, style: t } = e;
-      return g(r) ? C(r, {
+  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 g(o) ? C(o, {
         style: t
-      }) : typeof r == "function" ? C(r(), {
-        ref: P,
+      }) : typeof o == "function" ? C(o(), {
+        ref: x,
         style: {
           ...t
         }
       }) : null;
-    }, k = (e, r = {
+    }, k = (e, o = {
       rawValue: !0,
       precision: 2,
       thousand: !0,
@@ -71,85 +71,92 @@ const E = { key: 0 }, G = ["href", "onClick"], T = { key: 0 }, D = { key: 0 }, Q
       if (Object.prototype.toString.call(e) === "[object Null]" || Object.prototype.toString.call(e) === "[object Undefined]" || Object.prototype.toString.call(e) === "[object Object]" || Object.prototype.toString.call(e) === "[object Function]")
         return "--";
       if (typeof e == "number") {
-        if (r.percent)
-          return `${e.toFixed(r.precision)}%`;
-        if (r.currency)
+        if (o.percent)
+          return `${e.toFixed(o.precision)}%`;
+        if (o.currency)
           return e.toLocaleString(
-            Y[r.currency ? r.currency : "CNY"],
+            E[o.currency ? o.currency : "CNY"],
             {
               style: "currency",
-              currency: r.currency ? r.currency : "CNY"
+              currency: o.currency ? o.currency : "CNY"
             }
           );
-        if (r.thousand) {
-          const [t, a] = e.toFixed(r.precision ? r.precision : 2).split(".");
+        if (o.thousand) {
+          const [t, y] = e.toFixed(o.precision ? o.precision : 2).split(".");
           return `${t.replace(
             /(\d)(?=(\d{3})+(?!\d))/g,
-            `$1${r.thousandSeparator ? r.thousandSeparator : ","}`
-          )}.${a}`;
+            `$1${o.thousandSeparator ? o.thousandSeparator : ","}`
+          )}.${y}`;
         }
-        return e.toFixed(r.precision ? r.precision : 2);
+        return e.toFixed(o.precision ? o.precision : 2);
       }
       return e;
     }, F = (e) => {
       $("handleClick", e);
     };
-    return (e, r) => (o(), h(i(R), x(A(l.tooltipProps)), B({
+    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"))
         }, [
-          (o(!0), n(f, null, j(l.labelValues, (t, a) => (o(), n("div", {
-            key: a,
-            class: s(i(c)("value-group-item"))
+          (r(!0), i(f, null, j(c.labelValues, (t, y) => (r(), i("div", {
+            key: y,
+            class: s([
+              n(l)("value-group-item"),
+              t.label === "" && n(l)("value-group-value-end")
+            ])
           }, [
-            t.label ? (o(), 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(y(t.label), 1),
-              t.label ? (o(), n("span", E, "：")) : p("", !0)
+              O(a(t.label), 1),
+              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) ? (o(), h(S, {
+              m(t.value) ? (r(), h(S, {
                 key: 0,
                 value: t.value,
                 style: u([t.labelColor, t.valueStyles])
-              }, null, 8, ["value", "style"])) : (o(), n(f, { key: 1 }, [
-                t.link ? (o(), 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: w((U) => F(t), ["prevent"])
-                }, y(k(t.value, { ...t })), 15, G)) : (o(), n(f, { key: 1 }, [
+                  onClick: z((L) => F(t), ["prevent"])
+                }, 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
-                    ])
-                  }, y(k(t.value, { ...t })), 5),
-                  t.unit ? (o(), n("span", {
+                    ]),
+                    class: s(
+                      t.handleValueClick ? n(l)("value-group-link") : void 0
+                    ),
+                    onClick: (L) => t.handleValueClick && t.handleValueClick(c.labelValues)
+                  }, a(k(t.value, { ...t })), 15, U),
+                  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
                     ])
-                  }, y(t.unit), 7)) : p("", !0)
+                  }, a(t.unit), 7)) : p("", !0)
                 ], 64))
               ], 64))
             ], 2)
@@ -161,40 +168,40 @@ const E = { key: 0 }, G = ["href", "onClick"], T = { key: 0 }, D = { key: 0 }, Q
       e.$slots.title ? {
         name: "title",
         fn: v(() => [
-          z(e.$slots, "title")
+          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"))
           }, [
-            (o(!0), n(f, null, j(l.labelValues, (t, a) => (o(), n("div", {
-              key: a,
-              class: s(i(c)("tooltip-item"))
+            (r(!0), i(f, null, j(c.labelValues, (t, y) => (r(), i("div", {
+              key: y,
+              class: s(n(l)("tooltip-item"))
             }, [
               d("span", {
-                class: s(i(c)("tooltip-label")),
-                style: u(l.tooltipLabelStyles)
-              }, y(t.label ? t.label : "--") + "： ", 7),
-              m(t.value) ? (o(), n("span", {
+                class: s(n(l)("tooltip-label")),
+                style: u(c.tooltipLabelStyles)
+              }, a(t.label ? t.label : "--") + "： ", 7),
+              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)
               }, [
-                M(S, {
+                R(S, {
                   value: t.value,
                   style: u([t.tooltipValueStyles])
                 }, null, 8, ["value", "style"]),
-                t.unit ? (o(), n("span", T, y(t.unit), 1)) : p("", !0)
-              ], 6)) : (o(), 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(y(k(t.value, { ...t })) + " ", 1),
-                t.unit ? (o(), n("span", D, y(t.unit), 1)) : p("", !0)
+                O(a(k(t.value, { ...t })) + " ", 1),
+                t.unit ? (r(), i("span", q, a(t.unit), 1)) : p("", !0)
               ], 6))
             ], 2))), 128))
           ], 2)
@@ -205,5 +212,5 @@ const E = { key: 0 }, G = ["href", "onClick"], T = { key: 0 }, D = { key: 0 }, Q
   }
 });
 export {
-  Q as default
+  W as default
 };

package/es/src/business/ap-ladder/interface.d.ts

@@ -68,6 +68,10 @@ export interface ApLadderLabelValue {
      * 跳转第三方链接 - 回调
      */
     handleClickLink?: () => void;
+    /**
+     * value值-点击事件
+     */
+    handleValueClick?: (labelValueRecord: ApLadderLabelValue[]) => void;
     /**
      * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
      * @default `right`

package/es/src/business/batch-input-group/index.vue.d.ts

@@ -73,6 +73,7 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly emptyText?: string | undefined;
+            readonly beforeInput?: ((nextVal: string) => string) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;

package/es/src/business/batch-input-group/index.vue.mjs

@@ -67,7 +67,8 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
     suffix: {},
     clearIcon: {},
     allowClear: { type: Boolean, default: !0 },
-    emptyText: { default: "--" }
+    emptyText: { default: "--" },
+    beforeInput: {}
   },
   emits: ["update:value"],
   setup(V, { emit: C }) {

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

@@ -15,6 +15,12 @@ export type BasicApFieldProps<FieldPropsType = any> = {
 } & FieldPropsType;
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     emptyText?: string;
+    /**
+     * 输入生效前的事件，受控输入拦截
+     * @param nextVal
+     * @returns
+     */
+    beforeInput?: (nextVal: string) => string;
 };
 export type ApFieldTextPasswordProps = BasicApFieldProps<InputPasswordProps> & {
     emptyText?: string;
@@ -91,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"),v=require("@aplus-frontend/antdv");require("../../hooks/index.js");const x=require("lodash-unified"),B=require("../hooks/use-default-placeholder.js"),b=require("../../hooks/useControllableValue.js");function h(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!t.isVNode(a)}const g=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:"--"}},emits:["update:value"],setup(a,{expose:c,emit:i}){const l=t.ref(),o=t.useSlots();c({focus:e=>{var n;(n=l.value)==null||n.focus(e)},blur:()=>{var e;(e=l.value)==null||e.blur()},setSelectionRange:(e,n,y)=>{var d;(d=l.value)==null||d.setSelectionRange(e,n,y)},select:()=>{var e;(e=l.value)==null||e.select()},input:t.computed(()=>{var e;return(e=l.value)==null?void 0:e.input})});const s=i,u=a,{value:r,updateValue:p}=b.useControllableValue(u,s),f=B.useDefaultPlaceholder("Text",u);function m(){var e,n;return u.mode==="edit"?t.createVNode(v.Input,t.mergeProps(x.omit(u,["mode","emptyText","value","onUpdate:value"]),{placeholder:t.unref(f),value:t.unref(r),"onUpdate:value":p,ref:l}),h(o)?o:{default:()=>[o]}):t.createVNode("span",null,[u.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(r)||u.emptyText,u.suffix||((n=o==null?void 0:o.suffix)==null?void 0:n.call(o))])}return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(m())))}});exports.default=g;
+"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/text/index.vue.d.ts

@@ -75,6 +75,7 @@ declare function __VLS_template(): {
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
                 readonly emptyText?: string | undefined;
+                readonly beforeInput?: ((nextVal: string) => string) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -230,6 +231,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly emptyText?: string | undefined;
+            readonly beforeInput?: ((nextVal: string) => string) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;

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

@@ -1666,6 +1666,7 @@ export declare const apTableFormItemMap: {
                     readonly clearIcon?: any;
                     readonly allowClear?: boolean | undefined;
                     readonly emptyText?: string | undefined;
+                    readonly beforeInput?: ((nextVal: string) => string) | undefined;
                 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;

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/ap-table/utils.d.ts

@@ -374,6 +374,7 @@ export declare function getSearchFormItemRenderNode(item: any, extraRenderMap?:
                     readonly clearIcon?: any;
                     readonly allowClear?: boolean | undefined;
                     readonly emptyText?: string | undefined;
+                    readonly beforeInput?: ((nextVal: string) => string) | undefined;
                 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;

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"),m=require("@aplus-frontend/antdv");require("../../../config-provider/index.js");const p=require("../interface.js"),k=require("../../../config-provider/hooks/use-namespace.js"),f={key:0},S=["href","onClick"],v={key:0},C={key:0},g=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}=k.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(p.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(m.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",f,"：")):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(B=>d(t),["prevent"])},e.toDisplayString(i(t.value,{...t})),15,S)):(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])},e.toDisplayString(i(t.value,{...t})),5),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",v,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",C,e.toDisplayString(t.unit),1)):e.createCommentVNode("",!0)],6))],2))),128))],2)]),key:"1"}:void 0]),1040))}});exports.default=g;
+"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/lib/src/business/ap-ladder/interface.d.ts

@@ -68,6 +68,10 @@ export interface ApLadderLabelValue {
      * 跳转第三方链接 - 回调
      */
     handleClickLink?: () => void;
+    /**
+     * value值-点击事件
+     */
+    handleValueClick?: (labelValueRecord: ApLadderLabelValue[]) => void;
     /**
      * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
      * @default `right`

package/lib/src/business/batch-input-group/index.vue.d.ts

@@ -73,6 +73,7 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly emptyText?: string | undefined;
+            readonly beforeInput?: ((nextVal: string) => string) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;

package/lib/src/business/batch-input-group/index.vue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../ap-field/index.js");const L=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const y=require("lodash-unified");require("./popover-input/index.vue.js");require("../../hooks/index.js");const N=require("../../utils/index.js"),O=require("../../ap-field/hooks/use-default-placeholder.js"),z=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),F=require("../../config-provider/hooks/use-namespace.js"),T=require("../../ap-field/select/index.vue.js"),M=require("../../ap-field/text/index.js"),$=require("./popover-input/index.vue2.js"),p="GROUP_SEARCH_ALL",D=t.defineComponent({__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},popoverPlacement:{default:"left"},mode:{default:"edit"},class:{},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:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(h,{emit:g}){const l=h,B=O.useDefaultPlaceholder("Text",l),b=g,{value:u,updateValue:r}=z.useControllableValue(l,b),i=t.ref(),c=t.ref(),{t:V}=E.useLocale(),{b:_,cssVar:A}=F.useNamespace("batch-input-group"),C=t.computed(()=>{const e=l.popoverPlacement;return{"popover-left":y.isNumber(e)?`${e}px`:e==="left"?"0px":"unset","popover-right":e==="right"?"0px":"unset"}}),q=t.computed(()=>l.options?l.options.length>1&&l.hasAll?[{value:p,label:V("ap.common.all")},...l.options]:l.options:[]),S=t.computed(()=>l.options?l.options.map(e=>e.value):[]),x=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(","):""}),P=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(`
-`):""}),U=t.computed(()=>{var n;const e=(n=t.unref(u))==null?void 0:n.key;if(e!=null&&e.length)return e.length===1?e[0]:p}),w=t.computed(()=>{var o;const e=(o=t.unref(u))==null?void 0:o.key;return!e||(e==null?void 0:e.length)<=1?t.unref(B):(l.options||[]).filter(a=>e.includes(a.value)).map(a=>a.label).join("/")});function I(e){const n=t.unref(u)||{},o=e===p?t.unref(S):N.isDef(e)?[e]:[];r({...n,key:o})}function k(e){var f,v;const n=t.unref(u)||{},o=e.target.value||"",a=o.replace(/[,]+/g,",");if(o!==a){const m=(v=(f=c.value)==null?void 0:f.$el)==null?void 0:v.querySelector("input");m&&(m.value=a)}let s=a.split(",");s.length===1&&s[0]===""&&(s=[]),r({...n,value:s})}function R(e){const n=t.unref(u)||{};let o=e.split(/,|\n/);r({...n,value:o})}function d(){var o;const e=t.unref(u)||{},n=(o=e.value)==null?void 0:o.filter(Boolean);r({...e,value:n})}function j(e){var n;d(),(n=l.onBlur)==null||n.call(l,e)}return(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:i,class:t.normalizeClass(t.unref(_)()),style:t.normalizeStyle(t.unref(A)(C.value)),onFocus:n[0]||(n[0]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o))},[t.createVNode(t.unref(L.Space).Compact,{block:""},{default:t.withCtx(()=>{var o;return[(o=e.options)!=null&&o.length?(t.openBlock(),t.createBlock(t.unref(T.default),{key:0,style:t.normalizeStyle(e.style),options:q.value,value:U.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:e.disabled,"get-popup-container":()=>i.value,"onUpdate:value":I},null,8,["style","options","value","disabled","get-popup-container"])):t.createCommentVNode("",!0),t.createVNode(t.unref(M.ApFieldText),t.mergeProps(t.unref(y.omit)(l,["style","value","onUpdate:value","inputStyle","hasAll","options","onBlur"]),{ref_key:"inputRef",ref:c,style:e.inputStyle,value:x.value,placeholder:w.value,onInput:k,onBlur:j}),{suffix:t.withCtx(()=>[t.createVNode($.default,{_parent:i.value,value:P.value,disabled:e.disabled,placement:l.popoverPlacement,"onUpdate:value":R,onClose:d},null,8,["_parent","value","disabled","placement"])]),_:1},16,["style","value","placeholder"])]}),_:1})],38))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../ap-field/index.js");const L=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const y=require("lodash-unified");require("./popover-input/index.vue.js");require("../../hooks/index.js");const N=require("../../utils/index.js"),O=require("../../ap-field/hooks/use-default-placeholder.js"),z=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),F=require("../../config-provider/hooks/use-namespace.js"),T=require("../../ap-field/select/index.vue.js"),M=require("../../ap-field/text/index.js"),$=require("./popover-input/index.vue2.js"),p="GROUP_SEARCH_ALL",D=t.defineComponent({__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},popoverPlacement:{default:"left"},mode:{default:"edit"},class:{},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:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},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(h,{emit:g}){const l=h,B=O.useDefaultPlaceholder("Text",l),b=g,{value:u,updateValue:a}=z.useControllableValue(l,b),i=t.ref(),c=t.ref(),{t:V}=E.useLocale(),{b:_,cssVar:A}=F.useNamespace("batch-input-group"),C=t.computed(()=>{const e=l.popoverPlacement;return{"popover-left":y.isNumber(e)?`${e}px`:e==="left"?"0px":"unset","popover-right":e==="right"?"0px":"unset"}}),q=t.computed(()=>l.options?l.options.length>1&&l.hasAll?[{value:p,label:V("ap.common.all")},...l.options]:l.options:[]),S=t.computed(()=>l.options?l.options.map(e=>e.value):[]),x=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(","):""}),I=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(`
+`):""}),P=t.computed(()=>{var n;const e=(n=t.unref(u))==null?void 0:n.key;if(e!=null&&e.length)return e.length===1?e[0]:p}),U=t.computed(()=>{var o;const e=(o=t.unref(u))==null?void 0:o.key;return!e||(e==null?void 0:e.length)<=1?t.unref(B):(l.options||[]).filter(r=>e.includes(r.value)).map(r=>r.label).join("/")});function w(e){const n=t.unref(u)||{},o=e===p?t.unref(S):N.isDef(e)?[e]:[];a({...n,key:o})}function k(e){var f,v;const n=t.unref(u)||{},o=e.target.value||"",r=o.replace(/[,]+/g,",");if(o!==r){const m=(v=(f=c.value)==null?void 0:f.$el)==null?void 0:v.querySelector("input");m&&(m.value=r)}let s=r.split(",");s.length===1&&s[0]===""&&(s=[]),a({...n,value:s})}function R(e){const n=t.unref(u)||{};let o=e.split(/,|\n/);a({...n,value:o})}function d(){var o;const e=t.unref(u)||{},n=(o=e.value)==null?void 0:o.filter(Boolean);a({...e,value:n})}function j(e){var n;d(),(n=l.onBlur)==null||n.call(l,e)}return(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:i,class:t.normalizeClass(t.unref(_)()),style:t.normalizeStyle(t.unref(A)(C.value)),onFocus:n[0]||(n[0]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o))},[t.createVNode(t.unref(L.Space).Compact,{block:""},{default:t.withCtx(()=>{var o;return[(o=e.options)!=null&&o.length?(t.openBlock(),t.createBlock(t.unref(T.default),{key:0,style:t.normalizeStyle(e.style),options:q.value,value:P.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:e.disabled,"get-popup-container":()=>i.value,"onUpdate:value":w},null,8,["style","options","value","disabled","get-popup-container"])):t.createCommentVNode("",!0),t.createVNode(t.unref(M.ApFieldText),t.mergeProps(t.unref(y.omit)(l,["style","value","onUpdate:value","inputStyle","hasAll","options","onBlur"]),{ref_key:"inputRef",ref:c,style:e.inputStyle,value:x.value,placeholder:U.value,onInput:k,onBlur:j}),{suffix:t.withCtx(()=>[t.createVNode($.default,{_parent:i.value,value:I.value,disabled:e.disabled,placement:l.popoverPlacement,"onUpdate:value":R,onClose:d},null,8,["_parent","value","disabled","placement"])]),_:1},16,["style","value","placeholder"])]}),_:1})],38))}});exports.default=D;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.5.20",
+  "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;
       }