@aplus-frontend/ui 0.5.26 → 0.5.28

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

@@ -0,0 +1,34 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ApLadderLabelValue } from '../interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    labelValue: {
+        type: PropType<ApLadderLabelValue>;
+        default: () => void;
+    };
+    labelValues: {
+        type: PropType<ApLadderLabelValue[]>;
+        default: () => void;
+    };
+    onHandleClick: {
+        type: PropType<(labelValue: ApLadderLabelValue) => void>;
+        default: () => void;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    labelValue: {
+        type: PropType<ApLadderLabelValue>;
+        default: () => void;
+    };
+    labelValues: {
+        type: PropType<ApLadderLabelValue[]>;
+        default: () => void;
+    };
+    onHandleClick: {
+        type: PropType<(labelValue: ApLadderLabelValue) => void>;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    labelValue: ApLadderLabelValue;
+    labelValues: ApLadderLabelValue[];
+    onHandleClick: (labelValue: ApLadderLabelValue) => void;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/business/ap-ladder/components/RenderValue.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as c, createVNode as e, Fragment as t } from "vue";
+import { convertValue as n, renderValue as p, isVNodeOrFunction as d } from "../utils.mjs";
+import "../../../config-provider/index.mjs";
+import { useNamespace as v } from "../../../config-provider/hooks/use-namespace.mjs";
+const f = /* @__PURE__ */ c({
+  name: "ApLadderValues",
+  props: {
+    labelValue: {
+      type: Object,
+      default: () => {
+      }
+    },
+    labelValues: {
+      type: Object,
+      default: () => {
+      }
+    },
+    onHandleClick: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(o, {
+    emit: r
+  }) {
+    return () => {
+      const {
+        labelValue: l,
+        labelValues: i
+      } = o, {
+        e: a
+      } = v("ap-ladder"), s = (u) => {
+        r("handleClick", u);
+      };
+      return e(t, null, [e("span", {
+        class: a("value-group-value"),
+        title: String(n(l.value, {
+          ...l
+        }))
+      }, [d(l.value) ? p(l.value) : l.link ? e("a", {
+        href: l.link,
+        target: "_blank",
+        class: a("value-group-link"),
+        title: String(l.value),
+        style: l.linkColor ? {
+          color: l.linkColor
+        } : null,
+        onClick: (u) => {
+          u.preventDefault(), s(l);
+        }
+      }, [n(l.value, {
+        ...l
+      })]) : e(t, null, [e("span", {
+        class: [l.handleValueClick ? a("value-group-link") : null],
+        title: String(l.value),
+        style: l.valueColor ? {
+          color: l.valueColor
+        } : null,
+        onClick: () => {
+          l.handleValueClick && l.handleValueClick(i);
+        }
+      }, [n(l.value, {
+        ...l
+      })]), l.unit && e("span", {
+        class: a("value-group-unit"),
+        title: String(n(l.value, {
+          ...l
+        })),
+        style: l.unitColor ? {
+          color: l.unitColor
+        } : null
+      }, [l.unit])])])]);
+    };
+  }
+});
+export {
+  f as default
+};

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

@@ -0,0 +1,37 @@
+import { DefineComponent, ExtractPropTypes, PropType, VNode, ComponentOptionsMixin, PublicProps, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    major: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    minor: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    major: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    minor: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    layout: "horizontal" | "vertical";
+    major: string | number | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode);
+    minor: string | number | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode);
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,42 @@
+import { defineComponent as r, createVNode as e } from "vue";
+import "../../../config-provider/index.mjs";
+import { ApLadderSimpleModeProps as l } from "../constans.mjs";
+import { isVNodeOrFunction as n } from "../utils.mjs";
+import { useNamespace as s } from "../../../config-provider/hooks/use-namespace.mjs";
+const v = /* @__PURE__ */ r({
+  name: "ApLadderSimpleMode",
+  props: l(),
+  setup(a, {
+    slots: o
+  }) {
+    const {
+      b: i,
+      e: m,
+      m: t
+    } = s("ap-ladder");
+    return () => e("div", {
+      class: [i("simple-mode")]
+    }, [a.layout === "vertical" ? e("div", {
+      class: [i("base"), t("vertical")]
+    }, [e("span", {
+      class: [m("major")],
+      title: a.major
+    }, [a.major]), n(a.minor) ? e("span", {
+      class: [m("minor")]
+    }, [a.minor]) : e("span", {
+      class: [m("minor")],
+      title: a.major
+    }, [a.minor])]) : e("div", {
+      class: [i("base"), t("horizontal")]
+    }, [e("span", {
+      class: [m("major")],
+      title: a.major
+    }, [a.major]), e("span", {
+      class: [m("minor")],
+      title: a.major
+    }, [a.minor])]), o.title && o.title()]);
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,28 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ApLadderLabelValue } from '../interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    labelValues: {
+        type: PropType<ApLadderLabelValue[]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("handleClick" | "update:valueRefs")[], "handleClick" | "update:valueRefs", PublicProps, Readonly< ExtractPropTypes<{
+    labelValues: {
+        type: PropType<ApLadderLabelValue[]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onHandleClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:valueRefs"?: ((...args: any[]) => any) | undefined;
+}>, {
+    labelAlign: string;
+    labelValues: ApLadderLabelValue[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,49 @@
+import { defineComponent as i, createVNode as a, createTextVNode as d } from "vue";
+import "../../../config-provider/index.mjs";
+import s from "./RenderValue.mjs";
+import { useNamespace as p } from "../../../config-provider/hooks/use-namespace.mjs";
+const v = /* @__PURE__ */ i({
+  name: "ApLadderValueGroupMode",
+  props: {
+    labelValues: {
+      type: Array,
+      default: () => []
+    },
+    labelAlign: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:valueRefs", "handleClick"],
+  setup(o, {
+    emit: r,
+    slots: t
+  }) {
+    const {
+      e: l
+    } = p("ap-ladder"), n = (e) => {
+      r("handleClick", e);
+    };
+    return () => a("div", {
+      class: l("value-group-mode")
+    }, [o.labelValues.map((e, u) => a("div", {
+      key: u,
+      class: [l("value-group-item"), e.label === "" && l("value-group-value-end")]
+    }, [e.label && a("span", {
+      class: [l("value-group-label"), o.labelAlign ? l(`value-group-label-${o.labelAlign}`) : null],
+      style: e.labelColor ? {
+        color: e.labelColor
+      } : null,
+      title: String(e.label)
+    }, [e.label]), e.label && a("span", {
+      class: l("value-group-label-semicolon")
+    }, [d(":")]), a(s, {
+      labelValue: e,
+      labelValues: o.labelValues,
+      onHandleClick: n
+    }, null), t.title && t.title()]))]);
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,50 @@
+import { PropType, VNode } from 'vue';
+import { ApLadderLabelValue } from './interface';
+export declare const ApLadderProps: () => {
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    labelValues: {
+        type: PropType<ApLadderLabelValue[]>;
+        default: () => never[];
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    major: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    minor: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    majorColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    minorColor: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const ApLadderSimpleModeProps: () => {
+    major: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    minor: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+};

package/es/src/business/ap-ladder/constans.mjs

@@ -0,0 +1,51 @@
+const t = () => ({
+  layout: {
+    type: String,
+    default: "vertical"
+  },
+  labelValues: {
+    type: Array,
+    default: () => []
+  },
+  tooltip: {
+    type: Boolean,
+    default: !0
+  },
+  labelAlign: {
+    type: String,
+    default: "left"
+  },
+  major: {
+    type: [String, Number, Object, Function],
+    default: null
+  },
+  minor: {
+    type: [String, Number, Object, Function],
+    default: null
+  },
+  majorColor: {
+    type: String,
+    default: ""
+  },
+  minorColor: {
+    type: String,
+    default: ""
+  }
+}), e = () => ({
+  major: {
+    type: [String, Number, Object, Function],
+    default: null
+  },
+  minor: {
+    type: [String, Number, Object, Function],
+    default: null
+  },
+  layout: {
+    type: String,
+    default: "vertical"
+  }
+});
+export {
+  t as ApLadderProps,
+  e as ApLadderSimpleModeProps
+};

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

@@ -1,39 +1,157 @@
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-import { ApLadderProps, ApLadderLabelValue, ApLadderSlots } from './interface';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNode, ComponentOptionsMixin, PublicProps, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ApLadderLabelValue } from './interface';
 export * from './interface';
 declare const ApLadder: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        layout: "vertical" | "horizontal";
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        layout: {
+            type: PropType<"vertical" | "horizontal">;
+            default: string;
+        };
+        labelValues: {
+            type: PropType< ApLadderLabelValue[]>;
+            default: () => never[];
+        };
+        tooltip: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        labelAlign: {
+            type: PropType<"left" | "right">;
+            default: string;
+        };
+        major: {
+            type: PropType<string | number | VNode | (() => VNode)>;
+            default: null;
+        };
+        minor: {
+            type: PropType<string | number | VNode | (() => VNode)>;
+            default: null;
+        };
+        majorColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        minorColor: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        layout: "horizontal" | "vertical";
+        tooltip: boolean;
+        major: string | number | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode);
+        minor: string | number | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode);
         labelAlign: "left" | "right";
-        labelValues: Array< ApLadderLabelValue>;
+        labelValues: ApLadderLabelValue[];
         majorColor: string;
         minorColor: string;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, {
-        layout: "vertical" | "horizontal";
+    }, Readonly< ExtractPropTypes<{
+        layout: {
+            type: PropType<"vertical" | "horizontal">;
+            default: string;
+        };
+        labelValues: {
+            type: PropType< ApLadderLabelValue[]>;
+            default: () => never[];
+        };
+        tooltip: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        labelAlign: {
+            type: PropType<"left" | "right">;
+            default: string;
+        };
+        major: {
+            type: PropType<string | number | VNode | (() => VNode)>;
+            default: null;
+        };
+        minor: {
+            type: PropType<string | number | VNode | (() => VNode)>;
+            default: null;
+        };
+        majorColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        minorColor: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        layout: "horizontal" | "vertical";
+        tooltip: boolean;
+        major: string | number | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode);
+        minor: string | number | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode);
         labelAlign: "left" | "right";
-        labelValues: Array< ApLadderLabelValue>;
+        labelValues: ApLadderLabelValue[];
         majorColor: string;
         minorColor: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    layout: "vertical" | "horizontal";
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    labelValues: {
+        type: PropType< ApLadderLabelValue[]>;
+        default: () => never[];
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    major: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    minor: {
+        type: PropType<string | number | VNode | (() => VNode)>;
+        default: null;
+    };
+    majorColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    minorColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    layout: "horizontal" | "vertical";
+    tooltip: boolean;
+    major: string | number | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode);
+    minor: string | number | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode);
     labelAlign: "left" | "right";
-    labelValues: Array< ApLadderLabelValue>;
+    labelValues: ApLadderLabelValue[];
     majorColor: string;
     minorColor: string;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Readonly< ApLadderSlots> & ApLadderSlots;
-}) & ( Plugin & (new (...args: any[]) => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;
     };

package/es/src/business/ap-ladder/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall as o } from "@aplus-frontend/utils";
-import "./ApLadder.vue.mjs";
-import { locales as f } from "./interface.mjs";
-import r from "./ApLadder.vue2.mjs";
-const i = o(r);
+import r from "./ApLadder.mjs";
+import { locales as d } from "./interface.mjs";
+const e = o(r);
 export {
-  i as ApLadder,
-  f as locales
+  e as ApLadder,
+  d as locales
 };

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

@@ -5,3 +5,7 @@ export declare const createMemoizeKey: (value: any, options?: any) => string;
 export declare const convertValue: (value: string | number | (() => VNode) | VNode | null | undefined, options?: ConvertValueOptions) => string | number | VNode< RendererNode, RendererElement, {
     [key: string]: any;
 }> | (() => VNode) | null | undefined;
+export declare const isVNodeOrFunction: (value: any) => boolean;
+export declare const renderValue: (value: any) => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}> | null;

package/es/src/business/ap-ladder/utils.mjs

@@ -1,5 +1,6 @@
-import { locales as n } from "./interface.mjs";
-const o = (r) => r == null || typeof r == "string" && r.trim() === "", u = (r, e = {}) => typeof r == "string" || typeof r == "number" ? String(r) + JSON.stringify(e) : "complex-value", y = (r, e = {
+import { isVNode as c, h as e } from "vue";
+import { locales as o } from "./interface.mjs";
+const y = (r) => r == null || typeof r == "string" && r.trim() === "", d = (r, t = {}) => typeof r == "string" || typeof r == "number" ? String(r) + JSON.stringify(t) : "complex-value", p = (r, t = {
   rawValue: !0,
   precision: 2,
   thousand: !0,
@@ -9,32 +10,34 @@ const o = (r) => r == null || typeof r == "string" && r.trim() === "", u = (r, e
 }) => {
   if (Object.prototype.toString.call(r) === "[object Null]" || Object.prototype.toString.call(r) === "[object Undefined]" || Object.prototype.toString.call(r) === "[object Object]" || Object.prototype.toString.call(r) === "[object Function]" || r === "")
     return "--";
-  if (e.rawValue)
+  if (t.rawValue)
     return r;
   if (typeof r == "number") {
-    if (e.percent)
-      return `${r.toFixed(e.precision)}%`;
-    if (e.currency)
+    if (t.percent)
+      return `${r.toFixed(t.precision)}%`;
+    if (t.currency)
       return r.toLocaleString(
-        n[e.currency ? e.currency : "CNY"],
+        o[t.currency ? t.currency : "CNY"],
         {
           style: "currency",
-          currency: e.currency ? e.currency : "CNY"
+          currency: t.currency ? t.currency : "CNY"
         }
       );
-    if (e.thousand) {
-      const [t, c] = r.toFixed(e.precision ? e.precision : 2).split(".");
-      return `${t.replace(
+    if (t.thousand) {
+      const [n, i] = r.toFixed(t.precision ? t.precision : 2).split(".");
+      return `${n.replace(
         /(\d)(?=(\d{3})+(?!\d))/g,
-        `$1${e.thousandSeparator ? e.thousandSeparator : ","}`
-      )}.${c}`;
+        `$1${t.thousandSeparator ? t.thousandSeparator : ","}`
+      )}.${i}`;
     }
-    return r.toFixed(e.precision ? e.precision : 2);
+    return r.toFixed(t.precision ? t.precision : 2);
   }
   return r;
-};
+}, s = (r) => c(r) || typeof r == "function", a = (r) => c(r) ? e(r) : typeof r == "function" ? e(r()) : null;
 export {
-  y as convertValue,
-  u as createMemoizeKey,
-  o as isNull
+  p as convertValue,
+  d as createMemoizeKey,
+  y as isNull,
+  s as isVNodeOrFunction,
+  a as renderValue
 };