@aplus-frontend/ui 0.1.25 → 0.1.27

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

@@ -1,74 +1,76 @@
-import { defineComponent as H, inject as u, ref as I, watch as J, openBlock as f, createElementBlock as h, normalizeClass as K, unref as o, createElementVNode as d, Fragment as Q, renderList as W, withDirectives as X, createVNode as C, createCommentVNode as R, vShow as Y, toDisplayString as U } from "vue";
+import { defineComponent as J, inject as u, ref as R, watch as K, openBlock as f, createElementBlock as h, normalizeClass as Q, unref as i, createElementVNode as p, Fragment as W, renderList as X, withDirectives as Y, createVNode as C, createCommentVNode as $, vShow as Z, toDisplayString as U } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as Z, getName as F, getReturnData as w } from "../utils/returnData.mjs";
-import { CloseOutlined as ee, PlusOutlined as te } from "@ant-design/icons-vue";
-import { useOss as ne, getOssInstance as $ } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as ae, getAcceptText as se } from "../utils/accept.mjs";
-import { message as m, Progress as oe } from "ant-design-vue";
+import { getPath as F, getName as ee, getReturnData as w } from "../utils/returnData.mjs";
+import { CloseOutlined as te, PlusOutlined as ne } from "@ant-design/icons-vue";
+import { useOss as ae, getOssInstance as D } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as se, getAcceptText as oe } from "../utils/accept.mjs";
+import { message as d, Progress as ie } from "ant-design-vue";
 import "../styles/picture.css";
-import { useLocale as ie } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ce } from "../../config-provider/hooks/use-namespace.mjs";
-const ue = ["accept"], re = { class: "picture-context" }, le = { class: "picture-item-box" }, pe = ["src"], de = { class: "picture-item-shadow" }, me = ["onClick"], fe = {
+import { useLocale as ce } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ue } from "../../config-provider/hooks/use-namespace.mjs";
+const re = ["accept"], le = { class: "picture-context" }, pe = { class: "picture-item-box" }, de = ["src"], me = { class: "picture-item-shadow" }, fe = ["onClick"], he = {
   key: 0,
   class: "picture-item-uploading"
-}, he = { class: "picture-title" }, ge = { key: 0 }, ve = { key: 1 }, be = /* @__PURE__ */ H({
+}, ge = { class: "picture-title" }, ve = { key: 0 }, _e = { key: 1 }, ze = /* @__PURE__ */ J({
   __name: "Picture",
-  setup(_e) {
-    const { t: r } = ie(), { b: A } = ce("ap-upload-picture"), { put: D } = ne(), E = u("theme"), O = u("dirName"), y = u("accept") || "image/*", k = u("maxSize") ?? 5, N = u("title"), l = u("maxCount") ?? 10, g = u("uploadingCount"), P = u("beforeUpload"), S = u("customRequest"), b = u("getOssAccess"), x = I(null), c = u("value"), v = u("needName");
-    let i = I([]);
+  setup(xe) {
+    const { t: r } = ce(), { b: A } = ue("ap-upload-picture"), { put: E } = ae(), O = u("theme"), T = u("dirName"), y = u("accept") || "image/*", k = u("maxSize") ?? 5, N = u("title"), l = u("maxCount") ?? 10, g = u("uploadingCount"), P = u("beforeUpload"), S = u("customRequest"), b = u("getOssAccess"), x = R(null), c = u("value"), v = u("needName");
+    let o = R([]);
     const _ = [];
-    J(
+    K(
       () => c == null ? void 0 : c.value,
       async function(e) {
-        if (!i.value.length && e) {
-          const a = [];
+        var a;
+        if (!((a = o == null ? void 0 : o.value) != null && a.length) && e) {
+          const n = [];
           for (let t of e) {
-            const n = Z(v, t), s = F(v, t), p = await $(b), j = await p.getSignatureUrl(n), G = {
-              ...new File([t], s, {}),
+            const s = F(v, t), m = ee(v, t), I = await D(b), G = await I.getSignatureUrl(s), H = {
+              ...new File([t], m, {}),
               uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
-              thumbUrl: j,
+              thumbUrl: G,
               status: "success",
               percent: 100,
-              path: n
+              path: s
             };
-            a.push(G), p.destroy();
+            n.push(H), I.destroy();
           }
-          if (l && a.length > l) {
-            m.warning(
+          if (l && n.length > l) {
+            d.warning(
               r("ap.apUpload.fileInitializationException", {
                 maxCount: l
               })
             );
             return;
           }
-          a.forEach((t) => {
-            i.value.push(t), _.push({
+          n.forEach((t) => {
+            o.value.push(t), _.push({
               uid: t.uid,
               path: t.path
             });
           });
         }
-      }
+      },
+      { immediate: !0 }
     );
-    function T() {
+    function B() {
       var e;
       (e = x.value) == null || e.click();
     }
-    function B(e) {
+    function q(e) {
       const a = e.target;
       L(a == null ? void 0 : a.files);
     }
     function L(e) {
       if (e != null && e.length)
         for (let a = 0; a < e.length; a++)
-          q(e[a]);
+          M(e[a]);
       x.value && (x.value.value = "");
     }
     let z;
-    function q(e) {
-      if (l && l > 1 && i.value.length >= l)
+    function M(e) {
+      if (l && l > 1 && o.value.length >= l)
         return clearTimeout(z), z = setTimeout(() => {
-          m.warning(
+          d.warning(
             r("ap.apUpload.maxUploadPicture", { maxCount: l })
           );
         }), !1;
@@ -77,45 +79,45 @@ const ue = ["accept"], re = { class: "picture-context" }, le = { class: "picture
           return !1;
       } else {
         if (e.size > k * 1024 * 1024)
-          return m.warning(
+          return d.warning(
             r("ap.apUpload.maxUploadFileSize", { maxSize: k })
           ), !1;
-        if (!/image\/\w+/.test(e.type) || !ae(e, y))
-          return m.warning(r("ap.apUpload.pictureFormatNotSupported")), !1;
+        if (!/image\/\w+/.test(e.type) || !se(e, y))
+          return d.warning(r("ap.apUpload.pictureFormatNotSupported")), !1;
       }
       const a = new FileReader();
       a.readAsDataURL(e), a.onload = function() {
-        const t = {
+        const n = {
           ...e,
           uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
           thumbUrl: this.result,
           status: "uploading",
           percent: 0
         };
-        M(t, e);
+        V(n, e);
       }, a.onerror = function() {
-        m.warning(r("ap.apUpload.imageParsingFailed"));
+        d.warning(r("ap.apUpload.imageParsingFailed"));
       };
     }
-    async function M(e, a) {
+    async function V(e, a) {
       if (g.value++, typeof S == "function") {
         S({
-          onProgress: (t) => {
-            const n = i.value.find((s) => s.uid === e.uid);
-            n && (n.percent = t);
+          onProgress: (n) => {
+            const t = o.value.find((s) => s.uid === e.uid);
+            t && (t.percent = n);
           },
-          onError: (t) => {
-            m.warning(t || r("ap.apUpload.networkAnomaly"));
-            const n = i.value.findIndex(
+          onError: (n) => {
+            d.warning(n || r("ap.apUpload.networkAnomaly"));
+            const t = o.value.findIndex(
               (s) => s.uid === e.uid
             );
-            n > -1 && i.value.splice(n, 1), g.value--;
+            t > -1 && o.value.splice(t, 1), g.value--;
           },
-          onSuccess: (t) => {
-            const n = i.value.find((s) => s.uid === e.uid);
-            n && (n.status = "success", n.path = t), c.value ? c.value.push(w(v, t, a.name)) : c.value = [w(v, t, a.name)], _.push({
+          onSuccess: (n) => {
+            const t = o.value.find((s) => s.uid === e.uid);
+            t && (t.status = "success", t.path = n), c.value ? c.value.push(w(v, n, a.name)) : c.value = [w(v, n, a.name)], _.push({
               uid: e.uid,
-              path: t
+              path: n
             }), g.value--;
           },
           file: a
@@ -123,117 +125,117 @@ const ue = ["accept"], re = { class: "picture-context" }, le = { class: "picture
         return;
       }
       try {
-        const t = await $(b);
-        e.oss = t, i.value.push(e), D({
+        const n = await D(b);
+        e.oss = n, o.value.push(e), E({
           file: a,
-          dirName: O,
-          oss: t,
-          successCallBack(n) {
-            const s = i.value.find((p) => p.uid === e.uid);
-            s && (s.status = "success", s.path = n), c.value ? c.value.push(w(v, n, a.name)) : c.value = [w(v, n, a.name)], _.push({
+          dirName: T,
+          oss: n,
+          successCallBack(t) {
+            const s = o.value.find((m) => m.uid === e.uid);
+            s && (s.status = "success", s.path = t), c.value ? c.value.push(w(v, t, a.name)) : c.value = [w(v, t, a.name)], _.push({
               uid: e.uid,
-              path: n
+              path: t
             }), g.value--;
           },
-          errorCallBack(n) {
-            m.warning(n || r("ap.apUpload.networkAnomaly"));
-            const s = i.value.findIndex(
-              (p) => p.uid === e.uid
+          errorCallBack(t) {
+            d.warning(t || r("ap.apUpload.networkAnomaly"));
+            const s = o.value.findIndex(
+              (m) => m.uid === e.uid
             );
-            s > -1 && i.value.splice(s, 1), g.value--;
+            s > -1 && o.value.splice(s, 1), g.value--;
           },
-          progressCallBack(n) {
-            const s = i.value.find((p) => p.uid === e.uid);
-            s && (s.percent = n);
+          progressCallBack(t) {
+            const s = o.value.find((m) => m.uid === e.uid);
+            s && (s.percent = t);
           }
         });
-      } catch (t) {
-        m.warning(
-          typeof (t == null ? void 0 : t.message) == "string" ? t.message : r("ap.apUpload.networkAnomaly")
+      } catch (n) {
+        d.warning(
+          typeof (n == null ? void 0 : n.message) == "string" ? n.message : r("ap.apUpload.networkAnomaly")
         );
-        const n = i.value.findIndex((s) => s.uid === e.uid);
-        n > -1 && i.value.splice(n, 1), g.value--;
+        const t = o.value.findIndex((s) => s.uid === e.uid);
+        t > -1 && o.value.splice(t, 1), g.value--;
       }
     }
-    function V(e) {
-      var t;
+    function j(e) {
+      var n;
       if (e.path) {
         if (Array.isArray(c.value)) {
-          const n = _.findIndex(
+          const t = _.findIndex(
             (s) => s.uid === e.uid
           );
-          n >= 0 && (c == null || c.value.splice(n, 1), _.splice(n, 1)), c.value.length === 0 && (c.value = void 0);
+          t >= 0 && (c == null || c.value.splice(t, 1), _.splice(t, 1)), c.value.length === 0 && (c.value = void 0);
         }
       } else
-        (t = e == null ? void 0 : e.oss) == null || t.pauseUpload();
-      const a = i.value.findIndex(
-        (n) => n.uid === e.uid
+        (n = e == null ? void 0 : e.oss) == null || n.pauseUpload();
+      const a = o.value.findIndex(
+        (t) => t.uid === e.uid
       );
-      return i.value.splice(a, 1), Promise.resolve(!0);
+      return o.value.splice(a, 1), Promise.resolve(!0);
     }
     return (e, a) => (f(), h("div", {
-      class: K({
-        [o(A)()]: !0,
-        [o(A)("admin")]: o(E) === "admin"
+      class: Q({
+        [i(A)()]: !0,
+        [i(A)("admin")]: i(O) === "admin"
       })
     }, [
-      d("input", {
+      p("input", {
         style: { display: "none" },
         type: "file",
         ref_key: "fileRef",
         ref: x,
-        accept: o(y),
-        onChange: B
-      }, null, 40, ue),
-      d("div", re, [
-        (f(!0), h(Q, null, W(o(i), (t) => (f(), h("div", {
+        accept: i(y),
+        onChange: q
+      }, null, 40, re),
+      p("div", le, [
+        (f(!0), h(W, null, X(i(o), (n) => (f(), h("div", {
           class: "picture-item",
-          key: t.uid
+          key: n.uid
         }, [
-          d("div", le, [
-            d("img", {
-              src: t.thumbUrl,
+          p("div", pe, [
+            p("img", {
+              src: n.thumbUrl,
               alt: ""
-            }, null, 8, pe),
-            X(d("div", de, [
-              d("div", {
+            }, null, 8, de),
+            Y(p("div", me, [
+              p("div", {
                 class: "picture-item-close",
-                onClick: (n) => V(t)
+                onClick: (t) => j(n)
               }, [
-                C(o(ee))
-              ], 8, me),
-              t.status === "uploading" ? (f(), h("div", fe, [
-                C(o(oe), {
-                  percent: t.percent,
+                C(i(te))
+              ], 8, fe),
+              n.status === "uploading" ? (f(), h("div", he, [
+                C(i(ie), {
+                  percent: n.percent,
                   strokeColor: "#ffffff",
                   trailColor: "rgba(255, 255, 255, 0.3)",
                   size: 4,
                   showInfo: !1
                 }, null, 8, ["percent"])
-              ])) : R("", !0)
+              ])) : $("", !0)
             ], 512), [
-              [Y, t.status === "uploading"]
+              [Z, n.status === "uploading"]
             ])
           ])
         ]))), 128)),
-        o(l) === void 0 || o(i).length < o(l) ? (f(), h("div", {
+        i(l) === void 0 || i(o).length < i(l) ? (f(), h("div", {
           key: 0,
           class: "picture-upload",
-          onClick: T
+          onClick: B
         }, [
-          C(o(te)),
-          d("div", null, U(o(r)("ap.apUpload.update")), 1)
-        ])) : R("", !0)
+          C(i(ne)),
+          p("div", null, U(i(r)("ap.apUpload.update")), 1)
+        ])) : $("", !0)
       ]),
-      d("div", he, [
-        o(N) ? (f(), h("div", ge, U(o(N)), 1)) : (f(), h("div", ve, U(`${o(r)("ap.apUpload.supportExtension")}：${o(se)(o(y))}，${o(r)(
+      p("div", ge, [
+        i(N) ? (f(), h("div", ve, U(i(N)), 1)) : (f(), h("div", _e, U(`${i(r)("ap.apUpload.supportExtension")}：${i(oe)(i(y))}，${i(r)(
           "ap.apUpload.maxUploadPictureSize",
-          { maxSize: o(k) }
+          { maxSize: i(k) }
         )}`), 1))
       ])
     ], 2));
   }
 });
 export {
-  be as default
+  ze as default
 };

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

@@ -22,13 +22,16 @@ const ge = ["accept"], he = {
     ee(
       () => n == null ? void 0 : n.value,
       function(e) {
-        const t = re(F, e);
-        o.value === null && e && (l.value = 3, o.value = new File(
-          [e],
-          t,
-          {}
-        ));
-      }
+        if (o.value === null && e) {
+          const t = re(F, e);
+          l.value = 3, o.value = new File(
+            [e],
+            t,
+            {}
+          );
+        }
+      },
+      { immediate: !0 }
     );
     const l = h(1), f = h(0), m = h(null), P = te(() => o.value && (n == null ? void 0 : n.value));
     function H() {

package/es/src/business/ap-attachment/ApAttachment.d.ts

@@ -42,7 +42,7 @@ declare const _default: DefineComponent<{
     toolTipBgColor: {
         type: StringConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}, () => false | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     attachmentList: {
         type: PropType<Array<AttachmentItemProps>>;
         default: never[];

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as O, useSlots as T, computed as a, cloneVNode as P, unref as k, toRaw as u, createVNode as o, createTextVNode as S } from "vue";
+import { defineComponent as O, useSlots as T, computed as o, cloneVNode as P, unref as k, toRaw as u, createVNode as a, createTextVNode as S } from "vue";
 import { Tooltip as V, Popover as b } from "ant-design-vue";
 import "../../config-provider/index.mjs";
 import { ApAttachmentProps as z } from "./constans.mjs";
@@ -7,7 +7,7 @@ import "./style.css";
 import { useOssInit as U } from "../../ap-download/hooks/index.mjs";
 import { isArray as _ } from "lodash-unified";
 import { useNamespace as B } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as h } from "../../config-provider/hooks/use-global-config.mjs";
+import { useGlobalConfig as v } from "../../config-provider/hooks/use-global-config.mjs";
 import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
 const Y = /* @__PURE__ */ O({
   name: "ApAttachment",
@@ -16,65 +16,68 @@ const Y = /* @__PURE__ */ O({
     const {
       b: p,
       e: l
-    } = B("ap-attachment"), A = h("uiMode"), g = h("apUpload"), {
+    } = B("ap-attachment"), A = v("uiMode"), g = v("apUpload"), {
       lang: w,
       t: i
-    } = G(), s = T(), C = a(() => w.value === "zh-cn" ? "zh_CN" : "en_US"), n = a(() => t.attachmentList.length === 1), d = a(() => t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), N = a(() => n.value ? d.value : i("ap.apAttachment.downloadall")), f = a(() => t.color ? t.color : A.value === "aplus" ? "#0070FF" : "#1890FF"), y = a(() => ({
+    } = G(), s = T(), C = o(() => w.value === "zh-cn" ? "zh_CN" : "en_US"), n = o(() => t.attachmentList.length === 1), d = o(() => t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), L = o(() => n.value ? d.value : i("ap.apAttachment.downloadall")), f = o(() => t.color ? t.color : A.value === "aplus" ? "#0070FF" : "#1890FF"), N = o(() => ({
       width: n.value ? "auto" : "266px"
-    })), v = a(() => ({
+    })), h = o(() => ({
       "--download-main-color": f.value,
       "--download-main-color-opacity": I(f.value, 0.6)
-    })), F = a(() => {
+    })), y = o(() => {
       var e;
       return t.getOssAccess || ((e = g.value) == null ? void 0 : e.getOssAccess);
-    }), L = a(() => {
+    }), F = o(() => {
       const e = s.default ? s.default()[0] : null;
       return e ? P(e, {
         style: {
           "font-size": "16px"
         }
       }) : null;
-    }), r = async (e) => {
+    }), m = async (e) => {
       if (!t.disabled) {
-        const c = await U(F.value, k(C)), m = _(u(e)) ? u(e) : [u(e)];
-        await c.downloadFile(M(t.needName, m));
+        const c = await U(y.value, k(C)), r = _(u(e)) ? u(e) : [u(e)];
+        await c.downloadFile(M(t.needName, r));
       }
-    }, x = (e) => e && e.length > 0 ? o("ul", {
+    }, x = (e) => e && e.length > 0 ? a("ul", {
       class: [l("file-list")],
-      style: v.value
-    }, [e.map((c, m) => o("li", {
-      key: m,
+      style: h.value
+    }, [e.map((c, r) => a("li", {
+      key: r,
       class: [l("file-item")],
-      onClick: () => r(c)
-    }, [c.fileName])), o("li", {
+      onClick: () => m(c)
+    }, [c.fileName])), a("li", {
       class: [l("down-load-all")],
-      onClick: () => r(t.attachmentList)
+      onClick: () => m(t.attachmentList)
     }, [i("ap.apAttachment.downloadall")])]) : null;
-    return () => o("div", {
-      class: [p()],
-      style: [y.value, v.value]
-    }, [o(V, {
-      title: N.value,
-      placement: t.textToolTipPlacement,
-      color: t.toolTipBgColor
-    }, {
-      default: () => [o("div", {
-        class: [l("content")],
-        onClick: () => r(n.value ? t.attachmentList[0] : t.attachmentList)
-      }, [s.default ? o("div", {
-        class: [l("text-render")]
-      }, [L.value, S(" ")]) : null, o("div", {
-        class: [l("text-inner")]
-      }, [d.value])])]
-    }), o(b, {
-      content: x(t.attachmentList),
-      placement: t.fileMorePopoverPlacement,
-      color: "#fff"
-    }, {
-      default: () => [!n.value && o("div", {
-        class: [l("more")]
-      }, [i("ap.apAttachment.more")])]
-    })]);
+    return () => {
+      var e;
+      return ((e = t.attachmentList) == null ? void 0 : e.length) > 0 && a("div", {
+        class: [p()],
+        style: [N.value, h.value]
+      }, [a(V, {
+        title: L.value,
+        placement: t.textToolTipPlacement,
+        color: t.toolTipBgColor
+      }, {
+        default: () => [a("div", {
+          class: [l("content")],
+          onClick: () => m(n.value ? t.attachmentList[0] : t.attachmentList)
+        }, [s.default ? a("div", {
+          class: [l("text-render")]
+        }, [F.value, S(" ")]) : null, a("div", {
+          class: [l("text-inner")]
+        }, [d.value])])]
+      }), a(b, {
+        content: x(t.attachmentList),
+        placement: t.fileMorePopoverPlacement,
+        color: "#fff"
+      }, {
+        default: () => [!n.value && a("div", {
+          class: [l("more")]
+        }, [i("ap.apAttachment.more")])]
+      })]);
+    };
   }
 });
 export {

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

@@ -39,6 +39,8 @@
   max-width: 312px;
   display: flex;
   flex-direction: column;
+  margin: 0;
+  padding: 0;
 }
 .aplus-ap-attachment__file-item {
   flex: 1;