@aplus-frontend/ui 0.5.18 → 0.5.19

package/es/src/business/ap-ladder/components/SimpleMode.vue.d.ts

@@ -1,4 +1,4 @@
-import { StyleValue, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { CSSProperties, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -18,19 +18,19 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: null;
     };
     majorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     majorColorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     minorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     minorColorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipProps: {
@@ -59,19 +59,19 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: null;
     };
     majorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     majorColorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     minorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     minorColorStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipProps: {
@@ -96,10 +96,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     major: string | number | Function | Record<string, any>;
     minor: string | number | Function | Record<string, any>;
     tooltipProps: Record<string, any>;
-    majorStyles: StyleValue;
-    majorColorStyles: StyleValue;
-    minorStyles: StyleValue;
-    minorColorStyles: StyleValue;
+    majorStyles: CSSProperties;
+    majorColorStyles: CSSProperties;
+    minorStyles: CSSProperties;
+    minorColorStyles: CSSProperties;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,9 +1,9 @@
-import { defineComponent as j, openBlock as i, createBlock as S, unref as t, normalizeProps as v, guardReactiveProps as b, createSlots as C, withCtx as c, createElementBlock as r, Fragment as f, createElementVNode as a, normalizeClass as o, normalizeStyle as m, toDisplayString as n, createCommentVNode as u, renderSlot as k } from "vue";
-import { Tooltip as V } from "@aplus-frontend/antdv";
+import { defineComponent as j, createBlock as S, openBlock as n, unref as t, normalizeProps as v, guardReactiveProps as b, createSlots as k, withCtx as s, createElementBlock as i, createCommentVNode as u, Fragment as C, normalizeClass as l, createElementVNode as a, normalizeStyle as m, toDisplayString as r, renderSlot as V } from "vue";
+import { Tooltip as O } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
-import { isNull as s } from "../utils.mjs";
-import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
-const y = "ellipsis-element", h = /* @__PURE__ */ j({
+import { isNull as c } from "../utils.mjs";
+import { useNamespace as g } from "../../../config-provider/hooks/use-namespace.mjs";
+const E = /* @__PURE__ */ j({
   name: "ApLadderSimpleMode",
   __name: "SimpleMode",
   props: {
@@ -37,7 +37,7 @@ const y = "ellipsis-element", h = /* @__PURE__ */ j({
     },
     layout: {
       type: String,
-      default: "horizontal"
+      default: "vertical"
     },
     tooltip: {
       type: Boolean,
@@ -49,63 +49,66 @@ const y = "ellipsis-element", h = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    const { e: l } = O("ap-ladder");
-    return (d, g) => (i(), S(t(V), v(b(e.tooltipProps)), C({
-      default: c(() => [
-        !t(s)(e.major) || !t(s)(e.minor) ? (i(), r(f, { key: 0 }, [
-          e.layout === "vertical" ? (i(), r(f, { key: 0 }, [
-            a("div", {
-              class: o([t(l)("major"), t(l)("ellipsis"), y]),
+    const { b: y, e: o, m: d } = g("ap-ladder");
+    return (f, N) => (n(), S(t(O), v(b(e.tooltipProps)), k({
+      default: s(() => [
+        !t(c)(e.major) || !t(c)(e.minor) ? (n(), i(C, { key: 0 }, [
+          e.layout === "vertical" ? (n(), i("div", {
+            key: 0,
+            class: l([t(y)("base"), t(d)("vertical")])
+          }, [
+            a("span", {
+              class: l([t(o)("major")]),
               style: m([e.majorStyles, e.majorColorStyles])
-            }, n(e.convertValue(e.major)), 7),
-            a("div", {
-              class: o([t(l)("minor"), t(l)("ellipsis"), y]),
+            }, r(e.convertValue(e.major)), 7),
+            a("span", {
+              class: l([t(o)("minor")]),
               style: m([e.minorStyles, e.minorColorStyles])
-            }, n(e.convertValue(e.minor)), 7)
-          ], 64)) : (i(), r("div", {
+            }, r(e.convertValue(e.minor)), 7)
+          ], 2)) : (n(), i("div", {
             key: 1,
-            class: o([t(l)("ellipsis"), y])
+            class: l([t(y)("base"), t(d)("horizontal")])
           }, [
             a("span", {
-              class: o([t(l)("major")]),
+              class: l([t(o)("major")]),
               style: m([e.majorStyles, e.majorColorStyles])
-            }, n(e.convertValue(e.major)), 7),
+            }, r(e.convertValue(e.major)), 7),
             a("span", {
-              class: o([t(l)("minor")]),
+              class: l([t(o)("minor")]),
               style: m([e.minorStyles, e.minorColorStyles])
-            }, n(e.convertValue(e.minor)), 7)
+            }, r(e.convertValue(e.minor)), 7)
           ], 2))
         ], 64)) : u("", !0)
       ]),
       _: 2
     }, [
-      d.$slots.title ? {
+      f.$slots.title ? {
         name: "title",
-        fn: c(() => [
-          k(d.$slots, "title")
+        fn: s(() => [
+          V(f.$slots, "title")
         ]),
         key: "0"
       } : e.tooltip ? {
         name: "title",
-        fn: c(() => [
+        fn: s(() => [
           a("div", {
-            class: o(t(l)("tooltip"))
+            class: l(t(o)("tooltip"))
           }, [
-            t(s)(e.major) ? u("", !0) : (i(), r("div", {
+            t(c)(e.major) ? u("", !0) : (n(), i("div", {
               key: 0,
-              class: o(t(l)("tooltip-item"))
+              class: l(t(o)("tooltip-item"))
             }, [
               a("span", {
-                class: o(t(l)("tooltip-label"))
-              }, n(e.convertValue(e.major)), 3)
+                class: l(t(o)("tooltip-label"))
+              }, r(e.convertValue(e.major)), 3)
             ], 2)),
-            t(s)(e.minor) ? u("", !0) : (i(), r("div", {
+            t(c)(e.minor) ? u("", !0) : (n(), i("div", {
               key: 1,
-              class: o(t(l)("tooltip-item"))
+              class: l(t(o)("tooltip-item"))
             }, [
               a("span", {
-                class: o(t(l)("tooltip-label"))
-              }, n(e.convertValue(e.minor)), 3)
+                class: l(t(o)("tooltip-label"))
+              }, r(e.convertValue(e.minor)), 3)
             ], 2))
           ], 2)
         ]),
@@ -115,5 +118,5 @@ const y = "ellipsis-element", h = /* @__PURE__ */ j({
   }
 });
 export {
-  h as default
+  E as default
 };

package/es/src/business/ap-ladder/components/ValueGroupMode.vue.d.ts

@@ -1,4 +1,4 @@
-import { StyleValue, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { CSSProperties, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ApLadderLabelValue } from '../interface';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -19,27 +19,27 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: string;
     };
     labelStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     valueStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     linkStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     unitStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipLabelStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipValueStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipProps: {
@@ -63,27 +63,27 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: string;
     };
     labelStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     valueStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     linkStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     unitStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipLabelStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipValueStyles: {
-        type: PropType<StyleValue>;
+        type: PropType<CSSProperties>;
         default: () => {};
     };
     tooltipProps: {
@@ -102,12 +102,12 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     labelAlign: string;
     tooltipProps: Record<string, any>;
     labelValues: ApLadderLabelValue[];
-    labelStyles: StyleValue;
-    valueStyles: StyleValue;
-    linkStyles: StyleValue;
-    unitStyles: StyleValue;
-    tooltipLabelStyles: StyleValue;
-    tooltipValueStyles: StyleValue;
+    labelStyles: CSSProperties;
+    valueStyles: CSSProperties;
+    linkStyles: CSSProperties;
+    unitStyles: CSSProperties;
+    tooltipLabelStyles: CSSProperties;
+    tooltipValueStyles: CSSProperties;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,10 +1,9 @@
-import { defineComponent as w, ref as x, isVNode as g, h as C, onMounted as A, openBlock as r, createBlock as F, unref as l, normalizeProps as R, guardReactiveProps as B, createSlots as M, withCtx as k, createElementVNode as y, normalizeClass as c, createElementBlock as n, Fragment as p, renderList as O, normalizeStyle as a, createTextVNode as $, toDisplayString as d, createCommentVNode as f, createVNode as z, withModifiers as E, renderSlot as G } from "vue";
-import { Tooltip as T } from "@aplus-frontend/antdv";
+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 "../../../config-provider/index.mjs";
-import { locales as b } from "../interface.mjs";
-import { isNull as D } from "../utils.mjs";
-import { useNamespace as q } from "../../../config-provider/hooks/use-namespace.mjs";
-const H = { key: 0 }, I = { key: 0 }, J = ["href", "onClick"], K = { key: 0 }, _ = /* @__PURE__ */ w({
+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({
   name: "ApLadderValueGroupMode",
   __name: "ValueGroupMode",
   props: {
@@ -50,121 +49,107 @@ const H = { key: 0 }, I = { key: 0 }, J = ["href", "onClick"], K = { key: 0 }, _
     }
   },
   emits: ["update:valueRefs", "handleClick"],
-  setup(i, { emit: j }) {
-    const v = j, { e: s } = q("ap-ladder"), S = x([]), N = (t) => g(t) || typeof t == "function", L = (t) => {
-      const { value: o, style: e, ref: u } = t;
-      return g(o) ? C(o, {
-        ref: u,
+  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, {
+        style: t
+      }) : typeof r == "function" ? C(r(), {
+        ref: P,
         style: {
-          ...e,
-          display: "inline-block"
-        }
-      }) : typeof o == "function" ? C(o(), {
-        ref: u,
-        style: {
-          ...e,
-          display: "inline-block"
+          ...t
         }
       }) : null;
-    }, m = (t, o = {}) => {
-      const e = {
-        rawValue: o.rawValue,
-        precision: o.precision === void 0 ? 2 : o.precision,
-        thousand: o.thousand,
-        thousandSeparator: o.thousandSeparator || ",",
-        currency: o.currency,
-        percent: o.percent
-      };
-      if (t === null || typeof t == "object" || typeof t == "function" || typeof t > "u")
+    }, k = (e, r = {
+      rawValue: !0,
+      precision: 2,
+      thousand: !0,
+      thousandSeparator: ",",
+      currency: "CNY",
+      percent: !1
+    }) => {
+      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 t == "boolean")
-        return t;
-      if (D(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(b[e.currency], {
-            style: "currency",
-            currency: e.currency
-          });
-        if (e.thousand) {
-          const [u, h] = t.toFixed(e.precision).split(".");
-          return `${u.replace(
+      if (typeof e == "number") {
+        if (r.percent)
+          return `${e.toFixed(r.precision)}%`;
+        if (r.currency)
+          return e.toLocaleString(
+            Y[r.currency ? r.currency : "CNY"],
+            {
+              style: "currency",
+              currency: r.currency ? r.currency : "CNY"
+            }
+          );
+        if (r.thousand) {
+          const [t, a] = e.toFixed(r.precision ? r.precision : 2).split(".");
+          return `${t.replace(
             /(\d)(?=(\d{3})+(?!\d))/g,
-            `$1${e.thousandSeparator}`
-          )}.${h}`;
+            `$1${r.thousandSeparator ? r.thousandSeparator : ","}`
+          )}.${a}`;
         }
-        return t.toFixed(e.precision);
+        return e.toFixed(r.precision ? r.precision : 2);
       }
-      return t;
-    }, P = (t) => {
-      v("handleClick", t);
+      return e;
+    }, F = (e) => {
+      $("handleClick", e);
     };
-    return A(() => {
-      S.value.length > 0 && v("update:valueRefs", S.value);
-    }), (t, o) => (r(), F(l(T), R(B(i.tooltipProps)), M({
-      default: k(() => [
-        y("div", {
-          class: c(l(s)("value-group"))
+    return (e, r) => (o(), h(i(R), x(A(l.tooltipProps)), B({
+      default: v(() => [
+        d("div", {
+          class: s(i(c)("value-group"))
         }, [
-          (r(!0), n(p, null, O(i.labelValues, (e, u) => (r(), n("div", {
-            key: u,
-            class: c(l(s)("value-group-item"))
+          (o(!0), n(f, null, j(l.labelValues, (t, a) => (o(), n("div", {
+            key: a,
+            class: s(i(c)("value-group-item"))
           }, [
-            e.label ? (r(), n("div", {
+            t.label ? (o(), n("div", {
               key: 0,
-              class: c([
-                l(s)("value-group-label"),
-                i.labelAlign && `label-align-${i.labelAlign}`
+              class: s([
+                i(c)("value-group-label"),
+                l.labelAlign && `label-align-${l.labelAlign}`
               ]),
-              style: a(e.labelStyles)
+              style: u(t.labelStyles)
             }, [
-              $(d(e.label), 1),
-              e.label ? (r(), n("span", H, "：")) : f("", !0)
-            ], 6)) : f("", !0),
-            y("div", {
-              class: c(l(s)("value-group-value"))
+              O(y(t.label), 1),
+              t.label ? (o(), n("span", E, "：")) : p("", !0)
+            ], 6)) : p("", !0),
+            d("div", {
+              class: s(i(c)("value-group-value"))
             }, [
-              N(e.value) ? (r(), n("div", I, [
-                z(L, {
-                  value: e.value,
-                  style: a(
-                    (e.valueColor, e.valueStyles)
-                  )
-                }, null, 8, ["value", "style"])
-              ])) : (r(), n(p, { key: 1 }, [
-                e.link ? (r(), n("a", {
+              m(t.value) ? (o(), 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", {
                   key: 0,
-                  href: e.link,
+                  href: t.link,
                   target: "_blank",
-                  class: c(l(s)("value-group-link")),
-                  style: a([
-                    i.linkStyles,
-                    e.linkStyles,
-                    e.linkColor ? { color: e.linkColor } : void 0
+                  class: s(i(c)("value-group-link")),
+                  style: u([
+                    l.linkStyles,
+                    t.linkStyles,
+                    t.linkColor ? { color: t.linkColor } : void 0
                   ]),
-                  onClick: E((h) => P(e), ["prevent"])
-                }, d(m(e.value, { ...e })), 15, J)) : (r(), n(p, { key: 1 }, [
-                  y("span", {
-                    style: a([
-                      i.valueStyles,
-                      e.valueStyles,
-                      e.valueColor ? { color: e.valueColor } : void 0
+                  onClick: w((U) => F(t), ["prevent"])
+                }, y(k(t.value, { ...t })), 15, G)) : (o(), n(f, { key: 1 }, [
+                  d("span", {
+                    style: u([
+                      l.valueStyles,
+                      t.valueStyles,
+                      t.valueColor ? { color: t.valueColor } : void 0
                     ])
-                  }, d(m(e.value, { ...e })), 5),
-                  e.unit ? (r(), n("span", {
+                  }, y(k(t.value, { ...t })), 5),
+                  t.unit ? (o(), n("span", {
                     key: 0,
-                    class: c(l(s)("value-group-unit")),
-                    style: a([
-                      i.unitStyles,
-                      e.unitStyles,
-                      e.unitColor ? { color: e.unitColor } : void 0
+                    class: s(i(c)("value-group-unit")),
+                    style: u([
+                      l.unitStyles,
+                      t.unitStyles,
+                      t.unitColor ? { color: t.unitColor } : void 0
                     ])
-                  }, d(e.unit), 7)) : f("", !0)
+                  }, y(t.unit), 7)) : p("", !0)
                 ], 64))
               ], 64))
             ], 2)
@@ -173,33 +158,44 @@ const H = { key: 0 }, I = { key: 0 }, J = ["href", "onClick"], K = { key: 0 }, _
       ]),
       _: 2
     }, [
-      t.$slots.title ? {
+      e.$slots.title ? {
         name: "title",
-        fn: k(() => [
-          G(t.$slots, "title")
+        fn: v(() => [
+          z(e.$slots, "title")
         ]),
         key: "0"
-      } : i.tooltip ? {
+      } : l.tooltip ? {
         name: "title",
-        fn: k(() => [
-          y("div", {
-            class: c(l(s)("tooltip"))
+        fn: v(() => [
+          d("div", {
+            class: s(i(c)("tooltip"))
           }, [
-            (r(!0), n(p, null, O(i.labelValues, (e, u) => (r(), n("div", {
-              key: u,
-              class: c(l(s)("tooltip-item"))
+            (o(!0), n(f, null, j(l.labelValues, (t, a) => (o(), n("div", {
+              key: a,
+              class: s(i(c)("tooltip-item"))
             }, [
-              y("span", {
-                class: c(l(s)("tooltip-label")),
-                style: a(i.tooltipLabelStyles)
-              }, d(e.label), 7),
-              y("span", {
-                class: c(l(s)("tooltip-value")),
-                style: a(i.tooltipValueStyles)
+              d("span", {
+                class: s(i(c)("tooltip-label")),
+                style: u(l.tooltipLabelStyles)
+              }, y(t.label ? t.label : "--") + "： ", 7),
+              m(t.value) ? (o(), n("span", {
+                key: 0,
+                class: s(i(c)("tooltip-value")),
+                style: u(l.tooltipValueStyles)
+              }, [
+                M(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", {
+                key: 1,
+                class: s(i(c)("tooltip-value")),
+                style: u(l.tooltipValueStyles)
               }, [
-                $(d(m(e.value)) + " ", 1),
-                e.unit ? (r(), n("span", K, d(e.unit), 1)) : f("", !0)
-              ], 6)
+                O(y(k(t.value, { ...t })) + " ", 1),
+                t.unit ? (o(), n("span", D, y(t.unit), 1)) : p("", !0)
+              ], 6))
             ], 2))), 128))
           ], 2)
         ]),
@@ -209,5 +205,5 @@ const H = { key: 0 }, I = { key: 0 }, J = ["href", "onClick"], K = { key: 0 }, _
   }
 });
 export {
-  _ as default
+  Q as default
 };

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

@@ -90,9 +90,7 @@ declare const ApLadder: {
         labelValues: Array< ApLadderLabelValue>;
         majorColor: string;
         minorColor: string;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        wrapperRef: HTMLDivElement;
-    }, HTMLDivElement, ComponentProvideOptions, {
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};