@aplus-frontend/ui 0.5.25 → 0.5.27

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

@@ -0,0 +1,83 @@
+import { ApLadderLabelValue } from './interface';
+import { DefineComponent, ExtractPropTypes, PropType, VNode, ComponentOptionsMixin, PublicProps, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<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;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, 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<{}>, {
+    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: ApLadderLabelValue[];
+    majorColor: string;
+    minorColor: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,42 @@
+import { defineComponent as p, computed as i, createVNode as o } from "vue";
+import "../../config-provider/index.mjs";
+import k from "./components/SimpleMode.mjs";
+import b from "./components/ValueGroupMode.mjs";
+import { ApLadderProps as g } from "./constans.mjs";
+import { useNamespace as s } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as A } from "../../config-provider/hooks/use-global-config.mjs";
+const G = /* @__PURE__ */ p({
+  name: "ApLadder",
+  props: g(),
+  setup(e, {
+    slots: n
+  }) {
+    const {
+      b: a,
+      m: d
+    } = s("ap-ladder"), u = A("uiMode", "aplus"), r = i(() => e.labelValues === void 0 || e.labelValues.length === 0), m = i(() => e.labelValues.length > 0), c = i(() => e.labelAlign), f = (l) => {
+      l.link && window.open(l.link, "_blank"), typeof l.handleClickLink == "function" && l.handleClickLink();
+    }, t = () => {
+      var l;
+      return ((l = n.title) == null ? void 0 : l.call(n)) || null;
+    };
+    return () => o("div", {
+      class: [a(), `${d(u.value)}`]
+    }, [r.value ? o(k, {
+      major: e.major,
+      minor: e.minor,
+      layout: e.layout
+    }, {
+      title: n.title ? t : void 0
+    }) : m.value ? o(b, {
+      labelValues: e.labelValues || [],
+      labelAlign: c.value,
+      onHandleClick: f
+    }, {
+      title: n.title ? t : void 0
+    }) : null]);
+  }
+});
+export {
+  G as default
+};

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
 };