@aplus-frontend/ui 0.4.7 → 0.4.8

package/lib/src/business/ap-ladder/ApLadder.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const N=require("./interface.js"),_=require("../../config-provider/hooks/use-namespace.js"),D=require("../../config-provider/hooks/use-global-config.js"),P={key:1},j={key:0},w={key:1},$={key:0},F=["onClick"],M={key:0},q={key:1},O={key:0},L={key:1},A=e.defineComponent({name:"ApLadder",__name:"ApLadder",props:{major:{default:""},minor:{default:""},majorColor:{default:""},minorColor:{default:""},layout:{default:"vertical"},tooltip:{type:Boolean,default:!0},labelValues:{default:()=>[]},tooltipProps:{default:()=>({title:void 0,align:{},arrowPointAtCenter:!1,arrow:!0,autoAdjustOverflow:!0,color:"",destroyTooltipOnHide:!1,getPopupContainer:()=>document.body,mouseEnterDelay:.1,mouseLeaveDelay:.1,overlayClassName:"",overlayStyle:{},overlayInnerStyle:{},placement:"top",trigger:"hover"})}},setup(C){const u=e.useSlots(),l=C,{b:S,e:r,m:g}=_.useNamespace("ap-ladder"),E=D.useGlobalConfig("uiMode","aplus"),p=`ap-ladder-${Math.floor(Math.random()*1e7)}`,h=r("ellipsis"),s=e.ref(!1),v=e.computed(()=>l.labelValues.length===0),b=e.computed(()=>l.labelValues.length>0),m=e.computed(()=>l.majorColor?{color:`${l.majorColor}`}:{}),d=e.computed(()=>l.minorColor?{color:`${l.minorColor}`}:{}),c=t=>t==null||typeof t=="string"&&t.trim()==="",a=(t,n={})=>{const o={rawValue:n.rawValue,precision:n.precision===void 0?2:n.precision,thousand:n.thousand,thousandSeparator:n.thousandSeparator||",",currency:n.currency,percent:n.percent};return c(t)?"--":o.rawValue?t:typeof t=="number"?o.percent?`${t.toFixed(o.precision)}%`:o.currency?t.toLocaleString(N.locales[o.currency],{style:"currency",currency:o.currency}):o.thousand?t.toFixed(o.precision).replace(/(\d)(?=(\d{3})+(?!\d))/g,`$1${o.thousandSeparator}`):t.toFixed(o.precision):t},V=()=>{const t=document.getElementById(p);if(!t)return;const n=t.querySelectorAll(`.${h}`);new ResizeObserver(i=>{i.forEach(k=>{k.target===t&&(s.value=!1,n.forEach(f=>{f.clientWidth<f.scrollWidth&&(s.value=!0)}))})}).observe(t),s.value=!1,n.forEach(i=>{i.clientWidth<i.scrollWidth&&(s.value=!0)})},y=e.computed(()=>u.title?!0:l.tooltip&&e.unref(s)),z=t=>{t&&window.open(t,"_blank")};return e.onMounted(()=>{V()}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:p,class:e.normalizeClass([e.unref(S)(),`${e.unref(g)(e.unref(E))}`])},[v.value?(e.openBlock(),e.createBlock(e.unref(B.Tooltip),e.normalizeProps(e.mergeProps({key:0},{...l.tooltipProps})),e.createSlots({default:e.withCtx(()=>[!c(t.major)||!c(t.minor)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.layout==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("major"),e.unref(r)("ellipsis")]),style:e.normalizeStyle(m.value)},e.toDisplayString(a(t.major)),7),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("minor"),e.unref(r)("ellipsis")]),style:e.normalizeStyle(d.value)},e.toDisplayString(a(t.minor)),7)],64)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r)("ellipsis"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("major")]),style:e.normalizeStyle(m.value)},e.toDisplayString(a(t.major)),7),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("minor")]),style:e.normalizeStyle(d.value)},e.toDisplayString(a(t.minor)),7)],2))],64)):(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString("--")))]),_:2},[y.value?{name:"title",fn:e.withCtx(()=>[u.title?e.renderSlot(t.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(l.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",null,e.toDisplayString(a(t.major)),1),e.createElementVNode("div",null,e.toDisplayString(a(t.minor)),1)]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0),b.value?(e.openBlock(),e.createBlock(e.unref(B.Tooltip),e.normalizeProps(e.mergeProps({key:1},{...l.tooltipProps})),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:e.normalizeClass([e.unref(r)("ellipsis")])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("label")),style:e.normalizeStyle(o.labelColor?{color:o.labelColor}:void 0)},[e.createTextVNode(e.toDisplayString(o.label),1),o.label?(e.openBlock(),e.createElementBlock("span",$,"：")):e.createCommentVNode("",!0)],6),c(o.link)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r)("value")),style:e.normalizeStyle(o.valueColor?{color:o.valueColor}:void 0)},e.toDisplayString(a(o.value,{...o})),7)):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("link")),style:e.normalizeStyle(o.linkColor?{color:o.linkColor}:void 0),onClick:k=>z(o.link)},e.toDisplayString(a(o.value,{...o})),15,F)),o.unit?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(r)("unit")),style:e.normalizeStyle(o.unitColor?{color:o.unitColor}:void 0)},e.toDisplayString(o.unit),7)):e.createCommentVNode("",!0)],2))),128))]),_:2},[y.value?{name:"title",fn:e.withCtx(()=>[u.title?e.renderSlot(t.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(l.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i},[o.label?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",L,"：")):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a(o.value,{...o})),1)]))),128))]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],2))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const j=require("./interface.js");require("./HelpMessageIcon.vue.js");const D=require("../../config-provider/hooks/use-namespace.js"),P=require("../../config-provider/hooks/use-global-config.js"),d=require("./HelpMessageIcon.vue2.js"),w={key:1},M={key:0},_={key:1},A={key:0},O=["onClick"],$={key:0},L={key:1},T=e.defineComponent({name:"ApLadder",__name:"ApLadder",props:{major:{default:""},minor:{default:""},majorColor:{default:""},majorStyles:{type:[Boolean,null,String,Object,Array],default:void 0},minorColor:{default:""},minorStyles:{type:[Boolean,null,String,Object,Array],default:void 0},layout:{default:"vertical"},tooltip:{type:Boolean,default:!0},labelValues:{default:()=>[]},labelAlign:{default:"right"},labelStyles:{type:[Boolean,null,String,Object,Array],default:void 0},valueStyles:{type:[Boolean,null,String,Object,Array],default:void 0},linkStyles:{type:[Boolean,null,String,Object,Array],default:void 0},unitStyles:{type:[Boolean,null,String,Object,Array],default:void 0},tooltipProps:{default:()=>({title:void 0,align:{},arrowPointAtCenter:!1,arrow:!0,autoAdjustOverflow:!0,color:"",destroyTooltipOnHide:!1,getPopupContainer:()=>document.body,mouseEnterDelay:.1,mouseLeaveDelay:.1,overlayClassName:"",overlayStyle:{},overlayInnerStyle:{},placement:"top",trigger:"hover"})},tooltipLabelStyles:{type:[Boolean,null,String,Object,Array],default:void 0},tooltipValueStyles:{type:[Boolean,null,String,Object,Array],default:void 0}},setup(g){const y=e.useSlots(),l=g,{b:C,e:r,m:h}=D.useNamespace("ap-ladder"),b=P.useGlobalConfig("uiMode","aplus"),m=`ap-ladder-${Math.floor(Math.random()*1e7)}`,E=r("ellipsis"),s=e.ref(!1),V=e.computed(()=>l.labelValues.length===0),z=e.computed(()=>l.labelValues.length>0),k=e.computed(()=>l.majorColor?{color:`${l.majorColor}`}:{}),f=e.computed(()=>l.minorColor?{color:`${l.minorColor}`}:{}),u=t=>t==null||typeof t=="string"&&t.trim()==="",i=(t,n={})=>{const o={rawValue:n.rawValue,precision:n.precision===void 0?2:n.precision,thousand:n.thousand,thousandSeparator:n.thousandSeparator||",",currency:n.currency,percent:n.percent};if(t===null||typeof t=="object"||typeof t=="function"||typeof t>"u")return"--";if(typeof t=="boolean")return t;if(u(t))return"--";if(o.rawValue)return t;if(typeof t=="number"){if(o.percent)return`${t.toFixed(o.precision)}%`;if(o.currency)return t.toLocaleString(j.locales[o.currency],{style:"currency",currency:o.currency});if(o.thousand){const[a,p]=t.toFixed(o.precision).split(".");return`${a.replace(/(\d)(?=(\d{3})+(?!\d))/g,`$1${o.thousandSeparator}`)}.${p}`}return t.toFixed(o.precision)}return t},v=()=>{const t=document.getElementById(m);if(!t)return;const n=t.querySelectorAll(`.${E}`);new ResizeObserver(a=>{a.forEach(p=>{p.target===t&&(s.value=!1,n.forEach(S=>{S.clientWidth<S.scrollWidth&&(s.value=!0)}))})}).observe(t),s.value=!1,n.forEach(a=>{a.clientWidth<a.scrollWidth&&(s.value=!0)})},B=e.computed(()=>y.title?!0:l.tooltip&&e.unref(s)),N=t=>{t.link&&window.open(t.link,"_blank"),typeof t.handleClickLink=="function"&&t.handleClickLink()};return e.onMounted(()=>{v()}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:m,class:e.normalizeClass([e.unref(C)(),`${e.unref(h)(e.unref(b))}`])},[V.value?(e.openBlock(),e.createBlock(e.unref(c.Tooltip),e.normalizeProps(e.mergeProps({key:0},{...l.tooltipProps})),e.createSlots({default:e.withCtx(()=>[!u(t.major)||!u(t.minor)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.layout==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("major"),e.unref(r)("ellipsis")]),style:e.normalizeStyle([t.majorStyles,k.value])},e.toDisplayString(i(t.major)),7),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("minor"),e.unref(r)("ellipsis")]),style:e.normalizeStyle([t.minorStyles,f.value])},e.toDisplayString(i(t.minor)),7)],64)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r)("ellipsis"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("major")]),style:e.normalizeStyle([t.majorStyles,k.value])},e.toDisplayString(i(t.major)),7),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("minor")]),style:e.normalizeStyle([t.minorStyles,f.value])},e.toDisplayString(i(t.minor)),7)],2))],64)):(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString("--")))]),_:2},[B.value?{name:"title",fn:e.withCtx(()=>[y.title?e.renderSlot(t.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(l.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",null,e.toDisplayString(i(t.major)),1),e.createElementVNode("div",null,e.toDisplayString(i(t.minor)),1)]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(c.Tooltip),e.normalizeProps(e.mergeProps({key:1},{...l.tooltipProps})),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(o,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass([e.unref(r)("cross-bar")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("ellipsis")])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("label")),style:e.normalizeStyle([t.labelStyles,o.labelStyles,o.labelColor?{color:o.labelColor}:void 0,{textAlign:o.labelAlign||t.labelAlign}])},[e.createTextVNode(e.toDisplayString(o.label),1),o.label?(e.openBlock(),e.createElementBlock("span",A,"：")):e.createCommentVNode("",!0)],6),e.isVNode(o.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{key:0,style:{display:"inline-block"}})):typeof o.value=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value()),{key:1,style:{display:"inline-block"}})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[u(o.link)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r)("value")),style:e.normalizeStyle([t.valueStyles,o.valueStyles,o.valueColor?{color:o.valueColor}:void 0])},e.toDisplayString(i(o.value,{...o})),7)):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("link")),style:e.normalizeStyle([t.linkStyles,o.linkStyles,o.linkColor?{color:o.linkColor}:void 0]),onClick:p=>N(o)},e.toDisplayString(i(o.value,{...o})),15,O))],64)),o.unit?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(r)("unit")),style:e.normalizeStyle([t.unitStyles,o.unitStyles,o.unitColor?{color:o.unitColor}:void 0])},e.toDisplayString(o.unit),7)):e.createCommentVNode("",!0)],2),o.helpMessage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r)("help-message")])},[e.isVNode(o.helpMessage)?(e.openBlock(),e.createBlock(e.unref(c.Tooltip),e.mergeProps({key:0,ref_for:!0},{...o.helpMessageTooltipProps}),{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.helpMessage)))]),default:e.withCtx(()=>[e.createVNode(d.default,{lv:o},null,8,["lv"])]),_:2},1040)):typeof o.helpMessage=="function"?(e.openBlock(),e.createBlock(e.unref(c.Tooltip),e.mergeProps({key:1,ref_for:!0},{...o.helpMessageTooltipProps}),{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.helpMessage())))]),default:e.withCtx(()=>[e.createVNode(d.default,{lv:o},null,8,["lv"])]),_:2},1040)):(e.openBlock(),e.createBlock(e.unref(c.Tooltip),e.mergeProps({key:2,ref_for:!0},{...o.helpMessageTooltipProps},{placement:"bottom",title:o.helpMessage}),{default:e.withCtx(()=>[e.createVNode(d.default,{lv:o},null,8,["lv"])]),_:2},1040,["title"]))],2)):e.createCommentVNode("",!0)],2))),128))]),_:2},[B.value?{name:"title",fn:e.withCtx(()=>[y.title?e.renderSlot(t.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",$,e.toDisplayString(l.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.labelValues,(o,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,style:{"word-break":"break-all"}},[o.label?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle([t.tooltipLabelStyles,o.tooltipLabelStyles])},e.toDisplayString(o.label)+"：",5)):e.createCommentVNode("",!0),e.isVNode(o.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{key:1,style:{display:"inline-block"}})):typeof o.value=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value()),{key:2,style:{display:"inline-block"}})):(e.openBlock(),e.createElementBlock("span",{key:3,style:e.normalizeStyle([t.tooltipValueStyles,o.tooltipValueStyles])},e.toDisplayString(i(o.value,{...o})),5))]))),128))]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],2))}});exports.default=T;

package/lib/src/business/ap-ladder/HelpMessageIcon.vue.d.ts

@@ -0,0 +1,14 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ApLadderLabelValue } from './interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    lv: {
+        type: PropType<ApLadderLabelValue>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    lv: {
+        type: PropType<ApLadderLabelValue>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/lib/src/business/ap-ladder/HelpMessageIcon.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./HelpMessageIcon.vue2.js");exports.default=e.default;

package/lib/src/business/ap-ladder/HelpMessageIcon.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/icon"),o={style:{display:"inline-flex","align-items":"center"}},c=e.defineComponent({__name:"HelpMessageIcon",props:{lv:{type:Object,required:!0}},setup(l){const n={color:"#FAAD14",fontSize:"12px"};return(s,a)=>(e.openBlock(),e.createElementBlock("span",o,[e.isVNode(l.lv.helpMessageIcon)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.lv.helpMessageIcon),{key:0,style:e.normalizeStyle([n,l.lv.helpMessageIconStyles])},null,8,["style"])):typeof l.lv.helpMessageIcon=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.lv.helpMessageIcon()),{key:1,style:e.normalizeStyle([n,l.lv.helpMessageIconStyles])},null,8,["style"])):l.lv.helpMessageIcon==="warning"?(e.openBlock(),e.createBlock(e.unref(t.IconApAdFillWarn),{key:2,style:e.normalizeStyle([n,l.lv.helpMessageIconStyles])},null,8,["style"])):(e.openBlock(),e.createBlock(e.unref(t.IconApAdLineAnnotation),{key:3,style:e.normalizeStyle([n,l.lv.helpMessageIconStyles])},null,8,["style"]))]))}});exports.default=c;

package/lib/src/business/ap-ladder/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, StyleValue, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 import { ApLadderProps, ApLadderLabelValue, ApLadderSlots } from './interface';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { TriggerType } from '@aplus-frontend/antdv/es/tooltip/abstractTooltipProps';
@@ -11,7 +11,8 @@ declare const ApLadder: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         layout: "vertical" | "horizontal";
         tooltip: boolean;
-        tooltipProps: Required<Pick<Partial< ExtractPropTypes<{
+        labelAlign: "left" | "right";
+        tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
             title: VueTypeValidableDef<any>;
             trigger: PropType< TriggerType | TriggerType[]>;
             open: {
@@ -76,8 +77,16 @@ declare const ApLadder: {
         major: string;
         minor: string;
         majorColor: string;
+        majorStyles: string | false | CSSProperties | StyleValue[] | null;
         minorColor: string;
+        minorStyles: string | false | CSSProperties | StyleValue[] | null;
         labelValues: Array< ApLadderLabelValue>;
+        labelStyles: string | false | CSSProperties | StyleValue[] | null;
+        valueStyles: string | false | CSSProperties | StyleValue[] | null;
+        linkStyles: string | false | CSSProperties | StyleValue[] | null;
+        unitStyles: string | false | CSSProperties | StyleValue[] | null;
+        tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
+        tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -88,7 +97,8 @@ declare const ApLadder: {
     }, Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, {
         layout: "vertical" | "horizontal";
         tooltip: boolean;
-        tooltipProps: Required<Pick<Partial< ExtractPropTypes<{
+        labelAlign: "left" | "right";
+        tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
             title: VueTypeValidableDef<any>;
             trigger: PropType< TriggerType | TriggerType[]>;
             open: {
@@ -153,8 +163,16 @@ declare const ApLadder: {
         major: string;
         minor: string;
         majorColor: string;
+        majorStyles: string | false | CSSProperties | StyleValue[] | null;
         minorColor: string;
+        minorStyles: string | false | CSSProperties | StyleValue[] | null;
         labelValues: Array< ApLadderLabelValue>;
+        labelStyles: string | false | CSSProperties | StyleValue[] | null;
+        valueStyles: string | false | CSSProperties | StyleValue[] | null;
+        linkStyles: string | false | CSSProperties | StyleValue[] | null;
+        unitStyles: string | false | CSSProperties | StyleValue[] | null;
+        tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
+        tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -162,7 +180,8 @@ declare const ApLadder: {
 } & ComponentOptionsBase<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     layout: "vertical" | "horizontal";
     tooltip: boolean;
-    tooltipProps: Required<Pick<Partial< ExtractPropTypes<{
+    labelAlign: "left" | "right";
+    tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
         title: VueTypeValidableDef<any>;
         trigger: PropType< TriggerType | TriggerType[]>;
         open: {
@@ -227,8 +246,16 @@ declare const ApLadder: {
     major: string;
     minor: string;
     majorColor: string;
+    majorStyles: string | false | CSSProperties | StyleValue[] | null;
     minorColor: string;
+    minorStyles: string | false | CSSProperties | StyleValue[] | null;
     labelValues: Array< ApLadderLabelValue>;
+    labelStyles: string | false | CSSProperties | StyleValue[] | null;
+    valueStyles: string | false | CSSProperties | StyleValue[] | null;
+    linkStyles: string | false | CSSProperties | StyleValue[] | null;
+    unitStyles: string | false | CSSProperties | StyleValue[] | null;
+    tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
+    tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Readonly< ApLadderSlots> & ApLadderSlots;
 }) & ( Plugin & (new (...args: any[]) => {

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

@@ -1,9 +1,9 @@
 import { TooltipProps } from '@aplus-frontend/antdv/es/tooltip/Tooltip';
-import { VNode } from 'vue';
+import { StyleValue, VNode, VNodeChild } from 'vue';
 /**
  * Tooltip 需要的属性
  */
-export type TooltipNeedProps = Required<Pick<TooltipProps, 'title' | 'align' | 'arrowPointAtCenter' | 'arrow' | 'autoAdjustOverflow' | 'color' | 'destroyTooltipOnHide' | 'getPopupContainer' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle' | 'placement' | 'trigger'>>;
+export type TooltipNeedProps = Partial<Pick<TooltipProps, 'title' | 'align' | 'arrowPointAtCenter' | 'arrow' | 'autoAdjustOverflow' | 'color' | 'destroyTooltipOnHide' | 'getPopupContainer' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle' | 'placement' | 'trigger'>>;
 /**
  * 健值对
  */
@@ -11,11 +11,11 @@ export interface ApLadderLabelValue {
     /**
      * 健名称
      */
-    label: string;
+    label?: string;
     /**
      * 值
      */
-    value: string | number | undefined | null;
+    value?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
     /**
      * 是否采用原始值
      */
@@ -64,6 +64,70 @@ export interface ApLadderLabelValue {
      * 自定义链接颜色
      */
     linkColor?: string;
+    /**
+     * 跳转第三方链接 - 回调
+     */
+    handleClickLink?: () => void;
+    /**
+     * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
+     * @default `right`
+     * @since v0.4.7 新增
+     */
+    labelAlign?: 'left' | 'right';
+    /**
+     * 健值对 - label样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    labelStyles?: StyleValue;
+    /**
+     * 健值对 - value样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    valueStyles?: StyleValue;
+    /**
+     * 健值对 - link样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    linkStyles?: StyleValue;
+    /**
+     * 健值对 - unit样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    unitStyles?: StyleValue;
+    /**
+     * Tooltip - Label style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipLabelStyles?: StyleValue;
+    /**
+     * Tooltip - Value style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipValueStyles?: StyleValue;
+    /**
+     * 帮助气泡
+     */
+    helpMessage?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
+    /**
+     * 帮助气泡 - 图标
+     * @description 'question' | 'warning' 自定义
+     * @default `question`
+     */
+    helpMessageIcon?: 'question' | 'warning' | VNodeChild | VNode | (() => VNodeChild | VNode);
+    /**
+     * 帮助气泡 - 图标 - 样式
+     */
+    helpMessageIconStyles?: StyleValue;
+    /**
+     * 帮助气泡 - 扩展tooltip props
+     */
+    helpMessageTooltipProps?: TooltipProps;
 }
 /**
  * ApLadder Props 属性类型声明
@@ -81,12 +145,26 @@ export interface ApLadderProps {
     minor?: string;
     /**
      * 自定义重要信息颜色
+     * @deprecated 注意：v0.4.7版本之后就别用这个属性了 后面将不再支持
+     * @description 请使用`majorStyles`代替
      */
     majorColor?: string;
+    /**
+     * 自定义重要信息 style
+     * @since v0.4.7 新增
+     */
+    majorStyles?: StyleValue;
     /**
      * 自定义次要信息颜色
+     * @deprecated 注意：v0.4.7版本之后就别用这个属性了 后面将不再支持
+     * @description 请使用`minorStyles`代替
      */
     minorColor?: string;
+    /**
+     * 自定义次要信息 style
+     * @since v0.4.7 新增
+     */
+    minorStyles?: StyleValue;
     /**
      * 布局方式
      * - `vertical` 垂直布局
@@ -103,10 +181,52 @@ export interface ApLadderProps {
      * 健值对 - 数组展示
      */
     labelValues?: Array<ApLadderLabelValue>;
+    /**
+     * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
+     * @default `right`
+     * @since v0.4.7 新增
+     */
+    labelAlign?: 'left' | 'right';
+    /**
+     * 健值对 - label样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    labelStyles?: StyleValue;
+    /**
+     * 健值对 - value样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    valueStyles?: StyleValue;
+    /**
+     * 健值对 - link样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    linkStyles?: StyleValue;
+    /**
+     * 健值对 - unit样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    unitStyles?: StyleValue;
     /**
      * 扩展 Tooltip
      */
     tooltipProps?: TooltipNeedProps;
+    /**
+     * Tooltip - Label style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipLabelStyles?: StyleValue;
+    /**
+     * Tooltip - Value style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipValueStyles?: StyleValue;
 }
 /**
  * ApLadder Slots 类型声明

package/lib/src/business/ap-size-input/ApSizeInput.d.ts

@@ -72,12 +72,12 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         default: number;
     };
 }>> & Readonly<{}>, {
+    step: number;
     value: (string | number)[];
     placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
-    step: number;
     precision: number;
     perfix: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/lib/src/business/ap-size-input/index.d.ts

@@ -38,12 +38,12 @@ declare const ApSizeInput: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        step: number;
         value: (string | number)[];
         placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
-        step: number;
         precision: number;
         perfix: string;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -90,12 +90,12 @@ declare const ApSizeInput: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        step: number;
         value: (string | number)[];
         placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
-        step: number;
         precision: number;
         perfix: string;
     }>;
@@ -139,12 +139,12 @@ declare const ApSizeInput: {
         default: number;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    step: number;
     value: (string | number)[];
     placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
-    step: number;
     precision: number;
     perfix: string;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {

package/lib/src/business/ap-table-modal/table-layout/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../../index.js");const u=require("@aplus-frontend/antdv"),m=require("../../../config-provider/hooks/use-locale.js"),p=require("../../../config-provider/hooks/use-namespace.js"),s=require("../../ap-title/index.js"),f=e.defineComponent({__name:"index",props:{leftTitle:{default:""},renderSelectedItem:{},selectedList:{default:()=>[]}},emits:["clear","deleteItem"],setup(y,{emit:i}){const{t:r}=m.useLocale(),a=i,d=()=>{a("clear")},c=t=>{a("deleteItem",t)},{m:l}=p.useNamespace("ap-table-modal");return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)("table-layout"),{"complex-layout":!!t.renderSelectedItem}])},[t.renderSelectedItem?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left"))},[e.createVNode(e.unref(s.ApTitle),{style:{"margin-bottom":"16px"},title:t.leftTitle},null,8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left-content"))},[e.renderSlot(t.$slots,"default")],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right"))},[e.createVNode(e.unref(s.ApTitle),{title:`${e.unref(r)("ap.apTableModal.selected")} (${t.selectedList.length})`},{suffix:e.withCtx(()=>[e.createVNode(e.unref(u.Button),{type:"link",style:{padding:"0px",height:"22px","border-width":"0px"},onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("ap.apTableModal.clear")),1)]),_:1})]),_:1},8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right-content"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.selectedList,n=>{var o;return e.openBlock(),e.createBlock(e.resolveDynamicComponent((o=t.renderSelectedItem)==null?void 0:o.call(t,n,{deleteItem:c})),{key:n})}),128))],2)],2)],64)):e.renderSlot(t.$slots,"default",{key:1})],2))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../../index.js");const r=require("@aplus-frontend/antdv"),m=require("../../../config-provider/hooks/use-locale.js"),p=require("../../../config-provider/hooks/use-namespace.js"),i=require("../../ap-title/index.js"),f=e.defineComponent({__name:"index",props:{leftTitle:{default:""},renderSelectedItem:{},selectedList:{default:()=>[]}},emits:["clear","deleteItem"],setup(y,{emit:d}){const{t:a}=m.useLocale(),n=d,c=()=>{n("clear")},u=t=>{n("deleteItem",t)},{m:l}=p.useNamespace("ap-table-modal");return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.renderSelectedItem?e.unref(l)("table-layout"):"",{"complex-layout":!!t.renderSelectedItem}])},[t.renderSelectedItem?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left"))},[e.createVNode(e.unref(i.ApTitle),{style:{"margin-bottom":"16px"},title:t.leftTitle},null,8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left-content"))},[e.renderSlot(t.$slots,"default")],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right"))},[e.createVNode(e.unref(i.ApTitle),{title:`${e.unref(a)("ap.apTableModal.selected")} (${t.selectedList.length})`},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r.Button),{type:"link",style:{padding:"0px",height:"22px","border-width":"0px"},onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("ap.apTableModal.clear")),1)]),_:1})]),_:1},8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right-content"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.selectedList,o=>{var s;return e.openBlock(),e.createBlock(e.resolveDynamicComponent((s=t.renderSelectedItem)==null?void 0:s.call(t,o,{deleteItem:u})),{key:o})}),128)),t.selectedList.length===0?(e.openBlock(),e.createBlock(e.unref(r.Empty),{key:0,image:e.unref(r.Empty).PRESENTED_IMAGE_SIMPLE,style:{"margin-top":"100px"}},null,8,["image"])):e.createCommentVNode("",!0)],2)],2)],64)):e.renderSlot(t.$slots,"default",{key:1})],2))}});exports.default=f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -65,8 +65,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.44",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.47"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.0.10",

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

@@ -6,12 +6,21 @@
   /** Aplus端样式  */
   /** Admin端样式  */
 }
+.aplus-ap-ladder__cross-bar {
+  display: flex;
+  align-items: center;
+}
 .aplus-ap-ladder__ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-break: break-all;
 }
+.aplus-ap-ladder__help-message {
+  display: flex;
+  align-items: center;
+  margin-left: 4px;
+}
 .aplus-ap-ladder__major {
   line-height: 22px;
   color: #182948;
@@ -21,6 +30,7 @@
   color: #8896B0;
 }
 .aplus-ap-ladder__label {
+  display: inline-block;
   color: #8896B0;
   word-break: break-all;
 }
@@ -29,7 +39,6 @@
   word-break: break-all;
 }
 .aplus-ap-ladder__unit {
-  margin-left: 5px;
   color: #182948;
 }
 .aplus-ap-ladder__link {

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

@@ -6,6 +6,10 @@
   position: relative;
   width: inherit;
   font-size: 14px;
+  &__cross-bar {
+    display: flex;
+    align-items: center;
+  }
   /** 自动溢出省略 */
   &__ellipsis {
     // min-width: 120px;
@@ -14,6 +18,11 @@
     white-space: nowrap;
     word-break: break-all;
   }
+  &__help-message {
+    display: flex;
+    align-items: center;
+    margin-left: 4px;
+  }
 
   /** Aplus端样式  */
   &__major {
@@ -25,6 +34,7 @@
     color: #8896B0;
   }
   &__label {
+    display: inline-block;
     color: #8896B0;
     word-break: break-all;
   }
@@ -33,7 +43,6 @@
     word-break: break-all;
   }
   &__unit {
-    margin-left: 5px;
     color: #182948;
   }
   &__link {

package/theme/index.css

@@ -554,12 +554,21 @@
   /** Aplus端样式  */
   /** Admin端样式  */
 }
+.aplus-ap-ladder__cross-bar {
+  display: flex;
+  align-items: center;
+}
 .aplus-ap-ladder__ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-break: break-all;
 }
+.aplus-ap-ladder__help-message {
+  display: flex;
+  align-items: center;
+  margin-left: 4px;
+}
 .aplus-ap-ladder__major {
   line-height: 22px;
   color: #182948;
@@ -569,6 +578,7 @@
   color: #8896B0;
 }
 .aplus-ap-ladder__label {
+  display: inline-block;
   color: #8896B0;
   word-break: break-all;
 }
@@ -577,7 +587,6 @@
   word-break: break-all;
 }
 .aplus-ap-ladder__unit {
-  margin-left: 5px;
   color: #182948;
 }
 .aplus-ap-ladder__link {