@aplus-frontend/ui 0.5.24 → 0.5.26

package/es/src/ap-form/search-form/index.vue.mjs

@@ -77,7 +77,7 @@ const r = 24, ze = /* @__PURE__ */ ie({
     },
     defaultCollapse: {
       type: Boolean,
-      default: !1
+      default: !0
     },
     "onUpdate:collapse": {},
     searchText: {},

package/es/src/ap-grid/editable/form-item.vue.mjs

@@ -172,31 +172,31 @@ const ye = /* @__PURE__ */ P({
     });
     const c = h(), v = le("valueTypeMap"), D = oe(l, v);
     function L(e, o) {
-      var s;
-      const n = ((s = f(d)) == null ? void 0 : s.length) || 0;
+      var u;
+      const n = ((u = f(d)) == null ? void 0 : u.length) || 0;
       if (w(l.maxLength) && n >= l.maxLength)
         return;
       const t = {
         ...e || {}
       };
-      a == null || a.setFieldValue(l.name, t, !0, (u, r) => {
-        console.log("run add", u[r]), u[r] || (u[r] = [t]), I(o) ? u[r].push(t) : u[r].splice(o, 0, t);
+      a == null || a.setFieldValue(l.name, t, !0, (s, r) => {
+        s[r] || (s[r] = [t]), I(o) ? s[r].push(t) : s[r].splice(o, 0, t);
       });
     }
     function V(e, o = "suffix") {
-      var u;
-      const n = ((u = f(d)) == null ? void 0 : u.length) || 0, t = m(e) ? e : e.length;
+      var s;
+      const n = ((s = f(d)) == null ? void 0 : s.length) || 0, t = m(e) ? e : e.length;
       if (w(l.maxLength) && n + t > l.maxLength)
         return;
-      const s = m(e) ? new Array(e).fill(0).map(() => ({})) : M(e);
-      a == null || a.setFieldValue(l.name, s, !0, (r, i) => {
-        r[i] || (r[i] = [...s]), o === "suffix" ? r[i].push(...s) : r[i].unshift(...s);
+      const u = m(e) ? new Array(e).fill(0).map(() => ({})) : M(e);
+      a == null || a.setFieldValue(l.name, u, !0, (r, i) => {
+        r[i] || (r[i] = [...u]), o === "suffix" ? r[i].push(...u) : r[i].unshift(...u);
       });
     }
     function T(e) {
       const o = new Set(m(e) ? [e] : e);
       a == null || a.setFieldValue(l.name, void 0, !0, (n, t) => {
-        n[t] = n[t].filter((s, u) => !o.has(u));
+        n[t] = n[t].filter((u, s) => !o.has(s));
       });
     }
     function _() {
@@ -207,9 +207,9 @@ const ye = /* @__PURE__ */ P({
       return (o = f(d)) == null ? void 0 : o[e];
     }
     function k(e, o, n = !0) {
-      a == null || a.setFieldValue(l.name, null, !0, (t, s) => {
-        !t[s] || !t[s][e] || (t[s][e] = {
-          ...n ? t[s][e] : {},
+      a == null || a.setFieldValue(l.name, void 0, !0, (t, u) => {
+        !t[u] || !t[u][e] || (t[u][e] = {
+          ...n ? t[u][e] : {},
           ...o
         });
       });
@@ -251,7 +251,7 @@ const ye = /* @__PURE__ */ P({
         _: 2
       }, [J(R, (n, t) => ({
         name: t,
-        fn: y((s) => [Q(e.$slots, t, X(Y(s || {})))])
+        fn: y((u) => [Q(e.$slots, t, X(Y(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

package/es/src/ap-grid/editable/index.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as U, useSlots as $, ref as w, watch as x, unref as u, createBlock as q, openBlock as J, withCtx as h, createVNode as v, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
-import { ApForm as g } from "../../ap-form/index.mjs";
-import { isEqual as ae, isArray as R, isUndefined as te, isNumber as y, cloneDeep as le, omit as oe } from "lodash-unified";
+import { ApForm as y } from "../../ap-form/index.mjs";
+import { isEqual as ae, isArray as R, isUndefined as te, isNumber as g, cloneDeep as le, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import { isDef as b } from "../../utils/index.mjs";
@@ -160,7 +160,7 @@ const Re = /* @__PURE__ */ U({
     } = se("editable-grid"), _ = S, C = w(), {
       value: m,
       updateValue: L
-    } = re(t, _), i = w(), E = ue("valueTypeMap"), c = g.useWatch(t.name, i);
+    } = re(t, _), i = w(), E = ue("valueTypeMap"), c = y.useWatch(t.name, i);
     x(() => c.value, (e) => {
       var a;
       L(e), (a = t.onChange) == null || a.call(t, e);
@@ -195,22 +195,22 @@ const Re = /* @__PURE__ */ U({
         ...e || {}
       };
       (r = (s = i.value) == null ? void 0 : s.setFieldValue) == null || r.call(s, t.name, o, !0, (d, f) => {
-        console.log("run add", d[f]), d[f] || (d[f] = [o]), te(a) ? d[f].push(o) : d[f].splice(a, 0, o);
+        d[f] || (d[f] = [o]), te(a) ? d[f].push(o) : d[f].splice(a, 0, o);
       });
     }
     function z(e, a = "suffix") {
       var s, r, d;
-      const l = ((s = u(m)) == null ? void 0 : s.length) || 0, o = y(e) ? e : e.length;
+      const l = ((s = u(m)) == null ? void 0 : s.length) || 0, o = g(e) ? e : e.length;
       if (b(t.maxLength) && l + o > t.maxLength)
         return;
-      const n = y(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
+      const n = g(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
       (d = (r = i.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, t.name, n, !0, (f, p) => {
         f[p] || (f[p] = [...n]), a === "suffix" ? f[p].push(...n) : f[p].unshift(...n);
       });
     }
     function I(e) {
       var l, o;
-      const a = new Set(y(e) ? [e] : e);
+      const a = new Set(g(e) ? [e] : e);
       (o = (l = i.value) == null ? void 0 : l.setFieldValue) == null || o.call(l, t.name, void 0, !0, (n, s) => {
         n[s] = n[s].filter((r, d) => !a.has(d));
       });
@@ -228,7 +228,7 @@ const Re = /* @__PURE__ */ U({
     }
     function W(e, a, l = !0) {
       var o, n;
-      (n = (o = i.value) == null ? void 0 : o.setFieldValue) == null || n.call(o, t.name, null, !0, (s, r) => {
+      (n = (o = i.value) == null ? void 0 : o.setFieldValue) == null || n.call(o, t.name, void 0, !0, (s, r) => {
         !s[r] || !s[r][e] || (s[r][e] = {
           ...l ? s[r][e] : {},
           ...a
@@ -256,7 +256,7 @@ const Re = /* @__PURE__ */ U({
       scrollTo: G,
       clear: K,
       setTableData: P
-    }), (e, a) => (J(), q(u(g), {
+    }), (e, a) => (J(), q(u(y), {
       ref_key: "formRef",
       ref: i,
       "initial-values": {
@@ -266,7 +266,7 @@ const Re = /* @__PURE__ */ U({
         height: "100%"
       }
     }, {
-      default: h(() => [v(u(g).FormItem, {
+      default: h(() => [v(u(y).FormItem, {
         name: e.name,
         "no-style": ""
       }, {

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

@@ -1,11 +1,5 @@
 import { ApLadderLabelValue, ApLadderProps, ApLadderSlots } from './interface';
-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';
-import { LiteralUnion } from '@aplus-frontend/antdv/es/_util/type';
-import { PresetColorType } from '@aplus-frontend/antdv/es/_util/colors';
-import { AlignType, BuildInPlacements } from '@aplus-frontend/antdv/es/vc-trigger/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApLadderSlots> & ApLadderSlots;
@@ -15,83 +9,7 @@ declare function __VLS_template(): {
 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;
     labelAlign: "left" | "right";
-    tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
-        title: VueTypeValidableDef<any>;
-        trigger: PropType< TriggerType | TriggerType[]>;
-        open: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        visible: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        placement: PropType<TooltipPlacement>;
-        color: PropType<LiteralUnion<PresetColorType>>;
-        transitionName: StringConstructor;
-        overlayStyle: {
-            type: PropType<CSSProperties>;
-            default: CSSProperties;
-        };
-        overlayInnerStyle: {
-            type: PropType<CSSProperties>;
-            default: CSSProperties;
-        };
-        overlayClassName: StringConstructor;
-        openClassName: StringConstructor;
-        prefixCls: StringConstructor;
-        mouseEnterDelay: NumberConstructor;
-        mouseLeaveDelay: NumberConstructor;
-        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
-        arrowPointAtCenter: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        arrow: {
-            type: PropType<boolean | {
-                pointAtCenter?: boolean;
-            }>;
-            default: boolean | {
-                pointAtCenter?: boolean;
-            };
-        };
-        autoAdjustOverflow: {
-            type: PropType<boolean | AdjustOverflow>;
-            default: boolean | AdjustOverflow;
-        };
-        destroyTooltipOnHide: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        align: {
-            type: PropType<AlignType>;
-            default: AlignType;
-        };
-        builtinPlacements: {
-            type: PropType<BuildInPlacements>;
-            default: BuildInPlacements;
-        };
-        children: ArrayConstructor;
-        onVisibleChange: PropType<(vis: boolean) => void>;
-        'onUpdate:visible': PropType<(vis: boolean) => void>;
-        onOpenChange: PropType<(vis: boolean) => void>;
-        'onUpdate:open': PropType<(vis: boolean) => void>;
-        mask: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maskStyle: {
-            type: PropType<CSSProperties>;
-            default: CSSProperties;
-        };
-        maskTransitionName: StringConstructor;
-        maskClosable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
     labelValues: Array<ApLadderLabelValue>;
     majorColor: string;
     minorColor: string;

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

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

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

@@ -1,11 +1,11 @@
-import { CSSProperties, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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<{
@@ -17,38 +17,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         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)[];
@@ -58,49 +30,15 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         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>;
+}, {}, {}, {}, 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/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, createElementBlock as r, openBlock as m, normalizeClass as a, unref as t, renderSlot as u, createCommentVNode as j, createElementVNode as l, toDisplayString as n } 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) => (m(), r("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" ? (m(), r("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)) : (m(), r("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
 };