@aplus-frontend/ui 0.0.37 → 0.0.38

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as y, computed as a, watch as _, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as n, renderSlot as v, toDisplayString as B } from "vue";
+import { defineComponent as y, computed as n, unref as z, openBlock as v, createElementBlock as I, normalizeStyle as N, normalizeClass as i, createElementVNode as s, renderSlot as B, toDisplayString as O } from "vue";
 import "../config-provider/index.mjs";
-import { useOssInit as N, useOss as k } from "./hooks/index.mjs";
+import { useOssInit as k } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { useGlobalConfig as A } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as F } from "../config-provider/hooks/use-namespace.mjs";
-const M = { class: "icon" }, W = { class: "text" }, j = /* @__PURE__ */ y({
+import { useLocale as A } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as F } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as M } from "../config-provider/hooks/use-namespace.mjs";
+const W = { class: "icon" }, D = { class: "text" }, j = /* @__PURE__ */ y({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -16,43 +17,33 @@ const M = { class: "icon" }, W = { class: "text" }, j = /* @__PURE__ */ y({
     getOssAccess: {}
   },
   setup(l) {
-    const t = l, p = A("uiMode"), { b: r, bm: s } = F("download");
-    function c(e, o) {
+    const { lang: p } = A(), c = n(() => p.value === "zh-cn" ? "zh_CN" : "en_US"), t = l, d = F("uiMode"), { b: r, bm: a } = M("ap-download");
+    function u(e, o) {
       e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
-      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), b = parseInt(e.slice(5, 7), 16), $ = Math.round(o * 255).toString(16).padStart(2, "0");
-      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}${$}`;
+      const S = parseInt(e.slice(1, 3), 16), $ = parseInt(e.slice(3, 5), 16), _ = parseInt(e.slice(5, 7), 16), b = Math.round(o * 255).toString(16).padStart(2, "0");
+      return `#${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${_.toString(16).padStart(2, "0")}${b}`;
     }
-    const d = a(() => ({
+    const m = n(() => ({
       "--download-main-color": t.color,
-      "--download-main-color-opacity": c(t.color, 0.6)
-    })), u = a(() => [r("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = a(() => {
-      const e = [r("inner-wrapper"), s("inner-wrapper", t.size)];
-      return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
-    });
-    _(
-      () => t.disabled,
-      () => {
-        t.disabled || N(t.getOssAccess);
-      },
-      {
-        flush: "sync"
-      }
-    );
-    const { client: f } = k(), g = () => {
-      t.disabled || f.downloadFile(t.fileName);
+      "--download-main-color-opacity": u(t.color, 0.6)
+    })), f = n(() => [r("wrapper"), a("wrapper", t.size)].filter(Boolean)), g = n(() => {
+      const e = [r("inner-wrapper"), a("inner-wrapper", t.size)];
+      return t.disabled && (d.value === "aplus" ? e.push(a("inner-wrapper", "disabled")) : e.push(a("inner-wrapper", "disabled-admin"))), e;
+    }), w = async () => {
+      t.disabled || await (await k(t.getOssAccess, z(c))).downloadFile(t.fileName);
     };
-    return (e, o) => (z(), I("span", {
-      style: O(d.value),
-      class: i(u.value),
-      onClick: g
+    return (e, o) => (v(), I("span", {
+      style: N(m.value),
+      class: i(f.value),
+      onClick: w
     }, [
-      n("span", {
-        class: i(m.value)
+      s("span", {
+        class: i(g.value)
       }, [
-        n("span", M, [
-          v(e.$slots, "icon")
+        s("span", W, [
+          B(e.$slots, "icon")
         ]),
-        n("span", W, B(e.text), 1)
+        s("span", D, O(e.text), 1)
       ], 2)
     ], 6));
   }

package/es/src/ap-download/hooks/index.d.ts

@@ -1,9 +1,4 @@
 import { Oss } from '@aplus-frontend/oss';
 
 export type { Oss } from '@aplus-frontend/oss';
-export declare function useOss(): {
-    client: Oss;
-};
-export declare function useOssInit(getOssAccess: any): Promise<{
-    client: Oss;
-}>;
+export declare function useOssInit(getOssAccess: any, Locale: 'zh_CN' | 'en_US'): Promise<Oss | null>;

package/es/src/ap-download/hooks/index.mjs

@@ -1,21 +1,21 @@
-import { client as t } from "@aplus-frontend/oss";
-function o() {
-  return { client: t };
-}
-async function e(n) {
-  if (!n)
+import { client as i } from "@aplus-frontend/oss";
+const n = /* @__PURE__ */ new Map(), t = Symbol("ossInstance");
+async function r(o, a) {
+  if (!o)
     throw new Error("请传入getOssAccess");
-  return await t.initOssClient({
-    locale: "zh_CN",
-    getOssAccess: n,
+  if (n.has(t))
+    return n.get(t);
+  const e = await i.initOssClient({
+    locale: a,
+    getOssAccess: o,
     onFailure: (s) => {
       throw new Error(
         typeof (s == null ? void 0 : s.message) == "string" ? s.message : "获取oss临时权限失败"
       );
     }
-  }), o();
+  });
+  return n.set(t, e), e;
 }
 export {
-  o as useOss,
-  e as useOssInit
+  r as useOssInit
 };

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

@@ -1,14 +1,5 @@
-interface AccessCreate {
-    bucket: string;
-    regionId: string;
-    endpoint: string;
-    accessKeyId: string;
-    accessKeySecret: string;
-    expiration: number;
-    extInformation: string;
-    fileProvideType: string;
-    callbackUrl: string;
-}
+import { accessCreate } from '@aplus-frontend/oss';
+
 export interface ApDownLoadProps {
     /**
      * 标签内容
@@ -28,6 +19,5 @@ export interface ApDownLoadProps {
      */
     disabled?: boolean;
     fileName: string;
-    getOssAccess: () => Promise<AccessCreate>;
+    getOssAccess: () => Promise<accessCreate>;
 }
-export {};

package/es/src/ap-download/style/ap-download.css

@@ -1,51 +1,51 @@
-.aplus-download-wrapper {
+.aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;
   display: flex;
 }
-.aplus-download-inner-wrapper {
+.aplus-ap-download-inner-wrapper {
   display: inline-block;
   color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
 }
-.aplus-download-inner-wrapper .icon {
+.aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
 }
-.aplus-download-inner-wrapper .text {
+.aplus-ap-download-inner-wrapper .text {
   margin-left: 5px;
 }
-.aplus-download-inner-wrapper:hover {
+.aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }
-.aplus-download-inner-wrapper--large {
+.aplus-ap-download-inner-wrapper--large {
   line-height: 26px;
   height: 28px;
   font-size: 16px;
 }
-.aplus-download-inner-wrapper--middle {
+.aplus-ap-download-inner-wrapper--middle {
   line-height: 22px;
   height: 24px;
   font-size: 14px;
 }
-.aplus-download-inner-wrapper--small {
+.aplus-ap-download-inner-wrapper--small {
   line-height: 19px;
   height: 20px;
   font-size: 12px;
 }
-.aplus-download-inner-wrapper--disabled {
+.aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
   cursor: not-allowed;
 }
-.aplus-download-inner-wrapper--disabled:hover {
+.aplus-ap-download-inner-wrapper--disabled:hover {
   color: #8896b0;
 }
-.aplus-download-inner-wrapper--disabled-admin {
+.aplus-ap-download-inner-wrapper--disabled-admin {
   cursor: not-allowed;
   color: #999;
 }
-.aplus-download-inner-wrapper--disabled-admin:hover {
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
   color: #999;
 }

package/es/src/business/ap-label/ApLabel.vue.d.ts

@@ -2,22 +2,28 @@ import { ApLabelProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>>>, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}>;
+}, {}>, Partial<Record<string, (_: {}) => any>>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -36,3 +42,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/business/ap-label/ApLabel.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as n, openBlock as o, createElementBlock as p, normalizeClass as s, unref as t, createVNode as l, normalizeProps as m, guardReactiveProps as c, createBlock as i, withCtx as u, normalizeStyle as f, createCommentVNode as d } from "vue";
-import { Badge as C, Tooltip as g } from "ant-design-vue";
-import { QuestionCircleOutlined as h } from "@ant-design/icons-vue";
+import { defineComponent as m, computed as u, openBlock as o, createElementBlock as s, normalizeClass as f, unref as t, createVNode as d, normalizeProps as y, guardReactiveProps as A, renderSlot as C, Fragment as g, createBlock as l, withCtx as k, normalizeStyle as r, createCommentVNode as n } from "vue";
+import { Badge as x, Tooltip as b } from "ant-design-vue";
+import { IconApAdLineAnnotation as h, IconApAdFillWarn as z, IconApAdFillExecution as N } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { omit as x } from "lodash-unified";
+import { omit as v } from "lodash-unified";
 import "./style.css";
-import { useNamespace as y } from "../../config-provider/hooks/use-namespace.mjs";
-const F = /* @__PURE__ */ n({
+import { useNamespace as B } from "../../config-provider/hooks/use-namespace.mjs";
+const P = /* @__PURE__ */ m({
   name: "ApLabel",
   __name: "ApLabel",
   props: {
@@ -24,29 +24,47 @@ const F = /* @__PURE__ */ n({
     title: {},
     helpMessage: {},
     placement: { default: "top" },
-    iconColor: { default: "#FF4D4F" }
+    iconColor: { default: "#FF4D4F" },
+    iconType: { default: "question" },
+    iconSize: { default: 16 },
+    slotName: {}
   },
-  setup(r) {
-    const e = r, { b: a } = y("ap-label");
-    return (_, b) => (o(), p("div", {
-      class: s([t(a)()])
+  setup(p) {
+    const a = u(() => ({
+      color: e.iconColor,
+      "font-size": e.iconSize + "px",
+      "margin-left": "6px"
+    })), e = p, { b: i } = B("ap-label");
+    return (c, F) => (o(), s("div", {
+      class: f([t(i)()])
     }, [
-      l(t(C), m(c(t(x)(e, ["helpMessage", "placement", "iconColor"]))), null, 16),
-      e.helpMessage ? (o(), i(t(g), {
-        key: 0,
-        placement: e.placement,
-        title: e.helpMessage
-      }, {
-        default: u(() => [
-          l(t(h), {
-            style: f({ color: e.iconColor, marginLeft: "6px" })
-          }, null, 8, ["style"])
-        ]),
-        _: 1
-      }, 8, ["placement", "title"])) : d("", !0)
+      d(t(x), y(A(t(v)(e, ["helpMessage", "placement", "iconColor"]))), null, 16),
+      e.slotName ? C(c.$slots, e.slotName, { key: 0 }) : (o(), s(g, { key: 1 }, [
+        e.helpMessage ? (o(), l(t(b), {
+          key: 0,
+          placement: e.placement,
+          title: e.helpMessage
+        }, {
+          default: k(() => [
+            e.iconType === "question" ? (o(), l(t(h), {
+              key: 0,
+              style: r(a.value)
+            }, null, 8, ["style"])) : n("", !0),
+            e.iconType === "warning" ? (o(), l(t(z), {
+              key: 1,
+              style: r(a.value)
+            }, null, 8, ["style"])) : n("", !0),
+            e.iconType === "ellipsis" ? (o(), l(t(N), {
+              key: 2,
+              style: r(a.value)
+            }, null, 8, ["style"])) : n("", !0)
+          ]),
+          _: 1
+        }, 8, ["placement", "title"])) : n("", !0)
+      ], 64))
     ], 2));
   }
 });
 export {
-  F as default
+  P as default
 };

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

@@ -1,8 +1,11 @@
 import { BadgeProps } from 'ant-design-vue';
 import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
 
-export type ApLabelProps = BadgeProps & {
-    helpMessage?: string;
+export type ApLabelProps = BadgeProps & Partial<{
+    helpMessage: string;
     placement: TooltipPlacement;
     iconColor: string;
-};
+    iconType: 'question' | 'warning' | 'ellipsis';
+    iconSize: number;
+    slotName: string;
+}>;

package/es/src/business/ap-label/style.css

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

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

@@ -356,12 +356,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -390,14 +393,20 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         text: {
             type: PropType<any>;
@@ -411,12 +420,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -445,18 +457,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }, true, {}, {}, {
         P: {};
@@ -478,12 +498,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -512,18 +535,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, {}, {}, {}, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }>;
     __isFragment?: undefined;
@@ -542,12 +573,15 @@ export declare const ApLabel: {
     };
     placement: {
         type: PropType<TooltipPlacement>;
-        required: true;
         default: string;
     };
     title: {
         type: PropType<string>;
     };
+    iconType: {
+        type: PropType<"ellipsis" | "warning" | "question">;
+        default: string;
+    };
     size: {
         type: PropType<"default" | "small">;
     };
@@ -576,20 +610,30 @@ export declare const ApLabel: {
     numberStyle: {
         type: PropType<CSSProperties>;
     };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
     helpMessage: {
         type: PropType<string>;
     };
     iconColor: {
         type: PropType<string>;
-        required: true;
         default: string;
     };
+    slotName: {
+        type: PropType<string>;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/es/src/theme/ap-download/ap-download.css

@@ -1,51 +1,51 @@
-.aplus-download-wrapper {
+.aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;
   display: flex;
 }
-.aplus-download-inner-wrapper {
+.aplus-ap-download-inner-wrapper {
   display: inline-block;
   color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
 }
-.aplus-download-inner-wrapper .icon {
+.aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
 }
-.aplus-download-inner-wrapper .text {
+.aplus-ap-download-inner-wrapper .text {
   margin-left: 5px;
 }
-.aplus-download-inner-wrapper:hover {
+.aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }
-.aplus-download-inner-wrapper--large {
+.aplus-ap-download-inner-wrapper--large {
   line-height: 26px;
   height: 28px;
   font-size: 16px;
 }
-.aplus-download-inner-wrapper--middle {
+.aplus-ap-download-inner-wrapper--middle {
   line-height: 22px;
   height: 24px;
   font-size: 14px;
 }
-.aplus-download-inner-wrapper--small {
+.aplus-ap-download-inner-wrapper--small {
   line-height: 19px;
   height: 20px;
   font-size: 12px;
 }
-.aplus-download-inner-wrapper--disabled {
+.aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
   cursor: not-allowed;
 }
-.aplus-download-inner-wrapper--disabled:hover {
+.aplus-ap-download-inner-wrapper--disabled:hover {
   color: #8896b0;
 }
-.aplus-download-inner-wrapper--disabled-admin {
+.aplus-ap-download-inner-wrapper--disabled-admin {
   cursor: not-allowed;
   color: #999;
 }
-.aplus-download-inner-wrapper--disabled-admin:hover {
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
   color: #999;
 }

package/es/src/theme/ap-label/ap-label.css

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

package/lib/src/ap-download/ap-download.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const o=require("./hooks/index.js");require("./style/ap-download.css");const $=require("../config-provider/hooks/use-global-config.js"),_=require("../config-provider/hooks/use-namespace.js"),y={class:"icon"},v={class:"text"},N=t.defineComponent({name:"ApDownload",__name:"ap-download",props:{text:{},color:{default:"#0070FF"},size:{default:"middle"},disabled:{type:Boolean,default:!1},fileName:{},getOssAccess:{}},setup(i){const s=i,l=$.useGlobalConfig("uiMode"),{b:n,bm:a}=_.useNamespace("download");function c(e,r){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const g=parseInt(e.slice(1,3),16),w=parseInt(e.slice(3,5),16),b=parseInt(e.slice(5,7),16),S=Math.round(r*255).toString(16).padStart(2,"0");return`#${g.toString(16).padStart(2,"0")}${w.toString(16).padStart(2,"0")}${b.toString(16).padStart(2,"0")}${S}`}const d=t.computed(()=>({"--download-main-color":s.color,"--download-main-color-opacity":c(s.color,.6)})),p=t.computed(()=>[n("wrapper"),a("wrapper",s.size)].filter(Boolean)),u=t.computed(()=>{const e=[n("inner-wrapper"),a("inner-wrapper",s.size)];return s.disabled&&(l.value==="aplus"?e.push(a("inner-wrapper","disabled")):e.push(a("inner-wrapper","disabled-admin"))),e});t.watch(()=>s.disabled,()=>{s.disabled||o.useOssInit(s.getOssAccess)},{flush:"sync"});const{client:m}=o.useOss(),f=()=>{s.disabled||m.downloadFile(s.fileName)};return(e,r)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(d.value),class:t.normalizeClass(p.value),onClick:f},[t.createElementVNode("span",{class:t.normalizeClass(u.value)},[t.createElementVNode("span",y,[t.renderSlot(e.$slots,"icon")]),t.createElementVNode("span",v,t.toDisplayString(e.text),1)],2)],6))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const _=require("./hooks/index.js");require("./style/ap-download.css");const $=require("../config-provider/hooks/use-locale.js"),y=require("../config-provider/hooks/use-global-config.js"),v=require("../config-provider/hooks/use-namespace.js"),z={class:"icon"},N={class:"text"},q=t.defineComponent({name:"ApDownload",__name:"ap-download",props:{text:{},color:{default:"#0070FF"},size:{default:"middle"},disabled:{type:Boolean,default:!1},fileName:{},getOssAccess:{}},setup(o){const{lang:l}=$.useLocale(),i=t.computed(()=>l.value==="zh-cn"?"zh_CN":"en_US"),n=o,c=y.useGlobalConfig("uiMode"),{b:s,bm:a}=v.useNamespace("ap-download");function p(e,r){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const g=parseInt(e.slice(1,3),16),w=parseInt(e.slice(3,5),16),S=parseInt(e.slice(5,7),16),b=Math.round(r*255).toString(16).padStart(2,"0");return`#${g.toString(16).padStart(2,"0")}${w.toString(16).padStart(2,"0")}${S.toString(16).padStart(2,"0")}${b}`}const d=t.computed(()=>({"--download-main-color":n.color,"--download-main-color-opacity":p(n.color,.6)})),u=t.computed(()=>[s("wrapper"),a("wrapper",n.size)].filter(Boolean)),m=t.computed(()=>{const e=[s("inner-wrapper"),a("inner-wrapper",n.size)];return n.disabled&&(c.value==="aplus"?e.push(a("inner-wrapper","disabled")):e.push(a("inner-wrapper","disabled-admin"))),e}),f=async()=>{n.disabled||await(await _.useOssInit(n.getOssAccess,t.unref(i))).downloadFile(n.fileName)};return(e,r)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(d.value),class:t.normalizeClass(u.value),onClick:f},[t.createElementVNode("span",{class:t.normalizeClass(m.value)},[t.createElementVNode("span",z,[t.renderSlot(e.$slots,"icon")]),t.createElementVNode("span",N,t.toDisplayString(e.text),1)],2)],6))}});exports.default=q;

package/lib/src/ap-download/hooks/index.d.ts

@@ -1,9 +1,4 @@
 import { Oss } from '@aplus-frontend/oss';
 
 export type { Oss } from '@aplus-frontend/oss';
-export declare function useOss(): {
-    client: Oss;
-};
-export declare function useOssInit(getOssAccess: any): Promise<{
-    client: Oss;
-}>;
+export declare function useOssInit(getOssAccess: any, Locale: 'zh_CN' | 'en_US'): Promise<Oss | null>;

package/lib/src/ap-download/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@aplus-frontend/oss");function n(){return{client:t.client}}async function i(e){if(!e)throw new Error("请传入getOssAccess");return await t.client.initOssClient({locale:"zh_CN",getOssAccess:e,onFailure:s=>{throw new Error(typeof(s==null?void 0:s.message)=="string"?s.message:"获取oss临时权限失败")}}),n()}exports.useOss=n;exports.useOssInit=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@aplus-frontend/oss"),t=new Map,n=Symbol("ossInstance");async function c(e,i){if(!e)throw new Error("请传入getOssAccess");if(t.has(n))return t.get(n);const o=await a.client.initOssClient({locale:i,getOssAccess:e,onFailure:s=>{throw new Error(typeof(s==null?void 0:s.message)=="string"?s.message:"获取oss临时权限失败")}});return t.set(n,o),o}exports.useOssInit=c;

package/lib/src/ap-download/interface.d.ts

@@ -1,14 +1,5 @@
-interface AccessCreate {
-    bucket: string;
-    regionId: string;
-    endpoint: string;
-    accessKeyId: string;
-    accessKeySecret: string;
-    expiration: number;
-    extInformation: string;
-    fileProvideType: string;
-    callbackUrl: string;
-}
+import { accessCreate } from '@aplus-frontend/oss';
+
 export interface ApDownLoadProps {
     /**
      * 标签内容
@@ -28,6 +19,5 @@ export interface ApDownLoadProps {
      */
     disabled?: boolean;
     fileName: string;
-    getOssAccess: () => Promise<AccessCreate>;
+    getOssAccess: () => Promise<accessCreate>;
 }
-export {};

package/lib/src/ap-download/style/ap-download.css

@@ -1,51 +1,51 @@
-.aplus-download-wrapper {
+.aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;
   display: flex;
 }
-.aplus-download-inner-wrapper {
+.aplus-ap-download-inner-wrapper {
   display: inline-block;
   color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
 }
-.aplus-download-inner-wrapper .icon {
+.aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
 }
-.aplus-download-inner-wrapper .text {
+.aplus-ap-download-inner-wrapper .text {
   margin-left: 5px;
 }
-.aplus-download-inner-wrapper:hover {
+.aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }
-.aplus-download-inner-wrapper--large {
+.aplus-ap-download-inner-wrapper--large {
   line-height: 26px;
   height: 28px;
   font-size: 16px;
 }
-.aplus-download-inner-wrapper--middle {
+.aplus-ap-download-inner-wrapper--middle {
   line-height: 22px;
   height: 24px;
   font-size: 14px;
 }
-.aplus-download-inner-wrapper--small {
+.aplus-ap-download-inner-wrapper--small {
   line-height: 19px;
   height: 20px;
   font-size: 12px;
 }
-.aplus-download-inner-wrapper--disabled {
+.aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
   cursor: not-allowed;
 }
-.aplus-download-inner-wrapper--disabled:hover {
+.aplus-ap-download-inner-wrapper--disabled:hover {
   color: #8896b0;
 }
-.aplus-download-inner-wrapper--disabled-admin {
+.aplus-ap-download-inner-wrapper--disabled-admin {
   cursor: not-allowed;
   color: #999;
 }
-.aplus-download-inner-wrapper--disabled-admin:hover {
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
   color: #999;
 }

package/lib/src/business/ap-label/ApLabel.vue.d.ts

@@ -2,22 +2,28 @@ import { ApLabelProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>>>, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}>;
+}, {}>, Partial<Record<string, (_: {}) => any>>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -36,3 +42,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/lib/src/business/ap-label/ApLabel.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("ant-design-vue"),n=require("@ant-design/icons-vue");require("../../config-provider/index.js");const a=require("lodash-unified");require("./style.css");const s=require("../../config-provider/hooks/use-namespace.js"),u=e.defineComponent({name:"ApLabel",__name:"ApLabel",props:{count:{},showZero:{type:Boolean},overflowCount:{},dot:{type:Boolean},prefixCls:{},scrollNumberPrefixCls:{},status:{default:"default"},size:{},color:{},text:{default:""},offset:{},numberStyle:{},title:{},helpMessage:{},placement:{default:"top"},iconColor:{default:"#FF4D4F"}},setup(l){const t=l,{b:r}=s.useNamespace("ap-label");return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)()])},[e.createVNode(e.unref(o.Badge),e.normalizeProps(e.guardReactiveProps(e.unref(a.omit)(t,["helpMessage","placement","iconColor"]))),null,16),t.helpMessage?(e.openBlock(),e.createBlock(e.unref(o.Tooltip),{key:0,placement:t.placement,title:t.helpMessage},{default:e.withCtx(()=>[e.createVNode(e.unref(n.QuestionCircleOutlined),{style:e.normalizeStyle({color:t.iconColor,marginLeft:"6px"})},null,8,["style"])]),_:1},8,["placement","title"])):e.createCommentVNode("",!0)],2))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("ant-design-vue"),l=require("@aplus-frontend/icon");require("../../config-provider/index.js");const s=require("lodash-unified");require("./style.css");const u=require("../../config-provider/hooks/use-namespace.js"),i=e.defineComponent({name:"ApLabel",__name:"ApLabel",props:{count:{},showZero:{type:Boolean},overflowCount:{},dot:{type:Boolean},prefixCls:{},scrollNumberPrefixCls:{},status:{default:"default"},size:{},color:{},text:{default:""},offset:{},numberStyle:{},title:{},helpMessage:{},placement:{default:"top"},iconColor:{default:"#FF4D4F"},iconType:{default:"question"},iconSize:{default:16},slotName:{}},setup(r){const t=e.computed(()=>({color:o.iconColor,"font-size":o.iconSize+"px","margin-left":"6px"})),o=r,{b:a}=u.useNamespace("ap-label");return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)()])},[e.createVNode(e.unref(n.Badge),e.normalizeProps(e.guardReactiveProps(e.unref(s.omit)(o,["helpMessage","placement","iconColor"]))),null,16),o.slotName?e.renderSlot(c.$slots,o.slotName,{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.helpMessage?(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:0,placement:o.placement,title:o.helpMessage},{default:e.withCtx(()=>[o.iconType==="question"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdLineAnnotation),{key:0,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0),o.iconType==="warning"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdFillWarn),{key:1,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0),o.iconType==="ellipsis"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdFillExecution),{key:2,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0)]),_:1},8,["placement","title"])):e.createCommentVNode("",!0)],64))],2))}});exports.default=i;

package/lib/src/business/ap-label/interface.d.ts

@@ -1,8 +1,11 @@
 import { BadgeProps } from 'ant-design-vue';
 import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
 
-export type ApLabelProps = BadgeProps & {
-    helpMessage?: string;
+export type ApLabelProps = BadgeProps & Partial<{
+    helpMessage: string;
     placement: TooltipPlacement;
     iconColor: string;
-};
+    iconType: 'question' | 'warning' | 'ellipsis';
+    iconSize: number;
+    slotName: string;
+}>;

package/lib/src/business/ap-label/style.css

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

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

@@ -356,12 +356,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -390,14 +393,20 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         text: {
             type: PropType<any>;
@@ -411,12 +420,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -445,18 +457,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }, true, {}, {}, {
         P: {};
@@ -478,12 +498,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -512,18 +535,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, {}, {}, {}, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }>;
     __isFragment?: undefined;
@@ -542,12 +573,15 @@ export declare const ApLabel: {
     };
     placement: {
         type: PropType<TooltipPlacement>;
-        required: true;
         default: string;
     };
     title: {
         type: PropType<string>;
     };
+    iconType: {
+        type: PropType<"ellipsis" | "warning" | "question">;
+        default: string;
+    };
     size: {
         type: PropType<"default" | "small">;
     };
@@ -576,20 +610,30 @@ export declare const ApLabel: {
     numberStyle: {
         type: PropType<CSSProperties>;
     };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
     helpMessage: {
         type: PropType<string>;
     };
     iconColor: {
         type: PropType<string>;
-        required: true;
         default: string;
     };
+    slotName: {
+        type: PropType<string>;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/lib/src/theme/ap-download/ap-download.css

@@ -1,51 +1,51 @@
-.aplus-download-wrapper {
+.aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;
   display: flex;
 }
-.aplus-download-inner-wrapper {
+.aplus-ap-download-inner-wrapper {
   display: inline-block;
   color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
 }
-.aplus-download-inner-wrapper .icon {
+.aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
 }
-.aplus-download-inner-wrapper .text {
+.aplus-ap-download-inner-wrapper .text {
   margin-left: 5px;
 }
-.aplus-download-inner-wrapper:hover {
+.aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }
-.aplus-download-inner-wrapper--large {
+.aplus-ap-download-inner-wrapper--large {
   line-height: 26px;
   height: 28px;
   font-size: 16px;
 }
-.aplus-download-inner-wrapper--middle {
+.aplus-ap-download-inner-wrapper--middle {
   line-height: 22px;
   height: 24px;
   font-size: 14px;
 }
-.aplus-download-inner-wrapper--small {
+.aplus-ap-download-inner-wrapper--small {
   line-height: 19px;
   height: 20px;
   font-size: 12px;
 }
-.aplus-download-inner-wrapper--disabled {
+.aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
   cursor: not-allowed;
 }
-.aplus-download-inner-wrapper--disabled:hover {
+.aplus-ap-download-inner-wrapper--disabled:hover {
   color: #8896b0;
 }
-.aplus-download-inner-wrapper--disabled-admin {
+.aplus-ap-download-inner-wrapper--disabled-admin {
   cursor: not-allowed;
   color: #999;
 }
-.aplus-download-inner-wrapper--disabled-admin:hover {
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
   color: #999;
 }

package/lib/src/theme/ap-label/ap-label.css

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -59,14 +59,14 @@
     "lodash-unified": "^1.0.3",
     "sortablejs": "^1.15.2",
     "mime": "^4.0.3",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.25"
+    "@aplus-frontend/utils": "1.0.25",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "ant-design-vue": "^4.2.1",
     "vue": "^3.4.29",
-    "@aplus-frontend/oss": "1.0.18",
-    "@aplus-frontend/icon": "^1.0.17"
+    "@aplus-frontend/oss": "^1.0.19",
+    "@aplus-frontend/icon": "^1.0.20"
   },
   "scripts": {
     "pub:cb": "pnpm publish --access public",