@aplus-frontend/ui 0.5.17 → 0.5.19

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

@@ -1,292 +1,90 @@
-import { defineComponent as Q, useSlots as U, ref as N, computed as h, unref as o, createElementBlock as r, openBlock as l, normalizeClass as a, createBlock as y, createCommentVNode as S, normalizeProps as E, mergeProps as C, createSlots as R, withCtx as c, Fragment as k, createElementVNode as m, normalizeStyle as p, toDisplayString as n, renderSlot as T, renderList as D, createTextVNode as X, isVNode as V, resolveDynamicComponent as b, createVNode as v } from "vue";
-import { Tooltip as j } from "@aplus-frontend/antdv";
+import { defineComponent as C, useSlots as j, computed as e, createElementBlock as _, openBlock as i, normalizeClass as g, unref as o, createBlock as n, createCommentVNode as V, createSlots as p, withCtx as m, renderSlot as u } from "vue";
+import { memoize as h } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { locales as Y } from "./interface.mjs";
-import "./HelpMessageIcon.vue.mjs";
-import { useWatchEllipsis as Z, ellipsisElementCls as A } from "./useWatchEllipsis.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 M from "./HelpMessageIcon.vue2.mjs";
-const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = ["onClick"], ne = { key: 0 }, se = { key: 1 }, Se = /* @__PURE__ */ Q({
+import "./components/SimpleMode.vue.mjs";
+import "./components/ValueGroupMode.vue.mjs";
+import { isNull as L, createMemoizeKey as A } from "./utils.mjs";
+import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
+import B from "./components/SimpleMode.vue2.mjs";
+import w from "./components/ValueGroupMode.vue2.mjs";
+const J = /* @__PURE__ */ C({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
-    major: { default: "" },
-    minor: { default: "" },
+    major: {},
+    minor: {},
     majorColor: { default: "" },
-    majorStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    majorStyles: {},
     minorColor: { default: "" },
-    minorStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    minorStyles: {},
     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: 0.1,
-      mouseLeaveDelay: 0.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 }
+    labelAlign: { default: "left" },
+    labelStyles: {},
+    valueStyles: {},
+    linkStyles: {},
+    unitStyles: {},
+    tooltipProps: { default: () => ({}) },
+    tooltipLabelStyles: {},
+    tooltipValueStyles: {}
   },
-  setup(F) {
-    const P = U(), i = F, { b: z, e: s, m: G } = x("ap-ladder"), W = ee("uiMode", "aplus"), g = N([]), w = N(), H = Z(w);
-    function I(t) {
-      var f;
-      const u = (f = g.value) == null ? void 0 : f[t];
-      return u ? getComputedStyle(u).color : void 0;
-    }
-    const q = h(() => i.labelValues.length === 0), J = h(() => i.labelValues.length > 0), B = h(() => i.majorColor ? {
-      color: `${i.majorColor}`
-    } : {}), $ = h(() => i.minorColor ? {
-      color: `${i.minorColor}`
-    } : {}), _ = (t) => t == null || typeof t == "string" && t.trim() === "", d = (t, u = {}) => {
-      const e = {
-        rawValue: u.rawValue,
-        precision: u.precision === void 0 ? 2 : u.precision,
-        thousand: u.thousand,
-        thousandSeparator: u.thousandSeparator || ",",
-        currency: u.currency,
-        percent: u.percent
-      };
-      if (t === null || typeof t == "object" || typeof t == "function" || typeof t > "u")
-        return "--";
-      if (typeof t == "boolean")
-        return t;
-      if (_(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(Y[e.currency], {
-            style: "currency",
-            currency: e.currency
-          });
-        if (e.thousand) {
-          const [f, L] = t.toFixed(e.precision).split(".");
-          return `${f.replace(
-            /(\d)(?=(\d{3})+(?!\d))/g,
-            `$1${e.thousandSeparator}`
-          )}.${L}`;
-        }
-        return t.toFixed(e.precision);
-      }
-      return t;
-    }, O = h(() => P.title ? !0 : i.tooltip && o(H)), K = (t) => {
+  setup(y) {
+    const s = j(), l = y, { b: c, m: f } = M("ap-ladder"), d = $("uiMode", "aplus"), v = e(
+      () => l.labelValues === void 0 || l.labelValues.length === 0
+    ), b = e(() => l.labelValues.length > 0), S = e(() => l.labelAlign), r = h((t) => L(t) ? "" : typeof t == "number" ? t.toString() : typeof t == "string" ? t : "", A), a = e(() => !!s.title || l.tooltip), k = (t) => {
       t.link && window.open(t.link, "_blank"), typeof t.handleClickLink == "function" && t.handleClickLink();
     };
-    return (t, u) => (l(), r("div", {
-      ref_key: "wrapperRef",
-      ref: w,
-      class: a([o(z)(), `${o(G)(o(W))}`])
+    return (t, N) => (i(), _("div", {
+      class: g([o(c)(), `${o(f)(o(d))}`])
     }, [
-      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), R({
-        default: c(() => [
-          !_(t.major) || !_(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"), o(A)]),
-                style: p([t.majorStyles, B.value])
-              }, n(d(t.major)), 7),
-              m("div", {
-                class: a([o(s)("minor"), o(s)("ellipsis"), o(A)]),
-                style: p([t.minorStyles, $.value])
-              }, n(d(t.minor)), 7)
-            ], 64)) : (l(), r("div", {
-              key: 1,
-              class: a([o(s)("ellipsis"), o(A)])
-            }, [
-              m("span", {
-                class: a([o(s)("major")]),
-                style: p([t.majorStyles, B.value])
-              }, n(d(t.major)), 7),
-              m("span", {
-                class: a([o(s)("minor")]),
-                style: p([t.minorStyles, $.value])
-              }, n(d(t.minor)), 7)
-            ], 2))
-          ], 64)) : (l(), r("div", te, n("--")))
-        ]),
-        _: 2
-      }, [
-        O.value ? {
+      v.value ? (i(), n(B, {
+        key: 0,
+        major: l.major,
+        minor: l.minor,
+        "major-styles": l.majorStyles || {},
+        "major-color": l.majorColor || {},
+        "minor-styles": l.minorStyles || {},
+        "minor-color": l.minorColor || {},
+        "tooltip-props": l.tooltipProps || {},
+        layout: l.layout,
+        tooltip: a.value,
+        "convert-value": o(r)
+      }, p({ _: 2 }, [
+        s.title ? {
           name: "title",
-          fn: c(() => [
-            P.title ? T(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(d(t.major)), 1),
-                m("div", null, n(d(t.minor)), 1)
-              ]))
-            ], 64))
+          fn: m(() => [
+            u(t.$slots, "title")
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : S("", !0),
-      J.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), R({
-        default: c(() => [
-          (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
-            key: f,
-            class: a([o(s)("cross-bar")])
-          }, [
-            m("div", {
-              class: a([o(s)("ellipsis"), o(A)]),
-              style: p({ color: I(f) })
-            }, [
-              m("span", {
-                class: a(o(s)("label")),
-                style: p([
-                  t.labelStyles,
-                  e.labelStyles,
-                  e.labelColor ? { color: e.labelColor } : void 0,
-                  { textAlign: e.labelAlign || t.labelAlign }
-                ])
-              }, [
-                X(n(e.label), 1),
-                e.label ? (l(), r("span", re, "：")) : S("", !0)
-              ], 6),
-              V(e.value) ? (l(), y(b(e.value), {
-                key: 0,
-                ref_for: !0,
-                ref_key: "valueRefs",
-                ref: g,
-                style: { display: "inline-block" }
-              }, null, 512)) : typeof e.value == "function" ? (l(), y(b(e.value()), {
-                key: 1,
-                ref_for: !0,
-                ref_key: "valueRefs",
-                ref: g,
-                style: { display: "inline-block" }
-              }, null, 512)) : (l(), r(k, { key: 2 }, [
-                _(e.link) ? (l(), r("span", {
-                  key: 1,
-                  ref_for: !0,
-                  ref_key: "valueRefs",
-                  ref: g,
-                  class: a(o(s)("value")),
-                  style: p([
-                    t.valueStyles,
-                    e.valueStyles,
-                    e.valueColor ? { color: e.valueColor } : void 0
-                  ])
-                }, n(d(e.value, { ...e })), 7)) : (l(), r("span", {
-                  key: 0,
-                  ref_for: !0,
-                  ref_key: "valueRefs",
-                  ref: g,
-                  class: a(o(s)("link")),
-                  style: p([
-                    t.linkStyles,
-                    e.linkStyles,
-                    e.linkColor ? { color: e.linkColor } : void 0
-                  ]),
-                  onClick: (L) => K(e)
-                }, n(d(e.value, { ...e })), 15, ie))
-              ], 64)),
-              e.unit ? (l(), r("span", {
-                key: 3,
-                class: a(o(s)("unit")),
-                style: p([
-                  t.unitStyles,
-                  e.unitStyles,
-                  e.unitColor ? { color: e.unitColor } : void 0
-                ])
-              }, n(e.unit), 7)) : S("", !0)
-            ], 6),
-            e.helpMessage ? (l(), r("div", {
-              key: 0,
-              class: a([o(s)("help-message")])
-            }, [
-              V(e.helpMessage) ? (l(), y(o(j), C({
-                key: 0,
-                ref_for: !0
-              }, { ...e.helpMessageTooltipProps }), {
-                title: c(() => [
-                  (l(), y(b(e.helpMessage)))
-                ]),
-                default: c(() => [
-                  v(M, { lv: e }, null, 8, ["lv"])
-                ]),
-                _: 2
-              }, 1040)) : typeof e.helpMessage == "function" ? (l(), y(o(j), C({
-                key: 1,
-                ref_for: !0
-              }, { ...e.helpMessageTooltipProps }), {
-                title: c(() => [
-                  (l(), y(b(e.helpMessage())))
-                ]),
-                default: c(() => [
-                  v(M, { 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: c(() => [
-                  v(M, { lv: e }, null, 8, ["lv"])
-                ]),
-                _: 2
-              }, 1040, ["title"]))
-            ], 2)) : S("", !0)
-          ], 2))), 128))
-        ]),
-        _: 2
-      }, [
-        O.value ? {
+      ]), 1032, ["major", "minor", "major-styles", "major-color", "minor-styles", "minor-color", "tooltip-props", "layout", "tooltip", "convert-value"])) : b.value ? (i(), n(w, {
+        key: 1,
+        "label-values": l.labelValues || {},
+        "label-align": S.value,
+        "label-styles": l.labelStyles || {},
+        "value-styles": l.valueStyles || {},
+        "link-styles": l.linkStyles || {},
+        "unit-styles": l.unitStyles || {},
+        "tooltip-label-styles": l.tooltipLabelStyles || {},
+        "tooltip-value-styles": l.tooltipValueStyles || {},
+        "tooltip-props": l.tooltipProps || {},
+        tooltip: a.value,
+        "convert-value": o(r),
+        onHandleClick: k
+      }, p({ _: 2 }, [
+        s.title ? {
           name: "title",
-          fn: c(() => [
-            P.title ? T(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
-              i.tooltipProps.title ? (l(), r("div", ne, n(i.tooltipProps.title), 1)) : (l(), r("div", se, [
-                (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
-                  key: f,
-                  style: { "word-break": "break-all" }
-                }, [
-                  e.label ? (l(), r("span", {
-                    key: 0,
-                    style: p([t.tooltipLabelStyles, e.tooltipLabelStyles])
-                  }, n(e.label) + "：", 5)) : S("", !0),
-                  V(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: p([t.tooltipValueStyles, e.tooltipValueStyles])
-                  }, n(d(e.value, { ...e })), 5))
-                ]))), 128))
-              ]))
-            ], 64))
+          fn: m(() => [
+            u(t.$slots, "title")
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : S("", !0)
+      ]), 1032, ["label-values", "label-align", "label-styles", "value-styles", "link-styles", "unit-styles", "tooltip-label-styles", "tooltip-value-styles", "tooltip-props", "tooltip", "convert-value"])) : V("", !0)
     ], 2));
   }
 });
 export {
-  Se as default
+  J as default
 };

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

@@ -0,0 +1,110 @@
+import { CSSProperties, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    major: {
+        type: (NumberConstructor | ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    minor: {
+        type: (NumberConstructor | ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    majorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    majorColorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    minorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    minorColorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    tooltipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    convertValue: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    major: {
+        type: (NumberConstructor | ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    minor: {
+        type: (NumberConstructor | ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    majorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    majorColorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    minorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    minorColorStyles: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    tooltipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    convertValue: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    layout: string;
+    tooltip: boolean;
+    major: string | number | Function | Record<string, any>;
+    minor: string | number | Function | Record<string, any>;
+    tooltipProps: Record<string, any>;
+    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;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,122 @@
+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 c } from "../utils.mjs";
+import { useNamespace as g } from "../../../config-provider/hooks/use-namespace.mjs";
+const E = /* @__PURE__ */ j({
+  name: "ApLadderSimpleMode",
+  __name: "SimpleMode",
+  props: {
+    major: {
+      type: [String, Number, Function, Object],
+      default: null
+    },
+    minor: {
+      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
+    }, [
+      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));
+  }
+});
+export {
+  E as default
+};