@aplus-frontend/ui 0.4.7 → 0.4.9

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

@@ -1,9 +1,9 @@
 import { TooltipProps } from '@aplus-frontend/antdv/es/tooltip/Tooltip';
-import { VNode } from 'vue';
+import { StyleValue, VNode, VNodeChild } from 'vue';
 /**
  * Tooltip 需要的属性
  */
-export type TooltipNeedProps = Required<Pick<TooltipProps, 'title' | 'align' | 'arrowPointAtCenter' | 'arrow' | 'autoAdjustOverflow' | 'color' | 'destroyTooltipOnHide' | 'getPopupContainer' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle' | 'placement' | 'trigger'>>;
+export type TooltipNeedProps = Partial<Pick<TooltipProps, 'title' | 'align' | 'arrowPointAtCenter' | 'arrow' | 'autoAdjustOverflow' | 'color' | 'destroyTooltipOnHide' | 'getPopupContainer' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle' | 'placement' | 'trigger'>>;
 /**
  * 健值对
  */
@@ -11,11 +11,11 @@ export interface ApLadderLabelValue {
     /**
      * 健名称
      */
-    label: string;
+    label?: string;
     /**
      * 值
      */
-    value: string | number | undefined | null;
+    value?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
     /**
      * 是否采用原始值
      */
@@ -64,6 +64,70 @@ export interface ApLadderLabelValue {
      * 自定义链接颜色
      */
     linkColor?: string;
+    /**
+     * 跳转第三方链接 - 回调
+     */
+    handleClickLink?: () => void;
+    /**
+     * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
+     * @default `right`
+     * @since v0.4.7 新增
+     */
+    labelAlign?: 'left' | 'right';
+    /**
+     * 健值对 - label样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    labelStyles?: StyleValue;
+    /**
+     * 健值对 - value样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    valueStyles?: StyleValue;
+    /**
+     * 健值对 - link样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    linkStyles?: StyleValue;
+    /**
+     * 健值对 - unit样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    unitStyles?: StyleValue;
+    /**
+     * Tooltip - Label style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipLabelStyles?: StyleValue;
+    /**
+     * Tooltip - Value style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipValueStyles?: StyleValue;
+    /**
+     * 帮助气泡
+     */
+    helpMessage?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
+    /**
+     * 帮助气泡 - 图标
+     * @description 'question' | 'warning' 自定义
+     * @default `question`
+     */
+    helpMessageIcon?: 'question' | 'warning' | VNodeChild | VNode | (() => VNodeChild | VNode);
+    /**
+     * 帮助气泡 - 图标 - 样式
+     */
+    helpMessageIconStyles?: StyleValue;
+    /**
+     * 帮助气泡 - 扩展tooltip props
+     */
+    helpMessageTooltipProps?: TooltipProps;
 }
 /**
  * ApLadder Props 属性类型声明
@@ -81,12 +145,26 @@ export interface ApLadderProps {
     minor?: string;
     /**
      * 自定义重要信息颜色
+     * @deprecated 注意：v0.4.7版本之后就别用这个属性了 后面将不再支持
+     * @description 请使用`majorStyles`代替
      */
     majorColor?: string;
+    /**
+     * 自定义重要信息 style
+     * @since v0.4.7 新增
+     */
+    majorStyles?: StyleValue;
     /**
      * 自定义次要信息颜色
+     * @deprecated 注意：v0.4.7版本之后就别用这个属性了 后面将不再支持
+     * @description 请使用`minorStyles`代替
      */
     minorColor?: string;
+    /**
+     * 自定义次要信息 style
+     * @since v0.4.7 新增
+     */
+    minorStyles?: StyleValue;
     /**
      * 布局方式
      * - `vertical` 垂直布局
@@ -103,10 +181,52 @@ export interface ApLadderProps {
      * 健值对 - 数组展示
      */
     labelValues?: Array<ApLadderLabelValue>;
+    /**
+     * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
+     * @default `right`
+     * @since v0.4.7 新增
+     */
+    labelAlign?: 'left' | 'right';
+    /**
+     * 健值对 - label样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    labelStyles?: StyleValue;
+    /**
+     * 健值对 - value样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    valueStyles?: StyleValue;
+    /**
+     * 健值对 - link样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    linkStyles?: StyleValue;
+    /**
+     * 健值对 - unit样式
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    unitStyles?: StyleValue;
     /**
      * 扩展 Tooltip
      */
     tooltipProps?: TooltipNeedProps;
+    /**
+     * Tooltip - Label style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipLabelStyles?: StyleValue;
+    /**
+     * Tooltip - Value style
+     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
+     * @since v0.4.7 新增
+     */
+    tooltipValueStyles?: StyleValue;
 }
 /**
  * ApLadder Slots 类型声明

package/es/src/business/ap-size-input/ApSizeInput.d.ts

@@ -72,12 +72,12 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         default: number;
     };
 }>> & Readonly<{}>, {
+    step: number;
     value: (string | number)[];
     placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
-    step: number;
     precision: number;
     perfix: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/src/business/ap-size-input/index.d.ts

@@ -38,12 +38,12 @@ declare const ApSizeInput: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        step: number;
         value: (string | number)[];
         placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
-        step: number;
         precision: number;
         perfix: string;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -90,12 +90,12 @@ declare const ApSizeInput: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        step: number;
         value: (string | number)[];
         placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
-        step: number;
         precision: number;
         perfix: string;
     }>;
@@ -139,12 +139,12 @@ declare const ApSizeInput: {
         default: number;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    step: number;
     value: (string | number)[];
     placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
-    step: number;
     precision: number;
     perfix: string;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {

package/es/src/business/ap-table-modal/table-layout/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as k, openBlock as o, createElementBlock as s, normalizeClass as a, unref as t, Fragment as c, createElementVNode as r, createVNode as n, renderSlot as u, withCtx as f, createTextVNode as I, toDisplayString as v, renderList as C, createBlock as S, resolveDynamicComponent as T } from "vue";
+import { defineComponent as S, openBlock as a, createElementBlock as n, normalizeClass as o, unref as t, Fragment as c, createElementVNode as r, createVNode as s, renderSlot as u, withCtx as f, createTextVNode as E, toDisplayString as C, renderList as L, createBlock as y, resolveDynamicComponent as T, createCommentVNode as v } from "vue";
 import "../../../config-provider/index.mjs";
 import "../../index.mjs";
-import { Button as L } from "@aplus-frontend/antdv";
+import { Button as N, Empty as g } from "@aplus-frontend/antdv";
 import { useLocale as B } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as N } from "../../../config-provider/hooks/use-namespace.mjs";
-import { ApTitle as y } from "../../ap-title/index.mjs";
-const j = /* @__PURE__ */ k({
+import { useNamespace as M } from "../../../config-provider/hooks/use-namespace.mjs";
+import { ApTitle as b } from "../../ap-title/index.mjs";
+const R = /* @__PURE__ */ S({
   __name: "index",
   props: {
     leftTitle: { default: "" },
@@ -13,43 +13,46 @@ const j = /* @__PURE__ */ k({
     selectedList: { default: () => [] }
   },
   emits: ["clear", "deleteItem"],
-  setup($, { emit: b }) {
-    const { t: i } = B(), d = b, h = () => {
+  setup(V, { emit: h }) {
+    const { t: i } = B(), d = h, I = () => {
       d("clear");
-    }, g = (e) => {
+    }, k = (e) => {
       d("deleteItem", e);
-    }, { m: l } = N("ap-table-modal");
-    return (e, V) => (o(), s("div", {
-      class: a([t(l)("table-layout"), { "complex-layout": !!e.renderSelectedItem }])
+    }, { m: l } = M("ap-table-modal");
+    return (e, $) => (a(), n("div", {
+      class: o([
+        e.renderSelectedItem ? t(l)("table-layout") : "",
+        { "complex-layout": !!e.renderSelectedItem }
+      ])
     }, [
-      e.renderSelectedItem ? (o(), s(c, { key: 0 }, [
+      e.renderSelectedItem ? (a(), n(c, { key: 0 }, [
         r("div", {
-          class: a(t(l)("table-layout-left"))
+          class: o(t(l)("table-layout-left"))
         }, [
-          n(t(y), {
+          s(t(b), {
             style: { "margin-bottom": "16px" },
             title: e.leftTitle
           }, null, 8, ["title"]),
           r("div", {
-            class: a(t(l)("table-layout-left-content"))
+            class: o(t(l)("table-layout-left-content"))
           }, [
             u(e.$slots, "default")
           ], 2)
         ], 2),
         r("div", {
-          class: a(t(l)("table-layout-right"))
+          class: o(t(l)("table-layout-right"))
         }, [
-          n(t(y), {
+          s(t(b), {
             title: `${t(i)("ap.apTableModal.selected")} (${e.selectedList.length})`
           }, {
             suffix: f(() => [
-              n(t(L), {
+              s(t(N), {
                 type: "link",
                 style: { padding: "0px", height: "22px", "border-width": "0px" },
-                onClick: h
+                onClick: I
               }, {
                 default: f(() => [
-                  I(v(t(i)("ap.apTableModal.clear")), 1)
+                  E(C(t(i)("ap.apTableModal.clear")), 1)
                 ]),
                 _: 1
               })
@@ -57,12 +60,17 @@ const j = /* @__PURE__ */ k({
             _: 1
           }, 8, ["title"]),
           r("div", {
-            class: a(t(l)("table-layout-right-content"))
+            class: o(t(l)("table-layout-right-content"))
           }, [
-            (o(!0), s(c, null, C(e.selectedList, (m) => {
+            (a(!0), n(c, null, L(e.selectedList, (m) => {
               var p;
-              return o(), S(T((p = e.renderSelectedItem) == null ? void 0 : p.call(e, m, { deleteItem: g })), { key: m });
-            }), 128))
+              return a(), y(T((p = e.renderSelectedItem) == null ? void 0 : p.call(e, m, { deleteItem: k })), { key: m });
+            }), 128)),
+            e.selectedList.length === 0 ? (a(), y(t(g), {
+              key: 0,
+              image: t(g).PRESENTED_IMAGE_SIMPLE,
+              style: { "margin-top": "100px" }
+            }, null, 8, ["image"])) : v("", !0)
           ], 2)
         ], 2)
       ], 64)) : u(e.$slots, "default", { key: 1 })
@@ -70,5 +78,5 @@ const j = /* @__PURE__ */ k({
   }
 });
 export {
-  j as default
+  R as default
 };

package/es/src/index.d.ts

@@ -18,3 +18,4 @@ export * from './ap-table';
 export * from './editable-table';
 export * from './ap-descriptions';
 export * from './scroll-bar';
+export * from './scroll-view';