@aplus-frontend/ui 0.5.24 → 0.5.25

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

@@ -1,9 +1,7 @@
-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 { defineComponent as d, openBlock as r, createElementBlock as m, normalizeClass as a, unref as t, createElementVNode as l, toDisplayString as n, renderSlot as u, createCommentVNode as j } from "vue";
 import "../../../config-provider/index.mjs";
-import { isNull as c } from "../utils.mjs";
-import { useNamespace as g } from "../../../config-provider/hooks/use-namespace.mjs";
-const E = /* @__PURE__ */ j({
+import { useNamespace as S } from "../../../config-provider/hooks/use-namespace.mjs";
+const f = ["title"], y = ["title"], g = ["title"], b = ["title"], N = /* @__PURE__ */ d({
   name: "ApLadderSimpleMode",
   __name: "SimpleMode",
   props: {
@@ -15,108 +13,45 @@ const E = /* @__PURE__ */ j({
       type: [String, Number, Function, Object],
       default: null
     },
-    majorStyles: {
-      type: Object,
-      default: () => ({})
-    },
-    majorColorStyles: {
-      type: Object,
-      default: () => ({})
-    },
-    minorStyles: {
-      type: Object,
-      default: () => ({})
-    },
-    minorColorStyles: {
-      type: Object,
-      default: () => ({})
-    },
-    tooltipProps: {
-      type: Object,
-      default: () => ({})
-    },
     layout: {
       type: String,
       default: "vertical"
-    },
-    tooltip: {
-      type: Boolean,
-      default: !1
-    },
-    convertValue: {
-      type: Function,
-      required: !0
     }
   },
   setup(e) {
-    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])
-            }, r(e.convertValue(e.major)), 7),
-            a("span", {
-              class: l([t(o)("minor")]),
-              style: m([e.minorStyles, e.minorColorStyles])
-            }, r(e.convertValue(e.minor)), 7)
-          ], 2)) : (n(), i("div", {
-            key: 1,
-            class: l([t(y)("base"), t(d)("horizontal")])
-          }, [
-            a("span", {
-              class: l([t(o)("major")]),
-              style: m([e.majorStyles, e.majorColorStyles])
-            }, r(e.convertValue(e.major)), 7),
-            a("span", {
-              class: l([t(o)("minor")]),
-              style: m([e.minorStyles, e.minorColorStyles])
-            }, r(e.convertValue(e.minor)), 7)
-          ], 2))
-        ], 64)) : u("", !0)
-      ]),
-      _: 2
+    const { b: o, e: i, m: s } = S("ap-ladder");
+    return (c, p) => (r(), m("div", {
+      class: a([t(o)("simple-mode")])
     }, [
-      f.$slots.title ? {
-        name: "title",
-        fn: s(() => [
-          V(f.$slots, "title")
-        ]),
-        key: "0"
-      } : e.tooltip ? {
-        name: "title",
-        fn: s(() => [
-          a("div", {
-            class: l(t(o)("tooltip"))
-          }, [
-            t(c)(e.major) ? u("", !0) : (n(), i("div", {
-              key: 0,
-              class: l(t(o)("tooltip-item"))
-            }, [
-              a("span", {
-                class: l(t(o)("tooltip-label"))
-              }, r(e.convertValue(e.major)), 3)
-            ], 2)),
-            t(c)(e.minor) ? u("", !0) : (n(), i("div", {
-              key: 1,
-              class: l(t(o)("tooltip-item"))
-            }, [
-              a("span", {
-                class: l(t(o)("tooltip-label"))
-              }, r(e.convertValue(e.minor)), 3)
-            ], 2))
-          ], 2)
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040));
+      e.layout === "vertical" ? (r(), m("div", {
+        key: 0,
+        class: a([t(o)("base"), t(s)("vertical")])
+      }, [
+        l("span", {
+          class: a([t(i)("major")]),
+          title: String(e.major)
+        }, n(e.major), 11, f),
+        l("span", {
+          class: a([t(i)("minor")]),
+          title: String(e.major)
+        }, n(e.minor), 11, y)
+      ], 2)) : (r(), m("div", {
+        key: 1,
+        class: a([t(o)("base"), t(s)("horizontal")])
+      }, [
+        l("span", {
+          class: a([t(i)("major")]),
+          title: String(e.major)
+        }, n(e.major), 11, g),
+        l("span", {
+          class: a([t(i)("minor")]),
+          title: String(e.major)
+        }, n(e.minor), 11, b)
+      ], 2)),
+      c.$slots.title ? u(c.$slots, "title", { key: 2 }) : j("", !0)
+    ], 2));
   }
 });
 export {
-  E as default
+  N as default
 };

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

@@ -1,12 +1,12 @@
-import { CSSProperties, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ApLadderLabelValue } from '../interface';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
@@ -18,38 +18,6 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    labelStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    valueStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    linkStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    unitStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipLabelStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipValueStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipProps: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     handleClick: (...args: any[]) => void;
     "update:valueRefs": (...args: any[]) => void;
@@ -62,53 +30,13 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    labelStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    valueStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    linkStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    unitStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipLabelStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipValueStyles: {
-        type: PropType<CSSProperties>;
-        default: () => {};
-    };
-    tooltipProps: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
     onHandleClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:valueRefs"?: ((...args: any[]) => any) | undefined;
 }>, {
-    tooltip: boolean;
     labelAlign: string;
-    tooltipProps: Record<string, any>;
     labelValues: ApLadderLabelValue[];
-    labelStyles: CSSProperties;
-    valueStyles: CSSProperties;
-    linkStyles: CSSProperties;
-    unitStyles: CSSProperties;
-    tooltipLabelStyles: CSSProperties;
-    tooltipValueStyles: CSSProperties;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,9 +1,8 @@
-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 { defineComponent as A, isVNode as v, h as k, openBlock as i, createElementBlock as r, normalizeClass as l, unref as e, Fragment as m, renderList as N, normalizeStyle as u, toDisplayString as c, createCommentVNode as a, createElementVNode as p, createBlock as $, withModifiers as B, renderSlot as L } from "vue";
 import "../../../config-provider/index.mjs";
-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({
+import { convertValue as d } from "../utils.mjs";
+import { useNamespace as M } from "../../../config-provider/hooks/use-namespace.mjs";
+const z = ["title"], E = ["title"], F = ["href", "title", "onClick"], G = ["title", "onClick"], R = ["title"], x = /* @__PURE__ */ A({
   name: "ApLadderValueGroupMode",
   __name: "ValueGroupMode",
   props: {
@@ -14,203 +13,77 @@ const T = { key: 0 }, D = ["href", "onClick"], U = ["onClick"], b = { key: 0 },
     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(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 o == "function" ? C(o(), {
-        ref: x,
-        style: {
-          ...t
-        }
-      }) : null;
-    }, k = (e, o = {
-      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 e == "number") {
-        if (o.percent)
-          return `${e.toFixed(o.precision)}%`;
-        if (o.currency)
-          return e.toLocaleString(
-            E[o.currency ? o.currency : "CNY"],
-            {
-              style: "currency",
-              currency: o.currency ? o.currency : "CNY"
-            }
-          );
-        if (o.thousand) {
-          const [t, y] = e.toFixed(o.precision ? o.precision : 2).split(".");
-          return `${t.replace(
-            /(\d)(?=(\d{3})+(?!\d))/g,
-            `$1${o.thousandSeparator ? o.thousandSeparator : ","}`
-          )}.${y}`;
-        }
-        return e.toFixed(o.precision ? o.precision : 2);
-      }
-      return e;
-    }, F = (e) => {
-      $("handleClick", e);
+  setup(s, { emit: g }) {
+    const C = g, { e: o } = M("ap-ladder"), f = (n) => v(n) || typeof n == "function", y = (n) => v(n.value) ? k(n.value) : typeof n.value == "function" ? k(n.value()) : null, h = (n) => {
+      C("handleClick", n);
     };
-    return (e, o) => (r(), h(n(Y), A(B(c.tooltipProps)), w({
-      default: v(() => [
-        d("div", {
-          class: s(n(l)("value-group"))
+    return (n, w) => (i(), r("div", {
+      class: l(e(o)("value-group-mode"))
+    }, [
+      (i(!0), r(m, null, N(s.labelValues, (t, S) => (i(), r("div", {
+        key: S,
+        class: l([
+          e(o)("value-group-item"),
+          t.label === "" && e(o)("value-group-value-end")
+        ])
+      }, [
+        t.label ? (i(), r("span", {
+          key: 0,
+          class: l([
+            e(o)("value-group-label"),
+            s.labelAlign ? e(o)(`value-group-label-${s.labelAlign}`) : null
+          ]),
+          style: u(t.labelColor ? { color: t.labelColor } : null),
+          title: String(t.label)
+        }, c(t.label), 15, z)) : a("", !0),
+        t.label ? (i(), r("span", {
+          key: 1,
+          class: l(e(o)("value-group-label-semicolon"))
+        }, ":", 2)) : a("", !0),
+        p("span", {
+          class: l(e(o)("value-group-value")),
+          title: String(e(d)(t.value, { ...t }))
         }, [
-          (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 ? (r(), i("div", {
-              key: 0,
-              class: s([
-                n(l)("value-group-label"),
-                c.labelAlign && n(l)(`label-align-${c.labelAlign}`)
+          f(t.value) ? (i(), $(y, {
+            key: 0,
+            value: t.value
+          }, null, 8, ["value"])) : t.link ? (i(), r("a", {
+            key: 1,
+            href: t.link,
+            target: "_blank",
+            class: l(e(o)("value-group-link")),
+            title: String(t.value),
+            style: u(t.linkColor ? { color: t.linkColor } : null),
+            onClick: B((_) => h(t), ["prevent"])
+          }, c(e(d)(t.value, { ...t })), 15, F)) : (i(), r(m, { key: 2 }, [
+            p("span", {
+              class: l([
+                t.handleValueClick ? e(o)("value-group-link") : null
               ]),
-              style: u(t.labelStyles)
-            }, [
-              O(a(t.label), 1),
-              t.label ? (r(), i("span", T, "：")) : p("", !0)
-            ], 6)) : p("", !0),
-            d("div", {
-              class: s(n(l)("value-group-value"))
-            }, [
-              m(t.value) ? (r(), h(S, {
-                key: 0,
-                value: t.value,
-                style: u([t.labelColor, t.valueStyles])
-              }, null, 8, ["value", "style"])) : (r(), i(f, { key: 1 }, [
-                t.link ? (r(), i("a", {
-                  key: 0,
-                  href: t.link,
-                  target: "_blank",
-                  class: s(n(l)("value-group-link")),
-                  style: u([
-                    c.linkStyles,
-                    t.linkStyles,
-                    t.linkColor ? { color: t.linkColor } : void 0
-                  ]),
-                  onClick: z((L) => F(t), ["prevent"])
-                }, a(k(t.value, { ...t })), 15, D)) : (r(), i(f, { key: 1 }, [
-                  d("span", {
-                    style: u([
-                      c.valueStyles,
-                      t.valueStyles,
-                      t.valueColor ? { color: t.valueColor } : void 0
-                    ]),
-                    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(n(l)("value-group-unit")),
-                    style: u([
-                      c.unitStyles,
-                      t.unitStyles,
-                      t.unitColor ? { color: t.unitColor } : void 0
-                    ])
-                  }, a(t.unit), 7)) : p("", !0)
-                ], 64))
-              ], 64))
-            ], 2)
-          ], 2))), 128))
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      e.$slots.title ? {
-        name: "title",
-        fn: v(() => [
-          M(e.$slots, "title")
-        ]),
-        key: "0"
-      } : c.tooltip ? {
-        name: "title",
-        fn: v(() => [
-          d("div", {
-            class: s(n(l)("tooltip"))
-          }, [
-            (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(n(l)("tooltip-label")),
-                style: u(c.tooltipLabelStyles)
-              }, a(t.label ? t.label : "--") + "： ", 7),
-              m(t.value) ? (r(), i("span", {
-                key: 0,
-                class: s(n(l)("tooltip-value")),
-                style: u(c.tooltipValueStyles)
-              }, [
-                R(S, {
-                  value: t.value,
-                  style: u([t.tooltipValueStyles])
-                }, null, 8, ["value", "style"]),
-                t.unit ? (r(), i("span", b, a(t.unit), 1)) : p("", !0)
-              ], 6)) : (r(), i("span", {
-                key: 1,
-                class: s(n(l)("tooltip-value")),
-                style: u(c.tooltipValueStyles)
-              }, [
-                O(a(k(t.value, { ...t })) + " ", 1),
-                t.unit ? (r(), i("span", q, a(t.unit), 1)) : p("", !0)
-              ], 6))
-            ], 2))), 128))
-          ], 2)
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040));
+              title: String(t.value),
+              style: u(
+                t.valueColor ? { color: t.valueColor } : null
+              ),
+              onClick: (_) => t.handleValueClick && t.handleValueClick(s.labelValues)
+            }, c(e(d)(t.value, { ...t })), 15, G),
+            t.unit ? (i(), r("span", {
+              key: 0,
+              class: l(e(o)("value-group-unit")),
+              title: String(e(d)(t.value, { ...t })),
+              style: u(
+                t.unitColor ? { color: t.unitColor } : null
+              )
+            }, c(t.unit), 15, R)) : a("", !0)
+          ], 64))
+        ], 10, E),
+        n.$slots.title ? L(n.$slots, "title", { key: 2 }) : a("", !0)
+      ], 2))), 128))
+    ], 2));
   }
 });
 export {
-  W as default
+  x as default
 };