@aplus-frontend/ui 0.0.31 → 0.0.33

package/es/src/ap-tag/ap-tag-group.vue.d.ts

@@ -1,19 +1,24 @@
-import { ApTagGroupProps, ApTagProps } from './interface';
+import { ApTagGroupProps, ApTagProps, EllipsisProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
+type ApTagGroupSlots = {
+    tooltip?: (props: {
+        tags: ApTagProps[];
+    }) => void;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
     list: () => ApTagProps[];
     space: number;
-    ellipsisColor: string;
+    ellipsis: () => {};
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
     list: () => ApTagProps[];
     space: number;
-    ellipsisColor: string;
+    ellipsis: () => {};
 }>>>, {
+    ellipsis: EllipsisProps;
     space: number;
     list: ApTagProps[];
-    ellipsisColor: string;
-}, {}>;
+}, {}>, Readonly<ApTagGroupSlots> & ApTagGroupSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -32,3 +37,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,12 +1,15 @@
-import { createElementVNode as e, defineComponent as z, ref as p, computed as m, unref as l, nextTick as g, watch as L, onMounted as W, onUnmounted as b, openBlock as f, createBlock as v, withCtx as y, normalizeClass as F, normalizeStyle as w, createElementBlock as N, Fragment as T, renderList as q, mergeProps as A, createCommentVNode as M } from "vue";
-import { Tooltip as P } from "ant-design-vue";
-import V from "@ant-design/icons-vue";
+import { createElementVNode as t, defineComponent as N, ref as v, computed as s, unref as o, nextTick as g, watch as P, onMounted as S, onUnmounted as j, openBlock as u, createBlock as h, mergeProps as _, withCtx as y, renderSlot as q, createTextVNode as G, toDisplayString as k, normalizeClass as b, normalizeStyle as E, createElementBlock as B, Fragment as R, renderList as I, createCommentVNode as U } from "vue";
+import { Tooltip as H } from "ant-design-vue";
+import J from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";
+import { omit as K } from "lodash-unified";
 import "./style/ap-tag-group.css";
-import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
-import j from "./ap-tag.vue.mjs";
-const I = /* @__PURE__ */ e("svg", {
+import { useLocale as O } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as Q } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as X } from "../config-provider/hooks/use-namespace.mjs";
+import Y from "./ap-tag.vue.mjs";
+const Z = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   fill: "none",
@@ -15,9 +18,9 @@ const I = /* @__PURE__ */ e("svg", {
   height: "16",
   viewBox: "0 0 16 16"
 }, [
-  /* @__PURE__ */ e("defs", null, [
-    /* @__PURE__ */ e("clipPath", { id: "master_svg0_1133_24991" }, [
-      /* @__PURE__ */ e("rect", {
+  /* @__PURE__ */ t("defs", null, [
+    /* @__PURE__ */ t("clipPath", { id: "master_svg0_1133_24991" }, [
+      /* @__PURE__ */ t("rect", {
         x: "0",
         y: "0",
         width: "16",
@@ -26,9 +29,9 @@ const I = /* @__PURE__ */ e("svg", {
       })
     ])
   ]),
-  /* @__PURE__ */ e("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
-    /* @__PURE__ */ e("g", null, [
-      /* @__PURE__ */ e("ellipse", {
+  /* @__PURE__ */ t("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
         cx: "8",
         cy: "8",
         rx: "1",
@@ -37,8 +40,8 @@ const I = /* @__PURE__ */ e("svg", {
         "fill-opacity": "1"
       })
     ]),
-    /* @__PURE__ */ e("g", null, [
-      /* @__PURE__ */ e("ellipse", {
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
         cx: "3.25",
         cy: "8",
         rx: "1",
@@ -47,8 +50,8 @@ const I = /* @__PURE__ */ e("svg", {
         "fill-opacity": "1"
       })
     ]),
-    /* @__PURE__ */ e("g", null, [
-      /* @__PURE__ */ e("ellipse", {
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
         cx: "12.75",
         cy: "8",
         rx: "1",
@@ -58,80 +61,97 @@ const I = /* @__PURE__ */ e("svg", {
       })
     ])
   ])
-], -1), O = /* @__PURE__ */ z({
+], -1), pe = /* @__PURE__ */ N({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
     space: { default: 4 },
-    ellipsisColor: { default: "#34B77C" }
+    ellipsisColor: {},
+    ellipsis: { default: () => ({}) }
   },
-  setup(_) {
-    const r = _, { b: x } = $("tag-group"), a = p(), h = m(() => l(o) < r.list.length), C = m(() => r.list.slice(0, l(o))), o = p(0), c = p(0), u = p(r.list.length), k = m(() => r.list.map((t) => t.text).join("、")), B = m(() => [x()].filter(Boolean)), i = () => {
-      if (!a.value)
+  setup(T) {
+    const { t: V } = O(), l = T, z = Q("uiMode"), { b: L, bm: x } = X("tag-group"), c = v(), r = s(() => ({
+      ...{
+        iconColor: "#34B77C",
+        symbol: "icon",
+        text: V("ap.common.more")
+      },
+      ...l.ellipsis
+    })), M = s(() => r.value.tooltip && typeof r.value.tooltip == "object" ? K(r.value.tooltip, ["trigger", "title"]) : {}), d = s(() => o(n) < l.list.length), $ = s(() => l.list.slice(0, o(n))), n = v(0), p = v(0), m = v(l.list.length), W = s(() => l.list.map((e) => e.text).join("、")), A = s(() => [L()].filter(Boolean)), D = s(() => z.value === "aplus" ? [x("ellipsis-text", "aplus")] : [x("ellipsis-text", "admin")]), f = () => {
+      if (!c.value)
         return;
-      const t = a.value.scrollWidth, n = a.value.clientWidth;
-      if (l(c) <= l(u)) {
-        const s = Math.floor((l(c) + l(u)) / 2);
-        t <= n ? (o.value = s, c.value = s + 1) : u.value = s - 1, g(() => {
-          requestAnimationFrame(i);
+      const e = c.value.scrollWidth, i = c.value.clientWidth;
+      if (o(p) <= o(m)) {
+        const a = Math.floor((o(p) + o(m)) / 2);
+        e <= i ? (n.value = a, p.value = a + 1) : m.value = a - 1, g(() => {
+          requestAnimationFrame(f);
         });
       } else
-        t > n && (o.value = o.value - 1, g(() => {
-          requestAnimationFrame(i);
+        e > i && (n.value = n.value - 1, g(() => {
+          requestAnimationFrame(f);
         }));
-    }, d = () => {
-      c.value = 0, u.value = r.list.length, o.value = 0;
+    }, w = () => {
+      p.value = 0, m.value = l.list.length, n.value = 0;
     };
-    return L(
-      () => r.list,
-      (t, n) => {
-        t !== n && (d(), g(() => i()));
+    P(
+      () => l.list,
+      (e, i) => {
+        e !== i && (w(), g(() => f()));
       },
       {
         immediate: !0
       }
-    ), W(() => {
-      window.addEventListener("resize", () => {
-        d(), i();
-      });
-    }), b(() => {
-      window.removeEventListener("resize", () => {
-        d(), i();
-      });
-    }), (t, n) => (f(), v(l(P), {
-      title: k.value,
-      trigger: "hover"
-    }, {
+    );
+    const C = () => {
+      w(), f();
+    };
+    return S(() => {
+      [["ellipsisColor", "ellipse.color"]].forEach(([e, i]) => {
+        l[e] && console.error(
+          `[ApTagGroup]: \`${e}\` is deprecated, please use \`${i}\` instead.`
+        );
+      }), window.addEventListener("resize", C);
+    }), j(() => {
+      window.removeEventListener("resize", C);
+    }), (e, i) => (u(), h(o(H), _({ trigger: "hover" }, M.value), {
+      title: y(() => [
+        q(e.$slots, "tooltip", { tags: e.list }, () => [
+          G(k(W.value), 1)
+        ])
+      ]),
       default: y(() => [
-        e("div", {
-          class: F(B.value),
+        t("div", {
+          class: b(A.value),
           ref_key: "container",
-          ref: a,
-          style: w({
-            pointerEvents: h.value ? "auto" : "none"
+          ref: c,
+          style: E({
+            pointerEvents: d.value ? "auto" : "none"
           })
         }, [
-          (f(!0), N(T, null, q(C.value, (s, E) => (f(), v(j, A({ ref_for: !0 }, s, {
-            key: E,
+          (u(!0), B(R, null, I($.value, (a, F) => (u(), h(Y, _({ ref_for: !0 }, a, {
+            key: F,
             style: {
-              marginRight: `${t.space}px`
+              marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          h.value ? (f(), v(l(V), {
+          d.value && r.value.symbol === "icon" ? (u(), h(o(J), {
             key: 0,
-            style: w({ color: t.ellipsisColor })
+            style: E({ color: e.ellipsisColor || r.value.iconColor })
           }, {
             component: y(() => [
-              I
+              Z
             ]),
             _: 1
-          }, 8, ["style"])) : M("", !0)
+          }, 8, ["style"])) : d.value && r.value.symbol === "text" ? (u(), B("span", {
+            key: 1,
+            class: b(D.value)
+          }, k(r.value.text), 3)) : U("", !0)
         ], 6)
       ]),
-      _: 1
-    }, 8, ["title"]));
+      _: 3
+    }, 16));
   }
 });
 export {
-  O as default
+  pe as default
 };

package/es/src/ap-tag/interface.d.ts

@@ -1,3 +1,5 @@
+import { TooltipProps } from 'ant-design-vue/es/tooltip';
+
 export interface ApTagProps {
     /**
      * 标签内容
@@ -17,6 +19,27 @@ export interface ApTagProps {
      */
     disabled?: boolean;
 }
+export type EllipsisProps = {
+    /**
+     * 省略号标志
+     * @default 'icon' - 内置图标不能自定义
+     * @type 'icon' | 'text'
+     */
+    symbol?: 'icon' | 'text';
+    /**
+     * 省略号文本 - symbol为text时生效
+     */
+    text?: string;
+    /**
+     * 省略号颜色 - symbol为icon时生效
+     * @default #34B77C
+     */
+    iconColor?: string;
+    /**
+     * 省略号气泡内容
+     */
+    tooltip?: Omit<TooltipProps, 'trigger' | 'title'>;
+};
 export interface ApTagGroupProps {
     /**
      * 标签组内容
@@ -32,4 +55,5 @@ export interface ApTagGroupProps {
      * @default #34B77C
      */
     ellipsisColor?: string;
+    ellipsis?: EllipsisProps;
 }

package/es/src/ap-tag/style/ap-tag-group.css

@@ -5,3 +5,11 @@
   white-space: nowrap;
   align-items: center;
 }
+.aplus-tag-group-ellipsis-text--admin {
+  font-size: 12px;
+  color: #1890FF;
+}
+.aplus-tag-group-ellipsis-text--aplus {
+  font-size: 12px;
+  color: #0070FF;
+}

package/es/src/ap-upload/styles/multiple-file.css

@@ -39,11 +39,15 @@
 }
 .aplus-ap-upload-multiple-file-admin .multiple-file-context .file-btn {
   border: 1px solid #d9d9d9;
+  color: #333333;
 }
 .aplus-ap-upload-multiple-file-admin .multiple-file-context .file-btn:hover {
   border-color: #34b77c;
   color: #34b77c;
 }
+.aplus-ap-upload-multiple-file-admin .multiple-file-context .sub-title {
+  color: #999999;
+}
 .aplus-ap-upload-multiple-file-admin .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
   background: #fafafa;
 }

package/es/src/ap-upload/styles/picture.css

@@ -107,6 +107,6 @@
 .aplus-ap-upload-picture-admin .picture-context .picture-item {
   border: 1px solid #d9d9d9;
 }
-.aplus-ap-upload-picture-admin .picture-context .picture-title {
+.aplus-ap-upload-picture-admin .picture-title {
   color: #999;
 }

package/es/src/base-button/index.d.ts

@@ -20,16 +20,16 @@ export declare const BaseButton: {
         loading: {
             type: PropType<boolean>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         preIcon: {
             type: PropType<string>;
         };
         postIcon: {
             type: PropType<string>;
         };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         text: {
             type: PropType<string>;
@@ -46,16 +46,16 @@ export declare const BaseButton: {
         loading: {
             type: PropType<boolean>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         preIcon: {
             type: PropType<string>;
         };
         postIcon: {
             type: PropType<string>;
         };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
     }>>, {
         iconSize: number;
     }, true, {}, {}, {
@@ -81,16 +81,16 @@ export declare const BaseButton: {
         loading: {
             type: PropType<boolean>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         preIcon: {
             type: PropType<string>;
         };
         postIcon: {
             type: PropType<string>;
         };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
     }>>, {}, {}, {}, {}, {
         iconSize: number;
     }>;
@@ -113,16 +113,16 @@ export declare const BaseButton: {
     loading: {
         type: PropType<boolean>;
     };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
     preIcon: {
         type: PropType<string>;
     };
     postIcon: {
         type: PropType<string>;
     };
-    iconSize: {
-        type: PropType<number>;
-        default: number;
-    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     iconSize: number;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
@@ -130,7 +130,7 @@ export declare const BaseButton: {
         icon?(_: {}): any;
         default?(_: any): any;
     };
-}) & Plugin<any[]> & (new (...args: any[]) => {
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/es/src/basic/index.d.ts

@@ -131,7 +131,7 @@ export declare const BasicHelp: {
     fontSize: string;
     maxWidth: string;
     showIndex: boolean;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };
@@ -202,7 +202,7 @@ export declare const BasicTitle: {
     $slots: {
         default?(_: {}): any;
     };
-}) & Plugin<any[]> & (new (...args: any[]) => {
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };
@@ -271,7 +271,7 @@ export declare const BasicArrow: {
     inset: {
         type: PropType<boolean>;
     };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/es/src/business/index.d.ts

@@ -145,7 +145,7 @@ export declare const ApTitle: {
         prefix?(_: {}): any;
         suffix?(_: {}): any;
     };
-}) & Plugin<any[]> & (new (...args: any[]) => {
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };
@@ -363,18 +363,12 @@ export declare const ApLabel: {
         size: {
             type: PropType<"default" | "small">;
         };
-        status: {
-            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
-            default: string;
-        };
         offset: {
             type: PropType<[string | number, string | number]>;
         };
-        dot: {
-            type: PropType<boolean>;
-        };
-        helpMessage: {
-            type: PropType<string>;
+        status: {
+            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
+            default: string;
         };
         count: {
             type: PropType<any>;
@@ -385,12 +379,18 @@ export declare const ApLabel: {
         overflowCount: {
             type: PropType<number>;
         };
+        dot: {
+            type: PropType<boolean>;
+        };
         scrollNumberPrefixCls: {
             type: PropType<string>;
         };
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        helpMessage: {
+            type: PropType<string>;
+        };
         iconColor: {
             type: PropType<string>;
             required: true;
@@ -418,18 +418,12 @@ export declare const ApLabel: {
         size: {
             type: PropType<"default" | "small">;
         };
-        status: {
-            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
-            default: string;
-        };
         offset: {
             type: PropType<[string | number, string | number]>;
         };
-        dot: {
-            type: PropType<boolean>;
-        };
-        helpMessage: {
-            type: PropType<string>;
+        status: {
+            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
+            default: string;
         };
         count: {
             type: PropType<any>;
@@ -440,12 +434,18 @@ export declare const ApLabel: {
         overflowCount: {
             type: PropType<number>;
         };
+        dot: {
+            type: PropType<boolean>;
+        };
         scrollNumberPrefixCls: {
             type: PropType<string>;
         };
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        helpMessage: {
+            type: PropType<string>;
+        };
         iconColor: {
             type: PropType<string>;
             required: true;
@@ -485,18 +485,12 @@ export declare const ApLabel: {
         size: {
             type: PropType<"default" | "small">;
         };
-        status: {
-            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
-            default: string;
-        };
         offset: {
             type: PropType<[string | number, string | number]>;
         };
-        dot: {
-            type: PropType<boolean>;
-        };
-        helpMessage: {
-            type: PropType<string>;
+        status: {
+            type: PropType<"success" | "error" | "default" | "warning" | "processing">;
+            default: string;
         };
         count: {
             type: PropType<any>;
@@ -507,12 +501,18 @@ export declare const ApLabel: {
         overflowCount: {
             type: PropType<number>;
         };
+        dot: {
+            type: PropType<boolean>;
+        };
         scrollNumberPrefixCls: {
             type: PropType<string>;
         };
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        helpMessage: {
+            type: PropType<string>;
+        };
         iconColor: {
             type: PropType<string>;
             required: true;
@@ -549,18 +549,12 @@ export declare const ApLabel: {
     size: {
         type: PropType<"default" | "small">;
     };
-    status: {
-        type: PropType<"success" | "error" | "default" | "warning" | "processing">;
-        default: string;
-    };
     offset: {
         type: PropType<[string | number, string | number]>;
     };
-    dot: {
-        type: PropType<boolean>;
-    };
-    helpMessage: {
-        type: PropType<string>;
+    status: {
+        type: PropType<"success" | "error" | "default" | "warning" | "processing">;
+        default: string;
     };
     count: {
         type: PropType<any>;
@@ -571,12 +565,18 @@ export declare const ApLabel: {
     overflowCount: {
         type: PropType<number>;
     };
+    dot: {
+        type: PropType<boolean>;
+    };
     scrollNumberPrefixCls: {
         type: PropType<string>;
     };
     numberStyle: {
         type: PropType<CSSProperties>;
     };
+    helpMessage: {
+        type: PropType<string>;
+    };
     iconColor: {
         type: PropType<string>;
         required: true;
@@ -587,7 +587,7 @@ export declare const ApLabel: {
     placement: TooltipPlacement;
     status: "success" | "error" | "default" | "warning" | "processing";
     iconColor: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };
@@ -696,7 +696,7 @@ export declare const ApStatus: {
     color: string;
     padding: number;
     show: boolean;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };
@@ -834,7 +834,7 @@ export declare const ApStatusGroup: {
     statusList: Required<Pick< ApStatusProps, "text" | "color"> & {
         value: string | number;
     }>[] | null;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/es/src/button/index.d.ts

@@ -43,7 +43,7 @@ export declare const Button: {
     $slots: {
         default?(_: {}): any;
     };
-}) & Plugin<any[]> & (new (...args: any[]) => {
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };