@aplus-frontend/ui 0.4.6 → 0.4.8

package/es/src/business/ap-ladder/ApLadder.vue2.mjs

@@ -1,20 +1,29 @@
-import { defineComponent as q, useSlots as H, ref as R, computed as h, unref as l, onMounted as J, openBlock as t, createElementBlock as r, normalizeClass as u, createBlock as $, normalizeProps as w, mergeProps as E, createSlots as M, withCtx as b, Fragment as y, createElementVNode as p, normalizeStyle as m, toDisplayString as i, renderSlot as N, createCommentVNode as f, renderList as z, createTextVNode as K } from "vue";
-import { Tooltip as O } from "@aplus-frontend/antdv";
+import { defineComponent as K, useSlots as Q, ref as U, computed as g, unref as o, onMounted as X, openBlock as l, createElementBlock as r, normalizeClass as a, createBlock as y, normalizeProps as E, mergeProps as C, createSlots as N, withCtx as f, Fragment as k, createElementVNode as m, normalizeStyle as d, toDisplayString as n, renderSlot as z, createCommentVNode as S, renderList as T, createTextVNode as Y, isVNode as P, resolveDynamicComponent as b, createVNode as V } from "vue";
+import { Tooltip as j } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { locales as Q } from "./interface.mjs";
-import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
-const Y = { key: 1 }, Z = { key: 0 }, x = { key: 1 }, ee = { key: 0 }, oe = ["onClick"], te = { key: 0 }, re = { key: 1 }, le = { key: 0 }, se = { key: 1 }, pe = /* @__PURE__ */ q({
+import { locales as Z } from "./interface.mjs";
+import "./HelpMessageIcon.vue.mjs";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ee } from "../../config-provider/hooks/use-global-config.mjs";
+import O from "./HelpMessageIcon.vue2.mjs";
+const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = ["onClick"], se = { key: 0 }, ne = { key: 1 }, ke = /* @__PURE__ */ K({
   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: {},
@@ -31,145 +40,248 @@ const Y = { key: 1 }, Z = { key: 0 }, x = { key: 1 }, ee = { key: 0 }, oe = ["on
       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(A) {
-    const v = H(), s = A, { b: B, e: n, m: L } = U("ap-ladder"), F = X("uiMode", "aplus"), _ = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, W = n("ellipsis"), k = R(!1), D = h(() => s.labelValues.length === 0), T = h(() => s.labelValues.length > 0), g = h(() => s.majorColor ? {
-      color: `${s.majorColor}`
-    } : {}), S = h(() => s.minorColor ? {
-      color: `${s.minorColor}`
-    } : {}), C = (o) => o == null || typeof o == "string" && o.trim() === "", c = (o, a = {}) => {
+  setup(D) {
+    const M = Q(), i = D, { b: F, e: s, m: W } = x("ap-ladder"), G = ee("uiMode", "aplus"), $ = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, I = s("ellipsis"), h = U(!1), q = g(() => i.labelValues.length === 0), H = g(() => i.labelValues.length > 0), B = g(() => i.majorColor ? {
+      color: `${i.majorColor}`
+    } : {}), w = g(() => i.minorColor ? {
+      color: `${i.minorColor}`
+    } : {}), A = (t) => t == null || typeof t == "string" && t.trim() === "", c = (t, u = {}) => {
       const e = {
-        rawValue: a.rawValue,
-        precision: a.precision === void 0 ? 2 : a.precision,
-        thousand: a.thousand,
-        thousandSeparator: a.thousandSeparator || ",",
-        currency: a.currency,
-        percent: a.percent
+        rawValue: u.rawValue,
+        precision: u.precision === void 0 ? 2 : u.precision,
+        thousand: u.thousand,
+        thousandSeparator: u.thousandSeparator || ",",
+        currency: u.currency,
+        percent: u.percent
       };
-      return C(o) ? "--" : e.rawValue ? o : typeof o == "number" ? e.percent ? `${o.toFixed(e.precision)}%` : e.currency ? o.toLocaleString(Q[e.currency], {
-        style: "currency",
-        currency: e.currency
-      }) : e.thousand ? o.toFixed(e.precision).replace(
-        /(\d)(?=(\d{3})+(?!\d))/g,
-        `$1${e.thousandSeparator}`
-      ) : o.toFixed(e.precision) : o;
-    }, G = () => {
-      const o = document.getElementById(_);
-      if (!o)
+      if (t === null || typeof t == "object" || typeof t == "function" || typeof t > "u")
+        return "--";
+      if (typeof t == "boolean")
+        return t;
+      if (A(t))
+        return "--";
+      if (e.rawValue)
+        return t;
+      if (typeof t == "number") {
+        if (e.percent)
+          return `${t.toFixed(e.precision)}%`;
+        if (e.currency)
+          return t.toLocaleString(Z[e.currency], {
+            style: "currency",
+            currency: e.currency
+          });
+        if (e.thousand) {
+          const [p, v] = t.toFixed(e.precision).split(".");
+          return `${p.replace(
+            /(\d)(?=(\d{3})+(?!\d))/g,
+            `$1${e.thousandSeparator}`
+          )}.${v}`;
+        }
+        return t.toFixed(e.precision);
+      }
+      return t;
+    }, R = () => {
+      const t = document.getElementById($);
+      if (!t)
         return;
-      const a = o.querySelectorAll(`.${W}`);
-      new ResizeObserver((d) => {
-        d.forEach((j) => {
-          j.target === o && (k.value = !1, a.forEach((P) => {
-            P.clientWidth < P.scrollWidth && (k.value = !0);
+      const u = t.querySelectorAll(`.${I}`);
+      new ResizeObserver((p) => {
+        p.forEach((v) => {
+          v.target === t && (h.value = !1, u.forEach((_) => {
+            _.clientWidth < _.scrollWidth && (h.value = !0);
           }));
         });
-      }).observe(o), k.value = !1, a.forEach((d) => {
-        d.clientWidth < d.scrollWidth && (k.value = !0);
+      }).observe(t), h.value = !1, u.forEach((p) => {
+        p.clientWidth < p.scrollWidth && (h.value = !0);
       });
-    }, V = h(() => v.title ? !0 : s.tooltip && l(k)), I = (o) => {
-      o && window.open(o, "_blank");
+    }, L = g(() => M.title ? !0 : i.tooltip && o(h)), J = (t) => {
+      t.link && window.open(t.link, "_blank"), typeof t.handleClickLink == "function" && t.handleClickLink();
     };
-    return J(() => {
-      G();
-    }), (o, a) => (t(), r("div", {
-      id: _,
-      class: u([l(B)(), `${l(L)(l(F))}`])
+    return X(() => {
+      R();
+    }), (t, u) => (l(), r("div", {
+      id: $,
+      class: a([o(F)(), `${o(W)(o(G))}`])
     }, [
-      D.value ? (t(), $(l(O), w(E({ key: 0 }, { ...s.tooltipProps })), M({
-        default: b(() => [
-          !C(o.major) || !C(o.minor) ? (t(), r(y, { key: 0 }, [
-            s.layout === "vertical" ? (t(), r(y, { key: 0 }, [
-              p("div", {
-                class: u([l(n)("major"), l(n)("ellipsis")]),
-                style: m(g.value)
-              }, i(c(o.major)), 7),
-              p("div", {
-                class: u([l(n)("minor"), l(n)("ellipsis")]),
-                style: m(S.value)
-              }, i(c(o.minor)), 7)
-            ], 64)) : (t(), r("div", {
+      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), N({
+        default: f(() => [
+          !A(t.major) || !A(t.minor) ? (l(), r(k, { key: 0 }, [
+            i.layout === "vertical" ? (l(), r(k, { key: 0 }, [
+              m("div", {
+                class: a([o(s)("major"), o(s)("ellipsis")]),
+                style: d([t.majorStyles, B.value])
+              }, n(c(t.major)), 7),
+              m("div", {
+                class: a([o(s)("minor"), o(s)("ellipsis")]),
+                style: d([t.minorStyles, w.value])
+              }, n(c(t.minor)), 7)
+            ], 64)) : (l(), r("div", {
               key: 1,
-              class: u(l(n)("ellipsis"))
+              class: a(o(s)("ellipsis"))
             }, [
-              p("span", {
-                class: u([l(n)("major")]),
-                style: m(g.value)
-              }, i(c(o.major)), 7),
-              p("span", {
-                class: u([l(n)("minor")]),
-                style: m(S.value)
-              }, i(c(o.minor)), 7)
+              m("span", {
+                class: a([o(s)("major")]),
+                style: d([t.majorStyles, B.value])
+              }, n(c(t.major)), 7),
+              m("span", {
+                class: a([o(s)("minor")]),
+                style: d([t.minorStyles, w.value])
+              }, n(c(t.minor)), 7)
             ], 2))
-          ], 64)) : (t(), r("div", Y, i("--")))
+          ], 64)) : (l(), r("div", te, n("--")))
         ]),
         _: 2
       }, [
-        V.value ? {
+        L.value ? {
           name: "title",
-          fn: b(() => [
-            v.title ? N(o.$slots, "title", { key: 0 }) : (t(), r(y, { key: 1 }, [
-              s.tooltipProps.title ? (t(), r("div", Z, i(s.tooltipProps.title), 1)) : (t(), r("div", x, [
-                p("div", null, i(c(o.major)), 1),
-                p("div", null, i(c(o.minor)), 1)
+          fn: f(() => [
+            M.title ? z(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              i.tooltipProps.title ? (l(), r("div", le, n(i.tooltipProps.title), 1)) : (l(), r("div", oe, [
+                m("div", null, n(c(t.major)), 1),
+                m("div", null, n(c(t.minor)), 1)
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : f("", !0),
-      T.value ? (t(), $(l(O), w(E({ key: 1 }, { ...s.tooltipProps })), M({
-        default: b(() => [
-          (t(!0), r(y, null, z(s.labelValues, (e, d) => (t(), r("div", {
-            key: d,
-            class: u([l(n)("ellipsis")])
+      ]), 1040)) : S("", !0),
+      H.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), N({
+        default: f(() => [
+          (l(!0), r(k, null, T(i.labelValues, (e, p) => (l(), r("div", {
+            key: p,
+            class: a([o(s)("cross-bar")])
           }, [
-            p("span", {
-              class: u(l(n)("label")),
-              style: m(e.labelColor ? { color: e.labelColor } : void 0)
+            m("div", {
+              class: a([o(s)("ellipsis")])
             }, [
-              K(i(e.label), 1),
-              e.label ? (t(), r("span", ee, "：")) : f("", !0)
-            ], 6),
-            C(e.link) ? (t(), r("span", {
-              key: 1,
-              class: u(l(n)("value")),
-              style: m(e.valueColor ? { color: e.valueColor } : void 0)
-            }, i(c(e.value, { ...e })), 7)) : (t(), r("span", {
+              m("span", {
+                class: a(o(s)("label")),
+                style: d([
+                  t.labelStyles,
+                  e.labelStyles,
+                  e.labelColor ? { color: e.labelColor } : void 0,
+                  { textAlign: e.labelAlign || t.labelAlign }
+                ])
+              }, [
+                Y(n(e.label), 1),
+                e.label ? (l(), r("span", re, "：")) : S("", !0)
+              ], 6),
+              P(e.value) ? (l(), y(b(e.value), {
+                key: 0,
+                style: { display: "inline-block" }
+              })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
+                key: 1,
+                style: { display: "inline-block" }
+              })) : (l(), r(k, { key: 2 }, [
+                A(e.link) ? (l(), r("span", {
+                  key: 1,
+                  class: a(o(s)("value")),
+                  style: d([
+                    t.valueStyles,
+                    e.valueStyles,
+                    e.valueColor ? { color: e.valueColor } : void 0
+                  ])
+                }, n(c(e.value, { ...e })), 7)) : (l(), r("span", {
+                  key: 0,
+                  class: a(o(s)("link")),
+                  style: d([
+                    t.linkStyles,
+                    e.linkStyles,
+                    e.linkColor ? { color: e.linkColor } : void 0
+                  ]),
+                  onClick: (v) => J(e)
+                }, n(c(e.value, { ...e })), 15, ie))
+              ], 64)),
+              e.unit ? (l(), r("span", {
+                key: 3,
+                class: a(o(s)("unit")),
+                style: d([
+                  t.unitStyles,
+                  e.unitStyles,
+                  e.unitColor ? { color: e.unitColor } : void 0
+                ])
+              }, n(e.unit), 7)) : S("", !0)
+            ], 2),
+            e.helpMessage ? (l(), r("div", {
               key: 0,
-              class: u(l(n)("link")),
-              style: m(e.linkColor ? { color: e.linkColor } : void 0),
-              onClick: (j) => I(e.link)
-            }, i(c(e.value, { ...e })), 15, oe)),
-            e.unit ? (t(), r("span", {
-              key: 2,
-              class: u(l(n)("unit")),
-              style: m(e.unitColor ? { color: e.unitColor } : void 0)
-            }, i(e.unit), 7)) : f("", !0)
+              class: a([o(s)("help-message")])
+            }, [
+              P(e.helpMessage) ? (l(), y(o(j), C({
+                key: 0,
+                ref_for: !0
+              }, { ...e.helpMessageTooltipProps }), {
+                title: f(() => [
+                  (l(), y(b(e.helpMessage)))
+                ]),
+                default: f(() => [
+                  V(O, { lv: e }, null, 8, ["lv"])
+                ]),
+                _: 2
+              }, 1040)) : typeof e.helpMessage == "function" ? (l(), y(o(j), C({
+                key: 1,
+                ref_for: !0
+              }, { ...e.helpMessageTooltipProps }), {
+                title: f(() => [
+                  (l(), y(b(e.helpMessage())))
+                ]),
+                default: f(() => [
+                  V(O, { lv: e }, null, 8, ["lv"])
+                ]),
+                _: 2
+              }, 1040)) : (l(), y(o(j), C({
+                key: 2,
+                ref_for: !0
+              }, { ...e.helpMessageTooltipProps }, {
+                placement: "bottom",
+                title: e.helpMessage
+              }), {
+                default: f(() => [
+                  V(O, { lv: e }, null, 8, ["lv"])
+                ]),
+                _: 2
+              }, 1040, ["title"]))
+            ], 2)) : S("", !0)
           ], 2))), 128))
         ]),
         _: 2
       }, [
-        V.value ? {
+        L.value ? {
           name: "title",
-          fn: b(() => [
-            v.title ? N(o.$slots, "title", { key: 0 }) : (t(), r(y, { key: 1 }, [
-              s.tooltipProps.title ? (t(), r("div", te, i(s.tooltipProps.title), 1)) : (t(), r("div", re, [
-                (t(!0), r(y, null, z(s.labelValues, (e, d) => (t(), r("div", { key: d }, [
-                  e.label ? (t(), r("span", le, i(e.label), 1)) : f("", !0),
-                  e.label ? (t(), r("span", se, "：")) : f("", !0),
-                  p("span", null, i(c(e.value, { ...e })), 1)
+          fn: f(() => [
+            M.title ? z(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              i.tooltipProps.title ? (l(), r("div", se, n(i.tooltipProps.title), 1)) : (l(), r("div", ne, [
+                (l(!0), r(k, null, T(i.labelValues, (e, p) => (l(), r("div", {
+                  key: p,
+                  style: { "word-break": "break-all" }
+                }, [
+                  e.label ? (l(), r("span", {
+                    key: 0,
+                    style: d([t.tooltipLabelStyles, e.tooltipLabelStyles])
+                  }, n(e.label) + "：", 5)) : S("", !0),
+                  P(e.value) ? (l(), y(b(e.value), {
+                    key: 1,
+                    style: { display: "inline-block" }
+                  })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
+                    key: 2,
+                    style: { display: "inline-block" }
+                  })) : (l(), r("span", {
+                    key: 3,
+                    style: d([t.tooltipValueStyles, e.tooltipValueStyles])
+                  }, n(c(e.value, { ...e })), 5))
                 ]))), 128))
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : f("", !0)
+      ]), 1040)) : S("", !0)
     ], 2));
   }
 });
 export {
-  pe as default
+  ke as default
 };

package/es/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/es/src/business/ap-ladder/HelpMessageIcon.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./HelpMessageIcon.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-ladder/HelpMessageIcon.vue2.mjs

@@ -0,0 +1,35 @@
+import { defineComponent as a, openBlock as l, createElementBlock as y, isVNode as i, createBlock as t, resolveDynamicComponent as o, normalizeStyle as s, unref as c } from "vue";
+import { IconApAdFillWarn as r, IconApAdLineAnnotation as u } from "@aplus-frontend/icon";
+const g = { style: { display: "inline-flex", "align-items": "center" } }, v = /* @__PURE__ */ a({
+  __name: "HelpMessageIcon",
+  props: {
+    lv: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = {
+      color: "#FAAD14",
+      fontSize: "12px"
+    };
+    return (m, I) => (l(), y("span", g, [
+      i(e.lv.helpMessageIcon) ? (l(), t(o(e.lv.helpMessageIcon), {
+        key: 0,
+        style: s([n, e.lv.helpMessageIconStyles])
+      }, null, 8, ["style"])) : typeof e.lv.helpMessageIcon == "function" ? (l(), t(o(e.lv.helpMessageIcon()), {
+        key: 1,
+        style: s([n, e.lv.helpMessageIconStyles])
+      }, null, 8, ["style"])) : e.lv.helpMessageIcon === "warning" ? (l(), t(c(r), {
+        key: 2,
+        style: s([n, e.lv.helpMessageIconStyles])
+      }, null, 8, ["style"])) : (l(), t(c(u), {
+        key: 3,
+        style: s([n, e.lv.helpMessageIconStyles])
+      }, null, 8, ["style"]))
+    ]));
+  }
+});
+export {
+  v as default
+};

package/es/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[]) => {