@aplus-frontend/ui 0.5.17 → 0.5.18

package/es/src/business/ap-export-group/ApExportGroup.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as N, ref as L, computed as s, watch as O, createBlock as g, createCommentVNode as V, openBlock as p, unref as o, normalizeClass as q, withCtx as n, createVNode as b, mergeProps as z, createTextVNode as w, toDisplayString as h } from "vue";
+import { defineComponent as N, ref as L, computed as s, watch as O, openBlock as g, createBlock as p, unref as o, normalizeClass as V, withCtx as n, createVNode as b, createTextVNode as w, toDisplayString as h, mergeProps as q, createCommentVNode as z } from "vue";
 import { DownOutlined as U } from "@ant-design/icons-vue";
-import { message as $, Dropdown as H, Button as J, Menu as Q, MenuItem as S } from "@aplus-frontend/antdv";
+import { message as $, Dropdown as H, Menu as J, MenuItem as S, Button as Q } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { ApExportGroupActionType as m } from "./interface.mjs";
 import { usePermission as W } from "@aplus-frontend/hooks";
@@ -89,20 +89,20 @@ const ve = /* @__PURE__ */ N({
         c.value = !1;
       }
     }
-    return (t, a) => T.value ? (p(), g(o(H), {
+    return (t, a) => T.value ? (g(), p(o(H), {
       key: 0,
       open: v.value,
       "onUpdate:open": a[0] || (a[0] = (l) => v.value = l),
-      class: q([o(G)()]),
+      class: V([o(G)()]),
       "overlay-style": R,
       disabled: d.value
     }, {
       overlay: n(() => [
-        b(o(Q), { onClick: j }, {
+        b(o(J), { onClick: j }, {
           default: n(() => {
             var l;
             return [
-              (p(), g(o(S), {
+              (g(), p(o(S), {
                 key: o(m).SELECT,
                 disabled: ((l = F.value) == null ? void 0 : l.length) === 0
               }, {
@@ -111,7 +111,7 @@ const ve = /* @__PURE__ */ N({
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (p(), g(o(S), {
+              (g(), p(o(S), {
                 key: o(m).ALL
               }, {
                 default: n(() => [
@@ -125,7 +125,7 @@ const ve = /* @__PURE__ */ N({
         })
       ]),
       default: n(() => [
-        b(o(J), z({
+        b(o(Q), q({
           ...t.$attrs
         }, {
           style: {
@@ -141,7 +141,7 @@ const ve = /* @__PURE__ */ N({
         }, 16, ["style", "loading"])
       ]),
       _: 1
-    }, 8, ["open", "class", "disabled"])) : V("", !0);
+    }, 8, ["open", "class", "disabled"])) : z("", !0);
   }
 });
 export {

package/es/src/business/ap-group-search/ap-group-search.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as M, computed as c, onMounted as N, watch as O, unref as t, resolveComponent as R, createElementBlock as D, openBlock as C, normalizeClass as d, createVNode as p, withCtx as w, createBlock as K, createCommentVNode as F, renderSlot as T, normalizeStyle as $ } from "vue";
+import { defineComponent as P, ref as M, computed as c, onMounted as N, watch as O, unref as t, resolveComponent as R, openBlock as C, createElementBlock as D, normalizeClass as d, createVNode as p, withCtx as w, normalizeStyle as K, createBlock as F, createCommentVNode as T, renderSlot as $ } from "vue";
 import { Flex as j, Select as E } from "@aplus-frontend/antdv";
 import G from "./images/icon-down.vue.mjs";
 import "./extension-select/index.vue.mjs";
@@ -154,7 +154,7 @@ const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ P({
             return [
               p(t(E), {
                 value: V.value,
-                style: $(B.value),
+                style: K(B.value),
                 class: d(`${e.$attrs.class} ${t(f) === "admin" ? t(L)("search", "admin") : t(g)("search")}`),
                 options: k.value,
                 bordered: !1,
@@ -166,13 +166,13 @@ const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ P({
                 ]),
                 _: 1
               }, 8, ["value", "style", "class", "options", "dropdown-match-select-width"]),
-              t(f) === "aplus" ? (C(), K(n, {
+              t(f) === "aplus" ? (C(), F(n, {
                 key: 0,
                 class: d(t(g)("divider")),
                 type: "vertical",
                 style: {}
-              }, null, 8, ["class"])) : F("", !0),
-              T(e.$slots, "search", {
+              }, null, 8, ["class"])) : T("", !0),
+              $(e.$slots, "search", {
                 key: (s = t(a)) == null ? void 0 : s.key,
                 value: (i = t(a)) == null ? void 0 : i.value,
                 change: v

package/es/src/business/ap-group-search/extension-select/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as C, ref as a, computed as y, watch as w, createElementBlock as B, openBlock as _, createVNode as s, unref as l, normalizeStyle as x, normalizeClass as b, withCtx as S } from "vue";
+import { defineComponent as C, ref as a, computed as y, watch as w, openBlock as B, createElementBlock as _, createVNode as s, unref as l, normalizeClass as x, normalizeStyle as b, withCtx as S } from "vue";
 import { Select as I } from "@aplus-frontend/antdv";
 import "../popover-select/index.vue.mjs";
 import "../../../config-provider/index.mjs";
@@ -99,14 +99,14 @@ const F = /* @__PURE__ */ C({
     const p = (e) => {
       n.value = e, f("change", e);
     }, { b: g } = V("ap-extension-select");
-    return (e, i) => (_(), B("div", {
+    return (e, i) => (B(), _("div", {
       ref_key: "containerRef",
       ref: r
     }, [
       s(l(I), {
-        class: b(l(g)()),
+        class: x(l(g)()),
         value: n.value,
-        style: x(e.$attrs.style),
+        style: b(e.$attrs.style),
         bordered: l(d) === "admin",
         mode: "tags",
         "show-arrow": !0,

package/es/src/business/ap-group-search/images/icon-down.vue.mjs

@@ -1,4 +1,4 @@
-import { createElementBlock as n, openBlock as e, createElementVNode as o } from "vue";
+import { openBlock as n, createElementBlock as e, createElementVNode as o } from "vue";
 import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const r = {}, i = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const r = {}, i = {
   viewBox: "0 0 16 16"
 };
 function c(s, t) {
-  return e(), n("svg", i, t[0] || (t[0] = [
+  return n(), e("svg", i, t[0] || (t[0] = [
     o("g", null, [
       o("g", null, [
         o("path", {

package/es/src/business/ap-group-search/images/icon-line-select.vue.mjs

@@ -1,4 +1,4 @@
-import { createElementBlock as e, openBlock as o, createElementVNode as Q } from "vue";
+import { openBlock as e, createElementBlock as o, createElementVNode as Q } from "vue";
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const n = {}, r = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const n = {}, r = {
   viewBox: "0 0 16 16"
 };
 function i(c, l) {
-  return o(), e("svg", r, l[0] || (l[0] = [
+  return e(), o("svg", r, l[0] || (l[0] = [
     Q("g", null, [
       Q("g", null, [
         Q("path", {

package/es/src/business/ap-group-search/popover-select/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as u, watchEffect as O, createElementBlock as R, openBlock as L, normalizeClass as p, unref as e, createVNode as a, withCtx as n, createElementVNode as s, mergeProps as M, createTextVNode as d, toDisplayString as m } from "vue";
+import { defineComponent as P, ref as u, watchEffect as O, openBlock as R, createElementBlock as L, normalizeClass as p, unref as e, createVNode as a, withCtx as n, createElementVNode as s, mergeProps as M, createTextVNode as d, toDisplayString as m } from "vue";
 import { Popover as T, Select as z, Button as f, Space as G } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import A from "../images/icon-line-select.vue.mjs";
@@ -103,7 +103,7 @@ const Y = /* @__PURE__ */ P({
       var o;
       (o = g.value) == null || o.blur(), C(), await D(150), v("submit", t.value);
     }, { b: V, e: I, em: l } = K("ap-popover-select");
-    return (o, y) => (L(), R("div", {
+    return (o, y) => (R(), L("div", {
       class: p(e(V)())
     }, [
       a(e(T), {

package/es/src/business/ap-image/ApImage.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as c, ref as U, watchEffect as j, createBlock as p, openBlock as i, unref as n, mergeProps as g, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as L, createElementVNode as b, normalizeClass as D, createElementBlock as M, Fragment as P, renderList as R, resolveDynamicComponent as T, createVNode as x } from "vue";
+import { defineComponent as S, computed as c, ref as U, watchEffect as j, openBlock as i, createBlock as p, unref as n, mergeProps as g, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as L, createElementVNode as b, normalizeClass as D, createElementBlock as M, Fragment as P, renderList as R, resolveDynamicComponent as T, createVNode as x } from "vue";
 import { Image as z } from "@aplus-frontend/antdv";
 import { DownloadOutlined as V } from "@ant-design/icons-vue";
 import { injectLocaleToOss as W, getOssInstance as G, getSignatureUrl as $ } from "./hooks/useOss.mjs";

package/es/src/business/ap-input-radio/ApInputRadio.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, onMounted as g, createElementBlock as R, openBlock as V, normalizeClass as b, unref as t, createVNode as i, mergeProps as h } from "vue";
+import { defineComponent as f, onMounted as g, openBlock as R, createElementBlock as V, normalizeClass as b, unref as t, createVNode as i, mergeProps as h } from "vue";
 import "../../config-provider/index.mjs";
 import { Form as I, InputNumber as B, RadioGroup as k } from "@aplus-frontend/antdv";
 import { omit as _ } from "lodash-unified";
@@ -51,7 +51,7 @@ const G = /* @__PURE__ */ f({
       }
     }), (a, o) => {
       var l, r;
-      return V(), R("div", {
+      return R(), V("div", {
         class: b([t(m)()])
       }, [
         i(t(B), h({

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

@@ -1,5 +1,5 @@
 import { ApLadderLabelValue, ApLadderProps, ApLadderSlots } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, StyleValue, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, ComponentProvideOptions } from 'vue';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { TriggerType } from '@aplus-frontend/antdv/es/tooltip/abstractTooltipProps';
 import { TooltipPlacement, AdjustOverflow } from '@aplus-frontend/antdv/es/tooltip';
@@ -11,7 +11,6 @@ declare function __VLS_template(): {
     slots: Readonly<ApLadderSlots> & ApLadderSlots;
     refs: {
         wrapperRef: HTMLDivElement;
-        valueRefs: HTMLSpanElement;
     };
     rootEl: HTMLDivElement;
 };
@@ -19,8 +18,6 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApLadderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApLadderProps> & Readonly<{}>, {
     layout: "vertical" | "horizontal";
     tooltip: boolean;
-    major: string;
-    minor: string;
     labelAlign: "left" | "right";
     tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
         title: VueTypeValidableDef<any>;
@@ -97,20 +94,11 @@ declare const __VLS_component: DefineComponent<ApLadderProps, {}, {}, {}, {}, Co
             default: boolean;
         };
     }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
+    labelValues: Array<ApLadderLabelValue>;
     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, ComponentProvideOptions, false, {
     wrapperRef: HTMLDivElement;
-    valueRefs: HTMLSpanElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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 g, useSlots as A, shallowRef as C, computed as o, openBlock as n, createElementBlock as B, normalizeClass as _, unref as e, createBlock as s, createSlots as p, withCtx as u, renderSlot as m, createCommentVNode as h } from "vue";
+import { memoize as O } 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 V, createMemoizeKey as w } from "./utils.mjs";
+import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as M } from "../../config-provider/hooks/use-global-config.mjs";
+import $ from "./components/SimpleMode.vue2.mjs";
+import z from "./components/ValueGroupMode.vue2.mjs";
+const J = /* @__PURE__ */ g({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
-    major: { default: "" },
-    minor: { default: "" },
+    major: {},
+    minor: {},
     majorColor: { default: "" },
-    majorStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    majorStyles: { type: [Boolean, null, String, Object, Array] },
     minorColor: { default: "" },
-    minorStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    layout: { default: "vertical" },
+    minorStyles: { type: [Boolean, null, String, Object, Array] },
+    layout: { default: "horizontal" },
     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: { type: [Boolean, null, String, Object, Array] },
+    valueStyles: { type: [Boolean, null, String, Object, Array] },
+    linkStyles: { type: [Boolean, null, String, Object, Array] },
+    unitStyles: { type: [Boolean, null, String, Object, Array] },
+    tooltipProps: { default: () => ({}) },
+    tooltipLabelStyles: { type: [Boolean, null, String, Object, Array] },
+    tooltipValueStyles: { type: [Boolean, null, String, Object, Array] }
   },
-  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 r = A(), l = y, { b: c, m: f } = L("ap-ladder"), d = M("uiMode", "aplus"), S = C(), b = o(() => l.labelValues.length === 0), v = o(() => l.labelValues.length > 0), k = o(() => l.labelAlign), a = O((t) => V(t) ? "" : typeof t == "number" ? t.toString() : typeof t == "string" ? t : "", w), i = o(() => !!r.title || l.tooltip), j = (t) => {
       t.link && window.open(t.link, "_blank"), typeof t.handleClickLink == "function" && t.handleClickLink();
     };
-    return (t, u) => (l(), r("div", {
+    return (t, P) => (n(), B("div", {
       ref_key: "wrapperRef",
-      ref: w,
-      class: a([o(z)(), `${o(G)(o(W))}`])
+      ref: S,
+      class: _([e(c)(), `${e(f)(e(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 ? {
+      b.value ? (n(), s($, {
+        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: i.value,
+        "convert-value": e(a)
+      }, p({ _: 2 }, [
+        r.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: u(() => [
+            m(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"])) : v.value ? (n(), s(z, {
+        key: 1,
+        "label-values": l.labelValues,
+        "label-align": k.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: i.value,
+        "convert-value": e(a),
+        onHandleClick: j
+      }, p({ _: 2 }, [
+        r.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: u(() => [
+            m(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"])) : h("", !0)
     ], 2));
   }
 });
 export {
-  Se as default
+  J as default
 };