@aplus-frontend/ui 7.0.1 → 7.1.0

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

@@ -1,43 +1,44 @@
-import { defineComponent as le, inject as o, ref as g, watch as se, computed as re, createElementBlock as x, openBlock as h, normalizeClass as ie, unref as a, createElementVNode as r, createCommentVNode as z, toDisplayString as A, normalizeStyle as ce, createBlock as ue, withModifiers as pe, createVNode as de } from "vue";
+import { defineComponent as ne, inject as l, ref as g, watch as se, computed as re, createElementBlock as E, openBlock as h, normalizeClass as ie, unref as a, createElementVNode as r, createCommentVNode as N, toDisplayString as x, normalizeStyle as ce, createBlock as ue, withModifiers as pe, createVNode as de } from "vue";
 import "../../config-provider/index.mjs";
 import { getName as ve, getReturnData as $ } from "../utils/returnData.mjs";
 import { useOss as fe, useOssInit as me } from "../hooks/useOss.mjs";
 import { fileMatchesAccept as ge, getAcceptText as he } from "../utils/accept.mjs";
 import { message as c, Progress as _e } from "@aplus-frontend/antdv";
-import { DeleteOutlined as ye } from "@ant-design/icons-vue";
+import { DeleteOutlined as ke } from "@ant-design/icons-vue";
 import q from "../assets/single-file-icon.png.mjs";
-import ke from "../style/index.mjs";
-import { useLocale as De } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as we } from "../../config-provider/hooks/use-namespace.mjs";
-const Ue = ["accept"], Fe = {
+import ye from "../style/index.mjs";
+import { useToken as we } from "../../config-provider/hooks/use-token.mjs";
+import { useLocale as Ue } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as Ce } from "../../config-provider/hooks/use-namespace.mjs";
+const De = ["accept"], Fe = {
   key: 0,
   class: "state-un"
-}, Ce = ["src"], Ee = { class: "state-un-title" }, Se = { class: "state-un-subtitle" }, Ne = {
+}, Se = ["src"], Ee = { class: "state-un-title" }, Ne = { class: "state-un-subtitle" }, xe = {
   key: 1,
   class: "state-ing"
-}, xe = { class: "left" }, ze = ["src"], Ae = { class: "center" }, be = { class: "center-progress" }, Ge = /* @__PURE__ */ le({
+}, ze = { class: "left" }, be = ["src"], Ae = { class: "center" }, Re = { class: "center-progress" }, He = /* @__PURE__ */ ne({
   __name: "SingleFile",
-  setup(Re, { expose: j }) {
-    const { t: s } = De(), { b: _ } = we("ap-upload-single-file"), G = ke("ap-upload"), { put: W, client: b } = fe(), y = o("theme"), H = o("dirName"), k = o("accept") || "*", D = o("maxSize") ?? 500, J = o("title") || s("ap.apUpload.clickOrDragUpload"), w = o("subTitle"), i = o("value"), U = o("needName"), u = o("uploadingCount"), R = o("beforeUpload"), B = o("customRequest"), K = o("getOssAccess"), Q = o("maxSizeErrorMsg"), X = o("acceptErrorMsg"), M = o("onRemove"), F = o("showUploadErrorMsg"), n = g(null);
+  setup(Be, { expose: j }) {
+    const { t: s } = Ue(), { b: z } = Ce("ap-upload-single-file"), G = ye("ap-upload"), { put: W, client: b } = fe(), H = l("dirName"), _ = l("accept") || "*", k = l("maxSize") ?? 500, J = l("title") || s("ap.apUpload.clickOrDragUpload"), y = l("subTitle"), { token: A } = we(), i = l("value"), w = l("needName"), u = l("uploadingCount"), R = l("beforeUpload"), B = l("customRequest"), K = l("getOssAccess"), Q = l("maxSizeErrorMsg"), X = l("acceptErrorMsg"), M = l("onRemove"), U = l("showUploadErrorMsg"), o = g(null);
     se(
       () => i?.value,
       function(e) {
-        n.value === null && e && O(e);
+        o.value === null && e && P(e);
       },
       { immediate: !0 }
     );
-    function O(e) {
+    function P(e) {
       e ? setTimeout(() => {
-        const t = ve(U, e);
-        l.value = 3, n.value = new File([e], t, {}), i.value = e;
-      }) : (l.value = 1, n.value = null, i.value = void 0);
+        const t = ve(w, e);
+        n.value = 3, o.value = new File([e], t, {}), i.value = e;
+      }) : (n.value = 1, o.value = null, i.value = void 0);
     }
-    j({ setValue: O });
-    const l = g(1), d = g(0), v = g(null), P = re(() => n.value && i?.value);
+    j({ setValue: P });
+    const n = g(1), d = g(0), v = g(null), T = re(() => o.value && i?.value);
     function Y() {
-      l.value === 1 && v.value?.click();
+      n.value === 1 && v.value?.click();
     }
-    function T(e) {
+    function O(e) {
       e.preventDefault(), e.stopPropagation();
     }
     function Z(e) {
@@ -47,7 +48,7 @@ const Ue = ["accept"], Fe = {
       L(e);
     }
     function te(e) {
-      if (e.preventDefault(), e.stopPropagation(), l.value !== 1)
+      if (e.preventDefault(), e.stopPropagation(), n.value !== 1)
         return;
       var t = e.dataTransfer, f = [], V = 0, I = t.files.length;
       function p() {
@@ -55,27 +56,27 @@ const Ue = ["accept"], Fe = {
       }
       if (t.items !== void 0)
         for (var C = 0; C < t.items.length; C++) {
-          var E = t.items[C];
-          if (E.kind === "file" && E.webkitGetAsEntry().isFile) {
-            var ne = E.getAsFile();
-            f.push(ne), p();
+          var D = t.items[C];
+          if (D.kind === "file" && D.webkitGetAsEntry().isFile) {
+            var le = D.getAsFile();
+            f.push(le), p();
           }
         }
       else
-        for (let N = 0; N < I; N++) {
-          var m = t.files[N];
+        for (let S = 0; S < I; S++) {
+          var m = t.files[S];
           if (m.type)
             f.push(m), p();
           else
             try {
-              var S = new FileReader();
-              S.readAsDataURL(m.slice(0, 3)), S.addEventListener(
+              var F = new FileReader();
+              F.readAsDataURL(m.slice(0, 3)), F.addEventListener(
                 "load",
                 function() {
                   f.push(m), p();
                 },
                 !1
-              ), S.addEventListener(
+              ), F.addEventListener(
                 "error",
                 function() {
                   c.warning(s("ap.apUpload.foldersNotSupported")), p();
@@ -93,15 +94,15 @@ const Ue = ["accept"], Fe = {
     }
     async function L(e) {
       if (e?.length) {
-        if (e[0].size > D * 1024 * 1024) {
+        if (e[0].size > k * 1024 * 1024) {
           c.warning(
             Q || s("ap.apUpload.maxUploadFileSize", {
-              maxSize: D
+              maxSize: k
             })
           );
           return;
         }
-        if (!ge(e[0], k)) {
+        if (!ge(e[0], _)) {
           c.warning(
             X || s("ap.apUpload.fileFormatNotSupported")
           );
@@ -109,20 +110,20 @@ const Ue = ["accept"], Fe = {
         }
         if (typeof R == "function" && await R(e[0]) === !1)
           return;
-        if (n.value = e[0], l.value = 2, d.value = 0, u.value++, typeof B == "function") {
+        if (o.value = e[0], n.value = 2, d.value = 0, u.value++, typeof B == "function") {
           B({
             onProgress: (t) => {
               d.value = t;
             },
             onError: (t) => {
-              F && c.warning(t || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
+              U && c.warning(t || s("ap.apUpload.networkAnomaly")), n.value = 1, o.value = null, u.value--;
             },
             onSuccess: (t) => {
               i.value = $(
-                U,
+                w,
                 t,
-                n.value.name
-              ), l.value = 3, u.value--;
+                o.value.name
+              ), n.value = 3, u.value--;
             },
             file: e[0]
           });
@@ -130,44 +131,43 @@ const Ue = ["accept"], Fe = {
         }
         try {
           await me(K), W({
-            file: n.value,
+            file: o.value,
             dirName: H,
             oss: b,
             successCallBack(t) {
               i.value = $(
-                U,
+                w,
                 t,
-                n.value.name
-              ), l.value = 3, u.value--;
+                o.value.name
+              ), n.value = 3, u.value--;
             },
             errorCallBack(t) {
-              F && c.warning(t || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
+              U && c.warning(t || s("ap.apUpload.networkAnomaly")), n.value = 1, o.value = null, u.value--;
             },
             progressCallBack(t) {
               d.value = t;
             }
           });
         } catch (t) {
-          F && c.warning(
+          U && c.warning(
             typeof t?.message == "string" ? t.message : s("ap.apUpload.networkAnomaly")
-          ), l.value = 1, n.value = null, u.value--;
+          ), n.value = 1, o.value = null, u.value--;
         }
       }
     }
     function oe() {
-      M && M?.(n.value), n.value && !i?.value && b.pauseUpload(), l.value = 1, n.value = null, i.value = void 0;
+      M && M?.(o.value), o.value && !i?.value && b.pauseUpload(), n.value = 1, o.value = null, i.value = void 0;
     }
-    return (e, t) => (h(), x("div", {
+    return (e, t) => (h(), E("div", {
       class: ie({
-        [a(_)()]: !0,
-        [a(_)("admin")]: a(y) === "admin",
-        [a(_)("un")]: l.value === 1,
+        [a(z)()]: !0,
+        [a(z)("un")]: n.value === 1,
         [a(G) ?? ""]: !0
       }),
       onClick: Y,
-      onDragenter: T,
+      onDragenter: O,
       onDragover: Z,
-      onDragleave: T,
+      onDragleave: O,
       onDrop: te
     }, [
       r("input", {
@@ -175,40 +175,40 @@ const Ue = ["accept"], Fe = {
         ref: v,
         style: { display: "none" },
         type: "file",
-        accept: a(k),
+        accept: a(_),
         onChange: ae
-      }, null, 40, Ue),
-      l.value === 1 ? (h(), x("div", Fe, [
+      }, null, 40, De),
+      n.value === 1 ? (h(), E("div", Fe, [
         r("img", {
           class: "state-un-icon",
           src: a(q)
-        }, null, 8, Ce),
-        r("div", Ee, A(a(J)), 1),
-        r("div", Se, A(typeof a(w) == "string" && a(w).length > 0 ? a(w) : `${a(s)("ap.apUpload.supportExtension")}：${a(he)(
-          a(k)
+        }, null, 8, Se),
+        r("div", Ee, x(a(J)), 1),
+        r("div", Ne, x(typeof a(y) == "string" && a(y).length > 0 ? a(y) : `${a(s)("ap.apUpload.supportExtension")}：${a(he)(
+          a(_)
         )}，${a(s)("ap.apUpload.maxWarnUploadFileSize", {
-          maxSize: a(D)
+          maxSize: a(k)
         })}`), 1)
-      ])) : z("", !0),
-      [2, 3].includes(l.value) ? (h(), x("div", Ne, [
-        r("div", xe, [
-          r("img", { src: a(q) }, null, 8, ze)
+      ])) : N("", !0),
+      [2, 3].includes(n.value) ? (h(), E("div", xe, [
+        r("div", ze, [
+          r("img", { src: a(q) }, null, 8, be)
         ]),
         r("div", Ae, [
           r("div", {
             class: "center-title",
             style: ce({
-              color: P.value ? "#0070FF" : "#182948"
+              color: T.value ? "#0070FF" : "#182948"
             })
-          }, A(n.value?.name), 5),
-          r("div", be, [
-            P.value ? z("", !0) : (h(), ue(a(_e), {
+          }, x(o.value?.name), 5),
+          r("div", Re, [
+            T.value ? N("", !0) : (h(), ue(a(_e), {
               key: 0,
               percent: d.value,
               size: 4,
               "show-info": !1,
-              "trail-color": a(y) === "admin" ? "#D9D9D9" : "#DEE4ED",
-              "stroke-color": a(y) === "admin" ? "#34B77C" : "#0070FF"
+              "trail-color": a(A).borderColorBase,
+              "stroke-color": a(A).colorPrimary
             }, null, 8, ["percent", "trail-color", "stroke-color"]))
           ])
         ]),
@@ -216,12 +216,12 @@ const Ue = ["accept"], Fe = {
           class: "right",
           onClick: pe(oe, ["stop"])
         }, [
-          de(a(ye))
+          de(a(ke))
         ])
-      ])) : z("", !0)
+      ])) : N("", !0)
     ], 34));
   }
 });
 export {
-  Ge as default
+  He as default
 };

package/es/src/ap-upload/style/multiple-file.mjs

@@ -1,7 +1,7 @@
-const a = (t) => {
-  const { componentCls: l } = t, o = `${l}-multiple-file`;
+const a = (l) => {
+  const { componentCls: o } = l;
   return {
-    [o]: {
+    [`${o}-multiple-file`]: {
       ".multiple-file-context": {
         display: "flex",
         alignItems: "center",
@@ -10,22 +10,22 @@ const a = (t) => {
           alignItems: "center",
           padding: "7px 12px",
           transition: "all 0.3s",
-          border: "1px solid #dee4ed",
+          border: `1px solid ${l.borderColorBase}`,
           borderRadius: "4px",
-          color: "#182948",
+          color: l.textColor1,
           "&:hover": {
-            borderColor: "#0070ff",
-            color: "#0070ff"
+            borderColor: l.colorPrimary,
+            color: l.colorPrimary
           }
         },
         ".sub-title": {
           paddingLeft: "16px",
-          color: "#8896b0",
-          fontSize: t.fontSize
+          color: l.textColor3,
+          fontSize: l.fontSize
         }
       },
       ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover": {
-        backgroundColor: "rgb(245 249 250)",
+        backgroundColor: l.colorBgLayout,
         ".ant-upload-list-item-actions .ant-upload-list-item-action:focus": {
           opacity: 1
         }
@@ -39,7 +39,7 @@ const a = (t) => {
         opacity: 0
       },
       ".ant-upload-text-icon": {
-        color: "#abb7cc"
+        color: l.textColor4
       },
       ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error": {
         ".ant-upload-list-item-name": {
@@ -53,37 +53,10 @@ const a = (t) => {
         }
       },
       ".ant-upload-list-item-done": {
-        color: "#0070ff"
+        color: l.colorLink
       },
       ".ant-upload-list-item-undefined": {
-        color: "#0070ff"
-      }
-    },
-    [`${o}-admin`]: {
-      ".multiple-file-context": {
-        ".file-btn": {
-          border: "1px solid #d9d9d9",
-          color: "#333333",
-          "&:hover": {
-            borderColor: "#34b77c",
-            color: "#34b77c"
-          }
-        },
-        ".sub-title": {
-          color: "#999"
-        }
-      },
-      ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover": {
-        background: "#fafafa"
-      },
-      ".ant-upload-text-icon": {
-        color: "#bfbfbf"
-      },
-      ".ant-upload-list-item-done": {
-        color: "#1890ff"
-      },
-      ".ant-upload-list-item-undefined": {
-        color: "#1890ff"
+        color: l.colorLink
       }
     }
   };

package/es/src/ap-upload/style/picture.mjs

@@ -1,7 +1,7 @@
-const i = (e) => {
-  const { componentCls: o } = e, t = `${o}-picture`;
+const r = (t) => {
+  const { componentCls: e } = t;
   return {
-    [t]: {
+    [`${e}-picture`]: {
       ".picture-context": {
         display: "grid",
         gap: "16px",
@@ -15,23 +15,23 @@ const i = (e) => {
           width: "100px",
           overflow: "hidden",
           transition: "all 0.2s",
-          border: "1px dashed #dee4ed",
+          border: `1px dashed ${t.borderColorBase}`,
           borderRadius: "4px",
-          background: "#f2f6f9",
-          color: "#abb7cc",
+          background: t.colorBgLayout,
+          color: t.textColor4,
           fontSize: "16px",
           cursor: "pointer",
           aspectRatio: "1 / 1",
-          "& > * + *": { marginTop: "4px", fontSize: e.fontSize },
+          "& > * + *": { marginTop: "4px", fontSize: t.fontSize },
           "&:hover": {
-            border: "1px dashed #0070ff"
+            border: `1px dashed ${t.colorPrimary}`
           }
         },
         ".picture-item": {
           width: "100px",
           padding: "8px",
           overflow: "hidden",
-          border: "1px solid #dee4ed",
+          border: `1px solid ${t.borderColorBase}`,
           borderRadius: "4px",
           background: "#fff",
           aspectRatio: "1 / 1",
@@ -58,7 +58,7 @@ const i = (e) => {
               borderRadius: "2px",
               background: "rgb(0 0 0 / 50%)",
               color: "#fff",
-              fontSize: e.fontSize,
+              fontSize: t.fontSize,
               ".picture-item-close": {
                 display: "flex",
                 position: "absolute",
@@ -91,30 +91,12 @@ const i = (e) => {
       },
       ".picture-title": {
         marginTop: "8px",
-        color: "#8896b0",
+        color: t.textColor3,
         fontSize: "12px"
       }
-    },
-    [`${t}-admin`]: {
-      ".picture-context": {
-        ".picture-upload": {
-          border: "1px dashed #d9d9d9",
-          background: "#fafafa",
-          color: "#bfbfbf",
-          "&:hover": {
-            border: "1px dashed #34b77c"
-          }
-        },
-        ".picture-item": {
-          border: "1px solid #d9d9d9"
-        }
-      },
-      ".picture-title": {
-        color: "#999"
-      }
     }
   };
 };
 export {
-  i as pictureStyle
+  r as pictureStyle
 };

package/es/src/ap-upload/style/single-file.mjs

@@ -1,4 +1,4 @@
-const n = (e) => {
+const r = (e) => {
   const { componentCls: i } = e, t = `${i}-single-file`;
   return {
     [t]: {
@@ -9,7 +9,7 @@ const n = (e) => {
       height: "200px",
       overflow: "hidden",
       transition: "all 0.3s",
-      border: "1px dashed #dee4ed",
+      border: `1px dashed ${e.borderColorBase}`,
       borderRadius: "4px",
       background: "#f2f6f9",
       userSelect: "none",
@@ -26,13 +26,13 @@ const n = (e) => {
         },
         ".state-un-title": {
           marginTop: "10px",
-          color: "#182948",
+          color: e.textColor1,
           fontSize: e.fontSizeLG,
           lineHeight: e.lineHeightLG
         },
         ".state-un-subtitle": {
           marginTop: "4px",
-          color: "#abb7cc",
+          color: e.textColor4,
           fontSize: "12px",
           lineHeight: "18px"
         }
@@ -89,20 +89,9 @@ const n = (e) => {
         border: "1px dashed #0070ff",
         background: "rgb(0 112 255 / 10%)"
       }
-    },
-    [`${t}-admin`]: {
-      border: "1px dashed #D9D9D9",
-      ".state-un": {
-        ".state-un-title": {
-          color: "#333"
-        },
-        ".state-un-subtitle": {
-          color: "#BFBFBF"
-        }
-      }
     }
   };
 };
 export {
-  n as singleFileStyle
+  r as singleFileStyle
 };

package/es/src/business/ap-appendix/style/index.mjs

@@ -51,7 +51,7 @@ const r = (o) => {
               ".ant-typography": {
                 fontSize: o.fontSize,
                 lineHeight: o.lineHeight,
-                color: o.textColor2,
+                color: o.textColor1,
                 transition: "color 0.2s"
               }
             },