@aplus-frontend/ui 0.0.28 → 0.0.30

package/es/src/ap-upload/components/SingleFile.vue2.mjs

@@ -1,213 +1,224 @@
-import { defineComponent as Z, inject as l, ref as g, watch as V, computed as ee, openBlock as h, createElementBlock as b, normalizeClass as te, unref as n, createElementVNode as r, toDisplayString as A, createCommentVNode as S, normalizeStyle as ne, createBlock as ae, withModifiers as se, createVNode as oe } from "vue";
+import { defineComponent as V, inject as s, ref as h, watch as ee, computed as te, openBlock as _, createElementBlock as A, normalizeClass as ae, unref as a, createElementVNode as i, toDisplayString as x, createCommentVNode as z, normalizeStyle as ne, createBlock as oe, withModifiers as le, createVNode as se } from "vue";
 import "../../config-provider/index.mjs";
-import { getName as le, getReturnData as U } from "../utils/returnData.mjs";
-import { useOss as re, useOssInit as ie } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as ce, getAcceptText as ue } from "../utils/accept.mjs";
-import { message as c, Progress as ve } from "ant-design-vue";
-import { DeleteOutlined as fe } from "@ant-design/icons-vue";
-import I from "../assets/single-file-icon.png.mjs";
+import { getName as re, getReturnData as $ } from "../utils/returnData.mjs";
+import { useOss as ie, useOssInit as ce } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as ue, getAcceptText as pe } from "../utils/accept.mjs";
+import { message as u, Progress as ve } from "ant-design-vue";
+import { DeleteOutlined as de } from "@ant-design/icons-vue";
+import q from "../assets/single-file-icon.png.mjs";
 import "../styles/single-file.css";
-import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
-const de = ["accept"], me = {
+import { useLocale as fe } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as me } from "../../config-provider/hooks/use-namespace.mjs";
+const ge = ["accept"], he = {
   key: 0,
   class: "state-un"
-}, ge = ["src"], he = { class: "state-un-title" }, _e = { class: "state-un-subtitle" }, Ce = {
+}, _e = ["src"], ke = { class: "state-un-title" }, ye = { class: "state-un-subtitle" }, De = {
   key: 1,
   class: "state-ing"
-}, De = { class: "left" }, ke = ["src"], ye = { class: "center" }, we = { class: "center-progress" }, Re = /* @__PURE__ */ Z({
+}, Ce = { class: "left" }, we = ["src"], Fe = { class: "center" }, Ue = { class: "center-progress" }, Te = /* @__PURE__ */ V({
   __name: "SingleFile",
-  setup(Fe) {
-    const { b: _ } = pe("ap-upload-single-file"), { put: $, client: z } = re(), C = l("theme"), q = l("dirName"), D = l("accept") || "*", k = l("maxSize") || 500, j = l("title") || "点击或将文件拖拽到这里上传", y = l("subTitle"), a = l("value"), w = l("needName"), u = l("uploadingCount"), P = l("beforeUpload"), x = l("customRequest"), G = l("getOssAccess"), s = g(null);
-    V(
-      () => a == null ? void 0 : a.value,
+  setup(Ne) {
+    const { t: r } = fe(), { b: k } = me("ap-upload-single-file"), { put: M, client: B } = ie(), y = s("theme"), j = s("dirName"), D = s("accept") || "*", C = s("maxSize") ?? 500, G = s("title") || r("ap.apUpload.clickOrDragUpload"), w = s("subTitle"), n = s("value"), F = s("needName"), p = s("uploadingCount"), b = s("beforeUpload"), O = s("customRequest"), W = s("getOssAccess"), o = h(null);
+    ee(
+      () => n == null ? void 0 : n.value,
       function(e) {
-        const t = le(w, e);
-        s.value === null && e && (o.value = 3, s.value = new File([e], t, {}));
+        const t = re(F, e);
+        o.value === null && e && (l.value = 3, o.value = new File([e], t, {}));
       }
     );
-    const o = g(1), p = g(0), d = g(null), O = ee(() => s.value && (a == null ? void 0 : a.value));
+    const l = h(1), f = h(0), m = h(null), P = te(() => o.value && (n == null ? void 0 : n.value));
     function H() {
       var e;
-      o.value === 1 && ((e = d.value) == null || e.click());
+      l.value === 1 && ((e = m.value) == null || e.click());
     }
-    function R(e) {
+    function L(e) {
       e.preventDefault(), e.stopPropagation();
     }
     function J(e) {
       e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
     }
     function K(e) {
-      T(e);
+      R(e);
     }
     function Q(e) {
-      if (e.preventDefault(), e.stopPropagation(), o.value !== 1)
+      if (e.preventDefault(), e.stopPropagation(), l.value !== 1)
         return;
-      var t = e.dataTransfer, i = [], L = 0, M = t.files.length;
+      var t = e.dataTransfer, c = [], T = 0, I = t.files.length;
       function v() {
-        L === M - 1 && K(i), L++;
+        T === I - 1 && K(c), T++;
       }
       if (t.items !== void 0)
-        for (var F = 0; F < t.items.length; F++) {
-          var B = t.items[F];
-          if (B.kind === "file" && B.webkitGetAsEntry().isFile) {
-            var Y = B.getAsFile();
-            i.push(Y), v();
+        for (var U = 0; U < t.items.length; U++) {
+          var N = t.items[U];
+          if (N.kind === "file" && N.webkitGetAsEntry().isFile) {
+            var Z = N.getAsFile();
+            c.push(Z), v();
           }
         }
       else
-        for (let N = 0; N < M; N++) {
-          var m = t.files[N];
-          if (m.type)
-            i.push(m), v();
+        for (let E = 0; E < I; E++) {
+          var g = t.files[E];
+          if (g.type)
+            c.push(g), v();
           else
             try {
-              var E = new FileReader();
-              E.readAsDataURL(m.slice(0, 3)), E.addEventListener(
+              var S = new FileReader();
+              S.readAsDataURL(g.slice(0, 3)), S.addEventListener(
                 "load",
-                function(f) {
-                  console.warn(f, "load"), i.push(m), v();
+                function(d) {
+                  console.warn(d, "load"), c.push(g), v();
                 },
                 !1
-              ), E.addEventListener(
+              ), S.addEventListener(
                 "error",
-                function(f) {
-                  console.warn(f, "error"), c.warning("不支持上传文件夹"), v();
+                function(d) {
+                  console.warn(d, "error"), u.warning(r("ap.apUpload.foldersNotSupported")), v();
                 },
                 !1
               );
-            } catch (f) {
-              console.warn(f), c.warning("不支持上传文件夹"), v();
+            } catch (d) {
+              console.warn(d), u.warning(r("ap.apUpload.foldersNotSupported")), v();
             }
         }
     }
-    function W(e) {
+    function X(e) {
       const t = e.target;
-      T(t == null ? void 0 : t.files), d.value && (d.value.value = "");
+      R(t == null ? void 0 : t.files), m.value && (m.value.value = "");
     }
-    async function T(e) {
+    async function R(e) {
       if (e != null && e.length) {
-        if (typeof P == "function") {
-          if (P(e[0]) === !1)
+        if (typeof b == "function") {
+          if (b(e[0]) === !1)
             return;
         } else {
-          if (e[0].size > k * 1024 * 1024) {
-            c.warning(`文件大小不超过${k}MB`);
+          if (e[0].size > C * 1024 * 1024) {
+            u.warning(
+              r("ap.apUpload.maxUploadFileSize", {
+                maxSize: C
+              })
+            );
             return;
           }
-          if (!ce(e[0], D)) {
-            c.warning("不支持该格式的文件");
+          if (!ue(e[0], D)) {
+            u.warning(r("ap.apUpload.fileFormatNotSupported"));
             return;
           }
         }
-        if (s.value = e[0], o.value = 2, p.value = 0, a.value = "", u.value++, typeof x == "function") {
-          x({
+        if (o.value = e[0], l.value = 2, f.value = 0, n.value = "", p.value++, typeof O == "function") {
+          O({
             onProgress: (t) => {
-              p.value = t;
+              f.value = t;
             },
             onError: (t) => {
-              c.warning(t || "网络异常"), o.value = 1, s.value = null, u.value--;
+              u.warning(t || r("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, p.value--;
             },
             onSuccess: (t) => {
-              a.value = U(
-                w,
+              n.value = $(
+                F,
                 t,
-                s.value.name
-              ), o.value = 3, u.value--;
+                o.value.name
+              ), l.value = 3, p.value--;
             },
             file: e[0]
           });
           return;
         }
         try {
-          await ie(G), $({
-            file: s.value,
-            dirName: q,
-            oss: z,
+          await ce(W), M({
+            file: o.value,
+            dirName: j,
+            oss: B,
             successCallBack(t) {
-              a.value = U(
-                w,
+              n.value = $(
+                F,
                 t,
-                s.value.name
-              ), o.value = 3, u.value--;
+                o.value.name
+              ), l.value = 3, p.value--;
             },
             errorCallBack(t) {
-              c.warning(t || "网络异常"), o.value = 1, s.value = null, u.value--;
+              u.warning(t || r("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, p.value--;
             },
             progressCallBack(t) {
-              p.value = t;
+              f.value = t;
             }
           });
         } catch (t) {
-          c.warning(typeof (t == null ? void 0 : t.message) == "string" ? t.message : "网络异常"), o.value = 1, s.value = null, u.value--;
+          u.warning(
+            typeof (t == null ? void 0 : t.message) == "string" ? t.message : r("ap.apUpload.networkAnomaly")
+          ), l.value = 1, o.value = null, p.value--;
         }
       }
     }
-    function X() {
-      s.value && !(a != null && a.value) && z.pauseUpload(), o.value = 1, s.value = null, a.value = void 0;
+    function Y() {
+      o.value && !(n != null && n.value) && B.pauseUpload(), l.value = 1, o.value = null, n.value = void 0;
     }
     return (e, t) => {
-      var i;
-      return h(), b("div", {
-        class: te({
-          [n(_)()]: !0,
-          [n(_)("admin")]: n(C) === "admin",
-          [n(_)("un")]: o.value === 1
+      var c;
+      return _(), A("div", {
+        class: ae({
+          [a(k)()]: !0,
+          [a(k)("admin")]: a(y) === "admin",
+          [a(k)("un")]: l.value === 1
         }),
         onClick: H,
-        onDragenter: R,
+        onDragenter: L,
         onDragover: J,
-        onDragleave: R,
+        onDragleave: L,
         onDrop: Q
       }, [
-        r("input", {
+        i("input", {
           style: { display: "none" },
           type: "file",
           ref_key: "fileRef",
-          ref: d,
-          accept: n(D),
-          onChange: W
-        }, null, 40, de),
-        o.value === 1 ? (h(), b("div", me, [
-          r("img", {
+          ref: m,
+          accept: a(D),
+          onChange: X
+        }, null, 40, ge),
+        l.value === 1 ? (_(), A("div", he, [
+          i("img", {
             class: "state-un-icon",
-            src: n(I)
-          }, null, 8, ge),
-          r("div", he, A(n(j)), 1),
-          r("div", _e, A(typeof n(y) == "string" && n(y).length > 0 ? n(y) : `支持扩展名：${n(ue)(n(D))}，文件大小小于${n(k)}MB`), 1)
-        ])) : S("", !0),
-        [2, 3].includes(o.value) ? (h(), b("div", Ce, [
-          r("div", De, [
-            r("img", { src: n(I) }, null, 8, ke)
+            src: a(q)
+          }, null, 8, _e),
+          i("div", ke, x(a(G)), 1),
+          i("div", ye, x(typeof a(w) == "string" && a(w).length > 0 ? a(w) : `${a(r)("ap.apUpload.supportExtension")}：${a(pe)(
+            a(D)
+          )}，${a(r)("ap.apUpload.maxWarnUploadFileSize", {
+            maxSize: a(C)
+          })}`), 1)
+        ])) : z("", !0),
+        [2, 3].includes(l.value) ? (_(), A("div", De, [
+          i("div", Ce, [
+            i("img", { src: a(q) }, null, 8, we)
           ]),
-          r("div", ye, [
-            r("div", {
+          i("div", Fe, [
+            i("div", {
               class: "center-title",
               style: ne({
-                color: O.value ? "#0070FF" : "#182948"
+                color: P.value ? "#0070FF" : "#182948"
               })
-            }, A((i = s.value) == null ? void 0 : i.name), 5),
-            r("div", we, [
-              O.value ? S("", !0) : (h(), ae(n(ve), {
+            }, x((c = o.value) == null ? void 0 : c.name), 5),
+            i("div", Ue, [
+              P.value ? z("", !0) : (_(), oe(a(ve), {
                 key: 0,
-                percent: p.value,
+                percent: f.value,
                 size: 4,
                 showInfo: !1,
-                trailColor: n(C) === "admin" ? "#D9D9D9" : "#DEE4ED",
-                strokeColor: n(C) === "admin" ? "#34B77C" : "#0070FF"
+                trailColor: a(y) === "admin" ? "#D9D9D9" : "#DEE4ED",
+                strokeColor: a(y) === "admin" ? "#34B77C" : "#0070FF"
               }, null, 8, ["percent", "trailColor", "strokeColor"]))
             ])
           ]),
-          r("div", {
+          i("div", {
             class: "right",
-            onClick: se(X, ["stop"])
+            onClick: le(Y, ["stop"])
           }, [
-            oe(n(fe))
+            se(a(de))
           ])
-        ])) : S("", !0)
+        ])) : z("", !0)
       ], 34);
     };
   }
 });
 export {
-  Re as default
+  Te as default
 };

package/es/src/ap-upload/hooks/useOss.d.ts

@@ -1,9 +1,14 @@
-import { Oss } from '@aplus-frontend/oss';
+import { client, Oss } from '@aplus-frontend/oss';
+import { Translator } from '../../config-provider';
+import { Ref } from 'vue';
+
 export type { Oss } from '@aplus-frontend/oss';
+export type GetOssAccess = Parameters<typeof client.initOssClient>[0]['getOssAccess'];
+export declare function injectLocaleToOss(tValue: Translator, langValue: Ref<string>): void;
 declare function put({ file, dirName, oss, successCallBack, errorCallBack, progressCallBack }: {
     file: File;
     dirName: string;
-    oss: any;
+    oss: Oss;
     successCallBack: (saveUrl: string, previewUrl: string) => void;
     errorCallBack: (msg: string) => void;
     progressCallBack: (p: number) => void;
@@ -12,8 +17,8 @@ export declare function useOss(): {
     client: Oss;
     put: typeof put;
 };
-export declare function useOssInit(getOssAccess: any): Promise<{
+export declare function useOssInit(getOssAccess: GetOssAccess): Promise<{
     client: Oss;
     put: typeof put;
 }>;
-export declare function getOssInstance(getOssAccess: any): Promise< Oss>;
+export declare function getOssInstance(getOssAccess: Parameters<typeof client.initOssClient>[0]['getOssAccess']): Promise<Oss>;

package/es/src/ap-upload/hooks/useOss.mjs

@@ -1,62 +1,80 @@
-import { client as o, createOssInstance as w } from "@aplus-frontend/oss";
-async function f({
-  file: t,
+import { client as p, createOssInstance as m } from "@aplus-frontend/oss";
+let e, l;
+function y(a, s) {
+  e = a, l = s;
+}
+const w = {
+  "zh-cn": "zh_CN",
+  en: "en_US"
+};
+function c() {
+  return w[l.value] ?? "zh_CN";
+}
+async function g({
+  file: a,
   dirName: s,
-  oss: e,
-  successCallBack: c,
-  errorCallBack: i,
+  oss: t,
+  successCallBack: r,
+  errorCallBack: o,
   progressCallBack: u
 }) {
+  if (!s) {
+    o("required dirName");
+    return;
+  }
   try {
-    const n = await e.put({
-      fileName: t.name,
+    const n = await t.put({
+      fileName: a.name,
       dirName: s,
-      data: t,
-      progressCallBack: (a) => {
-        u(a);
+      data: a,
+      progressCallBack: (i) => {
+        u(i);
       }
     });
     if (n.status === 204)
       return;
     if (n.status === 200) {
-      const { saveUrl: a, previewUrl: r } = n;
-      c(a, r);
+      const { saveUrl: i, previewUrl: f } = n;
+      r(i, f);
     } else
-      i((n == null ? void 0 : n.message) || "网络异常");
+      o((n == null ? void 0 : n.message) || e("ap.apUpload.networkAnomaly"));
   } catch (n) {
-    i(n);
+    o(n);
   }
 }
-function g() {
-  return { client: o, put: f };
+function O() {
+  return { client: p, put: g };
 }
-async function p(t) {
-  if (!t)
-    throw new Error("请传入getOssAccess");
-  return await o.initOssClient({
-    getOssAccess: t,
+async function h(a) {
+  if (!a)
+    throw new Error(`${e("ap.apUpload.pleasePass")}getOssAccess`);
+  return await p.initOssClient({
+    getOssAccess: a,
+    locale: c(),
     onFailure: (s) => {
       throw new Error(
-        typeof (s == null ? void 0 : s.message) == "string" ? s.message : "获取oss临时权限失败"
+        typeof (s == null ? void 0 : s.message) == "string" ? s.message : e("ap.apUpload.FailedToObtainOssTemporaryPermissions")
       );
     }
-  }), g();
+  }), O();
 }
-async function l(t) {
-  if (!t)
-    throw new Error("请传入getOssAccess");
-  const s = w();
+async function U(a) {
+  if (!a)
+    throw new Error(`${e("ap.apUpload.pleasePass")}getOssAccess`);
+  const s = m();
   return await s.initOssClient({
-    getOssAccess: t,
-    onFailure: (e) => {
+    getOssAccess: a,
+    locale: c(),
+    onFailure: (t) => {
       throw new Error(
-        typeof (e == null ? void 0 : e.message) == "string" ? e.message : "获取oss临时权限失败"
+        typeof (t == null ? void 0 : t.message) == "string" ? t.message : e("ap.apUpload.FailedToObtainOssTemporaryPermissions")
       );
     }
   }), s;
 }
 export {
-  l as getOssInstance,
-  g as useOss,
-  p as useOssInit
+  U as getOssInstance,
+  y as injectLocaleToOss,
+  O as useOss,
+  h as useOssInit
 };

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

@@ -16,7 +16,7 @@
   color: #0070ff;
 }
 .aplus-ap-upload-multiple-file .multiple-file-context .sub-title {
-  margin-left: 16px;
+  padding-left: 16px;
   color: #8896b0;
   font-size: 14px;
 }

package/es/src/ap-upload/utils/accept.d.ts

@@ -1,3 +1,6 @@
+import { Translator } from '../../config-provider';
+
+export declare function injectLocaleToAccept(value: Translator): void;
 /**
  * 校验文件是否满足指定的格式
  * @param file

package/es/src/ap-upload/utils/accept.mjs

@@ -1,51 +1,56 @@
-import p from "mime";
-function f(n, i) {
-  var s, o, u, a;
-  const e = i.split(",").map((t) => t.trim());
-  for (const t of e) {
-    if (t === "*")
+import r from "mime";
+let a;
+function f(t) {
+  a = t;
+}
+function y(t, i) {
+  var p, o, l, c;
+  const e = i.split(",").map((n) => n.trim());
+  for (const n of e) {
+    if (n === "*")
       return !0;
-    if (t.endsWith("/*")) {
-      const [r] = t.split("/"), [c] = n.type.split("/");
-      if (r === c)
+    if (n.endsWith("/*")) {
+      const [s] = n.split("/"), [u] = t.type.split("/");
+      if (s === u)
         return !0;
-    } else if (/^\./.test(t)) {
-      if (n.type === p.getType(t))
+    } else if (/^\./.test(n)) {
+      if (t.type === r.getType(n))
         return !0;
-      const r = (s = n.name) == null ? void 0 : s.lastIndexOf(".");
-      if (r > -1 && ((o = n.name) == null ? void 0 : o.slice(r)) === t)
+      const s = (p = t.name) == null ? void 0 : p.lastIndexOf(".");
+      if (s > -1 && ((o = t.name) == null ? void 0 : o.slice(s)) === n)
         return !0;
     } else {
-      if (n.type === t)
+      if (t.type === n)
         return !0;
-      const r = (u = n.name) == null ? void 0 : u.lastIndexOf(".");
-      if (r > -1 && [...p.getAllExtensions(t) || []].map(
-        (l) => `.${l}`
-      ).includes((a = n.name) == null ? void 0 : a.slice(r)))
+      const s = (l = t.name) == null ? void 0 : l.lastIndexOf(".");
+      if (s > -1 && [...r.getAllExtensions(n) || []].map(
+        (m) => `.${m}`
+      ).includes((c = t.name) == null ? void 0 : c.slice(s)))
         return !0;
     }
   }
   return !1;
 }
-function y(n) {
+function T(t) {
   const i = {
-    image: "图片类型",
-    video: "视频类型",
-    audio: "音频类型",
-    application: "文档类型",
-    "*": "全部类型"
+    image: a("ap.apUpload.pictureType"),
+    video: a("ap.apUpload.videoType"),
+    audio: a("ap.apUpload.audioType"),
+    application: a("ap.apUpload.documentType"),
+    "*": a("ap.apUpload.allTypes")
   };
-  return n.split(",").map((e) => e.trim()).map((e) => {
+  return t.split(",").map((e) => e.trim()).map((e) => {
     if (e === "*")
       return i[e];
     if (e.endsWith("/*")) {
-      const [s] = e.split("/");
-      return i[s] || s;
+      const [p] = e.split("/");
+      return i[p] || p;
     } else
-      return /^\./.test(e) ? e : [...p.getAllExtensions(e) || []].map((s) => `.${s}`).join(",") || e;
+      return /^\./.test(e) ? e : [...r.getAllExtensions(e) || []].map((p) => `.${p}`).join(",") || e;
   }).join(",");
 }
 export {
-  f as fileMatchesAccept,
-  y as getAcceptText
+  y as fileMatchesAccept,
+  T as getAcceptText,
+  f as injectLocaleToAccept
 };

package/es/src/business/ap-status/ApStatusGroup.vue.d.ts

@@ -1,18 +1,23 @@
-import { ApStatusGroupProps, ApStatusGroupItemProps } from './interface';
+import { ApStatusGroupProps, ApStatusProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusGroupProps>, {
     currentValue: number;
     padding: number;
     statusList: null;
+    show: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusGroupProps>, {
     currentValue: number;
     padding: number;
     statusList: null;
+    show: boolean;
 }>>>, {
     padding: number;
+    show: boolean;
     currentValue: string | number;
-    statusList: ApStatusGroupItemProps[] | null;
+    statusList: Required<Pick< ApStatusProps, "text" | "color"> & {
+        value: string | number;
+    }>[] | null;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;