@unicom-cloud/ui 0.8.96 → 0.8.98

package/upload/Upload.js

@@ -1,41 +1,41 @@
-import { jsx as m, jsxs as M, Fragment as B } from "react/jsx-runtime";
+import { jsx as c, jsxs as M, Fragment as B } from "react/jsx-runtime";
 import H from "lodash/isFunction";
 import W from "lodash/isNumber";
-import { forwardRef as k, useContext as z, useRef as N, useState as G, useImperativeHandle as J } from "react";
+import { forwardRef as k, useContext as z, useRef as $, useState as G, useImperativeHandle as J } from "react";
 import "../config-provider/ConfigProvider.js";
 import K from "../components/common/hooks/useMergeProps.js";
 import Q from "@unicom-cloud/utils/class-name";
 import { omit as V } from "../components/common/utils/omit.js";
-import { warning as y } from "../components/common/utils/warning.js";
+import { warning as N } from "../components/common/utils/warning.js";
 import { STATUS as g } from "./constant.js";
 import { FileList as X } from "./list/index.js";
 import Y from "./Uploader.js";
 import Z from "../config-provider/context.js";
-const U = function(f) {
-  const c = [].concat(f || []).filter(Boolean);
-  return c.reduce((a, n, h) => {
+const L = function(m) {
+  const u = [].concat(m || []).filter(Boolean);
+  return u.reduce((d, n, f) => {
     if (n.uid) {
-      const e = c.findIndex(
-        (s) => n.uid === s.uid && n !== s
+      const e = u.findIndex(
+        (r) => n.uid === r.uid && n !== r
       );
-      y(e !== -1, "[Upload]: duplicate uid");
-      const r = {
+      N(e !== -1, "[Upload]: duplicate uid");
+      const o = {
         status: g.success,
         percent: 100,
         ...n
       };
-      e === -1 ? a.push(r) : a.splice(e, 1, r);
+      e === -1 ? d.push(o) : d.splice(e, 1, o);
     } else {
-      y(!0, "[Upload]: uid is required");
-      const e = `${String(+/* @__PURE__ */ new Date())}${h}`;
-      a.push({
+      N(!0, "[Upload]: uid is required");
+      const e = `${String(+/* @__PURE__ */ new Date())}${f}`;
+      d.push({
         uid: e,
         status: g.success,
         percent: 100,
         ...n
       });
     }
-    return a;
+    return d;
   }, []);
 }, _ = {
   listType: "text",
@@ -43,69 +43,67 @@ const U = function(f) {
   showUploadList: !0,
   beforeUpload: () => !0,
   method: "post"
-}, ee = (f, c) => {
-  const { getPrefixCls: a, componentConfig: n, rtl: h } = z(Z), e = K(
-    f,
+}, ee = (m, u) => {
+  const { getPrefixCls: d, componentConfig: n, rtl: f } = z(Z), e = K(
+    m,
     _,
-    n == null ? void 0 : n.Upload
-  ), r = a == null ? void 0 : a("upload"), s = N(), x = N(), [D, b] = G(() => "fileList" in e ? U(e.fileList) : "defaultFileList" in e ? U(e.defaultFileList) : []), d = "fileList" in e ? U(e.fileList) : D, v = (t, i) => {
-    var o;
-    "fileList" in e || b(t), (o = e.onChange) == null || o.call(e, t, i);
-  }, F = (t) => {
+    n?.Upload
+  ), o = d?.("upload"), r = $(), U = $(), [y, x] = G(() => "fileList" in e ? L(e.fileList) : "defaultFileList" in e ? L(e.defaultFileList) : []), a = "fileList" in e ? L(e.fileList) : y, b = (t, i) => {
+    "fileList" in e || x(t), e.onChange?.(t, i);
+  }, v = (t) => {
     t && setTimeout(() => {
-      s.current && s.current.upload(t);
+      r.current && r.current.upload(t);
     }, 0);
-  }, R = (t) => {
-    var i;
-    s.current && s.current.reupload(t), (i = e.onReupload) == null || i.call(e, t);
-  }, E = (t) => {
+  }, C = (t) => {
+    r.current && r.current.reupload(t), e.onReupload?.(t);
+  }, D = (t) => {
     if (t) {
       const { onRemove: i } = e;
       Promise.resolve(
-        H(i) ? i(t, d) : i
-      ).then((o) => {
-        o !== !1 && (s.current && s.current.abort(t), v(
-          d.filter((p) => p.uid !== t.uid),
+        H(i) ? i(t, a) : i
+      ).then((s) => {
+        s !== !1 && (r.current && r.current.abort(t), b(
+          a.filter((A) => A.uid !== t.uid),
           t
         ));
-      }).catch((o) => {
-        console.error(o);
+      }).catch((s) => {
+        console.error(s);
       });
     }
-  }, w = (t) => {
-    t && s.current && s.current.abort(t);
+  }, F = (t) => {
+    t && r.current && r.current.abort(t);
   };
-  J(c, () => ({
+  J(u, () => ({
     submit: (t) => {
       let i = [];
-      t ? i = [t] : i = d.filter((o) => o.status === g.init), i.forEach((o) => {
-        F(o);
+      t ? i = [t] : i = a.filter((s) => s.status === g.init), i.forEach((s) => {
+        v(s);
       });
     },
     // file: fileList中的file对象
     abort: (t) => {
-      w(t);
+      F(t);
     },
     // file: fileList中的file对象
     reupload: (t) => {
-      R(t);
+      C(t);
     },
-    getRootDOMNode: () => x.current
+    getRootDOMNode: () => U.current
   }));
   const {
     listType: l,
-    className: O,
-    style: S,
-    renderUploadItem: I,
-    showUploadList: C,
-    renderUploadList: T,
-    progressProps: j,
-    imagePreview: q,
-    ...A
-  } = e, u = W(e.limit) ? { hideOnExceedLimit: !0, maxCount: e.limit } : { hideOnExceedLimit: !0, ...e.limit }, L = u.maxCount && u.maxCount <= d.length, P = "disabled" in e ? e.disabled : !u.hideOnExceedLimit && L, $ = /* @__PURE__ */ m(
+    className: E,
+    style: O,
+    renderUploadItem: S,
+    showUploadList: R,
+    renderUploadList: I,
+    progressProps: T,
+    imagePreview: j,
+    ...q
+  } = e, p = W(e.limit) ? { hideOnExceedLimit: !0, maxCount: e.limit } : { hideOnExceedLimit: !0, ...e.limit }, h = p.maxCount && p.maxCount <= a.length, P = "disabled" in e ? e.disabled : !p.hideOnExceedLimit && h, w = /* @__PURE__ */ c(
     "div",
     {
-      ...V(A, [
+      ...V(q, [
         "disabled",
         "directory",
         "onReupload",
@@ -138,62 +136,61 @@ const U = function(f) {
         "onDragLeave"
       ]),
       className: Q(
-        r,
+        o,
         {
-          [`${r}-type-${l}`]: l,
-          [`${r}-drag`]: e.drag,
-          [`${r}-disabled`]: P,
-          [`${r}-hide`]: u.hideOnExceedLimit && L,
-          [`${r}-rtl`]: h
+          [`${o}-type-${l}`]: l,
+          [`${o}-drag`]: e.drag,
+          [`${o}-disabled`]: P,
+          [`${o}-hide`]: p.hideOnExceedLimit && h,
+          [`${o}-rtl`]: f
         },
-        O
+        E
       ),
-      style: S,
-      ref: x,
-      children: /* @__PURE__ */ m(
+      style: O,
+      ref: U,
+      children: /* @__PURE__ */ c(
         Y,
         {
-          ref: s,
+          ref: r,
           ...e,
-          limit: u.maxCount,
-          hide: u.hideOnExceedLimit && L,
+          limit: p.maxCount,
+          hide: p.hideOnExceedLimit && h,
           disabled: P,
-          prefixCls: r,
-          fileList: d,
+          prefixCls: o,
+          fileList: a,
           onProgress: (t, i) => {
-            var o;
-            t && ("fileList" in e || b(
-              d.map((p) => p.uid === t.uid ? t : p)
-            ), (o = e.onProgress) == null || o.call(e, t, i));
+            t && ("fileList" in e || x(
+              a.map((s) => s.uid === t.uid ? t : s)
+            ), e.onProgress?.(t, i));
           },
-          onFileStatusChange: v
+          onFileStatusChange: b
         }
       )
     }
   );
   return /* @__PURE__ */ M(B, { children: [
-    l !== "picture-card" && $,
-    C && /* @__PURE__ */ m(
+    l !== "picture-card" && w,
+    R && /* @__PURE__ */ c(
       X,
       {
-        imagePreview: q,
-        progressProps: j,
-        showUploadList: C,
+        imagePreview: j,
+        progressProps: T,
+        showUploadList: R,
         disabled: e.disabled,
         listType: l,
-        fileList: d,
-        renderUploadItem: I,
-        renderUploadList: T,
-        onUpload: F,
-        onAbort: w,
-        onRemove: E,
-        onReupload: R,
+        fileList: a,
+        renderUploadItem: S,
+        renderUploadList: I,
+        onUpload: v,
+        onAbort: F,
+        onRemove: D,
+        onReupload: C,
         onPreview: e.onPreview,
-        prefixCls: r
+        prefixCls: o
       }
     ),
-    l === "picture-card" && $,
-    e.tip && l === "picture-card" && /* @__PURE__ */ m("div", { className: `${r}-trigger-tip`, children: e.tip })
+    l === "picture-card" && w,
+    e.tip && l === "picture-card" && /* @__PURE__ */ c("div", { className: `${o}-trigger-tip`, children: e.tip })
   ] });
 }, te = k(
   ee

package/upload/Uploader.js

@@ -1,147 +1,145 @@
-import { jsxs as J, Fragment as K, jsx as y } from "react/jsx-runtime";
-import { isFile as M } from "@unicom-cloud/utils/is";
-import j from "lodash/isFunction";
-import Q from "lodash/isNumber";
-import W from "lodash/isPlainObject";
-import X, { useRef as Y, useState as Z, useImperativeHandle as _ } from "react";
-import { PqbCSSTransition as tt } from "../components/common/utils/PqbCSSTransition.js";
-import et from "./TriggerNode.js";
+import { jsxs as G, Fragment as J, jsx as q } from "react/jsx-runtime";
+import { isFile as K } from "@unicom-cloud/utils/is";
+import N from "lodash/isFunction";
+import M from "lodash/isNumber";
+import Q from "lodash/isPlainObject";
+import W, { useRef as X, useState as Y, useImperativeHandle as Z } from "react";
+import { PqbCSSTransition as _ } from "../components/common/utils/PqbCSSTransition.js";
+import tt from "./TriggerNode.js";
 import { STATUS as c } from "./constant.js";
-import it from "./request.js";
-import { isAcceptFile as nt } from "./util.js";
-function ot(i, E) {
-  const R = Y(null), [b, P] = Z({ uploadRequests: {} });
-  function O(t) {
-    S(t);
+import et from "./request.js";
+import { isAcceptFile as it } from "./util.js";
+function nt(i, $) {
+  const y = X(null), [R, w] = Y({ uploadRequests: {} });
+  function j(t) {
+    b(t);
   }
-  function A(t) {
-    var n;
-    const e = b.uploadRequests[t.uid];
-    e && ((n = e.abort) == null || n.call(e), l({
+  function O(t) {
+    const e = R.uploadRequests[t.uid];
+    e && (e.abort?.(), l({
       ...t,
       status: c.fail
-    }), p(t.uid));
+    }), f(t.uid));
   }
-  function z(t) {
-    S({
+  function A(t) {
+    b({
       ...t,
       percent: 0,
       status: c.uploading
     });
   }
-  function p(t) {
-    const e = { ...b.uploadRequests };
-    delete e[t], P({
+  function f(t) {
+    const e = { ...R.uploadRequests };
+    delete e[t], w({
       uploadRequests: e
     });
   }
-  _(E, () => ({
+  Z($, () => ({
     // 提供 ref 调用
-    upload: O,
-    abort: A,
-    reupload: z,
+    upload: j,
+    abort: O,
+    reupload: A,
     // 删除上传（手动上传时，文件会出现在上传列表，但属于init状态）
-    delete: p
+    delete: f
   }));
   function l(t, e = i.fileList) {
-    const { onFileStatusChange: n } = i, s = "uid" in t ? "uid" : "name";
-    n == null || n(
-      e.map((f) => f[s] === t[s] ? t : f),
+    const { onFileStatusChange: a } = i, r = "uid" in t ? "uid" : "name";
+    a?.(
+      e.map((d) => d[r] === t[r] ? t : d),
       t
     );
   }
-  function q(t) {
+  function S(t) {
     const e = "uid" in t ? "uid" : "name";
-    return i.fileList.find((s) => s[e] === t[e]);
+    return i.fileList.find((r) => r[e] === t[e]);
   }
-  async function S(t) {
+  async function b(t) {
     const {
       action: e,
-      headers: n,
-      name: s,
-      data: f,
+      headers: a,
+      name: r,
+      data: d,
       withCredentials: h,
-      customRequest: r,
-      method: m
-    } = i, N = {
-      onProgress: (g, o) => {
-        var $;
-        const F = q(t);
-        F && (F.status = c.uploading, F.percent = g, ($ = i == null ? void 0 : i.onProgress) == null || $.call(i, F, o));
+      customRequest: o,
+      method: p
+    } = i, I = {
+      onProgress: (m, n) => {
+        const F = S(t);
+        F && (F.status = c.uploading, F.percent = m, i?.onProgress?.(F, n));
       },
-      onSuccess: (g) => {
-        const o = q(t);
-        o && (o.status = c.success, o.response = g, l(o)), p(t.uid);
+      onSuccess: (m) => {
+        const n = S(t);
+        n && (n.status = c.success, n.response = m, l(n)), f(t.uid);
       },
-      onError: (g) => {
-        const o = q(t);
-        o && (o.status = c.fail, o.response = g, l(o)), p(t.uid);
+      onError: (m) => {
+        const n = S(t);
+        n && (n.status = c.fail, n.response = m, l(n)), f(t.uid);
       },
-      headers: n,
-      name: s,
+      headers: a,
+      name: r,
       file: t.originFile,
-      data: f,
+      data: d,
       withCredentials: h
     };
     l(t);
-    let x;
-    r ? x = await r(N) : e && (x = it({ ...N, action: e, method: m })), P({
+    let U;
+    o ? U = await o(I) : e && (U = et({ ...I, action: e, method: p })), w({
       uploadRequests: {
-        ...b.uploadRequests,
-        [t.uid]: x
+        ...R.uploadRequests,
+        [t.uid]: U
       }
     });
   }
-  function T(t) {
-    const { limit: e, fileList: n, onExceedLimit: s, autoUpload: f } = i;
-    if (Q(e) && e < n.length + t.length)
-      return s == null ? void 0 : s(t, n);
-    const h = (r, m) => {
-      const a = i.fileList || [], u = {
-        uid: `${String(+/* @__PURE__ */ new Date())}${m}`,
-        originFile: r,
+  function C(t) {
+    const { limit: e, fileList: a, onExceedLimit: r, autoUpload: d } = i;
+    if (M(e) && e < a.length + t.length)
+      return r?.(t, a);
+    const h = (o, p) => {
+      const s = i.fileList || [], u = {
+        uid: `${String(+/* @__PURE__ */ new Date())}${p}`,
+        originFile: o,
         percent: 0,
         status: c.init,
-        name: r.name
+        name: o.name
       };
-      l(u), a.push(u), l(u, a), f && setTimeout(() => {
-        S({
+      l(u), s.push(u), l(u, s), d && setTimeout(() => {
+        b({
           ...u,
           status: c.uploading
         });
       }, 0);
     };
-    t.forEach((r, m) => {
-      nt(r, i.accept) && (j(i.beforeUpload) ? Promise.resolve(i.beforeUpload(r, t)).then((a) => {
-        if (a !== !1) {
-          const u = M(a) ? a : r;
-          h(u, m);
+    t.forEach((o, p) => {
+      it(o, i.accept) && (N(i.beforeUpload) ? Promise.resolve(i.beforeUpload(o, t)).then((s) => {
+        if (s !== !1) {
+          const u = K(s) ? s : o;
+          h(u, p);
         }
-      }).catch((a) => {
-        console.error(a);
-      }) : h(r, m));
+      }).catch((s) => {
+        console.error(s);
+      }) : h(o, p));
     });
   }
   const {
-    accept: d,
-    multiple: k,
-    children: U,
-    prefixCls: L,
-    tip: w,
-    disabled: v,
-    drag: C,
+    accept: g,
+    multiple: P,
+    children: x,
+    prefixCls: T,
+    tip: L,
+    disabled: k,
+    drag: v,
     listType: D,
-    hide: H,
-    directory: I,
-    onDrop: V,
-    onDragOver: B,
-    onDragLeave: G
+    hide: z,
+    directory: E,
+    onDrop: H,
+    onDragOver: V,
+    onDragLeave: B
   } = i;
-  return /* @__PURE__ */ J(K, { children: [
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ G(J, { children: [
+    /* @__PURE__ */ q(
       "input",
       {
-        ref: R,
+        ref: y,
         style: {
           visibility: "hidden",
           opacity: 0,
@@ -151,12 +149,12 @@ function ot(i, E) {
           zIndex: -999999
         },
         type: "file",
-        accept: W(d) ? d == null ? void 0 : d.type : d,
-        multiple: k,
-        ...I ? { webkitdirectory: "true" } : {},
+        accept: Q(g) ? g?.type : g,
+        multiple: P,
+        ...E ? { webkitdirectory: "true" } : {},
         onChange: (t) => {
           const e = t.target.files;
-          e && (T([].slice.call(e)), R.current.value = "");
+          e && (C([].slice.call(e)), y.current.value = "");
         },
         onClick: (t) => {
           t.stopPropagation();
@@ -164,42 +162,41 @@ function ot(i, E) {
       },
       "trigger-input"
     ),
-    /* @__PURE__ */ y(
-      tt,
+    /* @__PURE__ */ q(
+      _,
       {
-        in: !H,
+        in: !z,
         timeout: 100,
         unmountOnExit: !0,
         classNames: "fadeIn",
-        children: /* @__PURE__ */ y(
-          et,
+        children: /* @__PURE__ */ q(
+          tt,
           {
-            directory: I,
-            tip: w,
-            multiple: k,
-            accept: d,
-            disabled: v,
-            drag: C,
+            directory: E,
+            tip: L,
+            multiple: P,
+            accept: g,
+            disabled: k,
+            drag: v,
             listType: D,
-            onDrop: V,
-            onDragOver: B,
-            onDragLeave: G,
-            onDragFiles: T,
+            onDrop: H,
+            onDragOver: V,
+            onDragLeave: B,
+            onDragFiles: C,
             onClick: () => {
-              var t, e;
-              !v && ((e = (t = R.current) == null ? void 0 : t.click) == null || e.call(t));
+              !k && y.current?.click?.();
             },
-            prefixCls: L,
-            children: j(U) ? U({ fileList: i.fileList }) : U
+            prefixCls: T,
+            children: N(x) ? x({ fileList: i.fileList }) : x
           }
         )
       },
       "trigger-node"
     ),
-    w && D !== "picture-card" && !C ? /* @__PURE__ */ y("div", { className: `${L}-trigger-tip`, children: w }, "trigger-tip") : null
+    L && D !== "picture-card" && !v ? /* @__PURE__ */ q("div", { className: `${T}-trigger-tip`, children: L }, "trigger-tip") : null
   ] });
 }
-const Ft = X.forwardRef(ot);
+const ht = W.forwardRef(nt);
 export {
-  Ft as default
+  ht as default
 };