@unicom-cloud/ui 0.8.150 → 0.8.152

package/upload/Upload.js

@@ -1,235 +1,158 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as U, jsxs as v, Fragment as y } from "react/jsx-runtime";
-import { HYPHEN as ne } from "@unicom-cloud/utils/constant/string";
-import { forwardRef as ae, useContext as w, useRef as W, useState as le, useImperativeHandle as de } from "react";
-import "../config-provider/ConfigProvider.js";
-import { FormContext as ce, FormItemContext as me } from "../form/context.js";
-import pe from "@unicom-cloud/ui-common/hooks/use-latest";
-import ue from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import fe from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as he, isFunction as Le } from "@unicom-cloud/ui-common/utils/is";
-import ge from "@unicom-cloud/ui-common/utils/omit";
-import { v4 as xe } from "uuid";
-import Y from "@unicom-cloud/ui-common/utils/warning";
-import { STATUS as E } from "./constant.js";
-import { FileList as Ue } from "./list/index.js";
-import Ce from "./Uploader.js";
-import Fe from "../config-provider/context.js";
-function R(C) {
-  const h = [].concat(C || []).filter(Boolean);
-  return h.reduce((d, n, I, O) => {
-    if (n.uid) {
-      const a = h.findIndex(
-        (p) => n.uid === p.uid && n !== p
-      );
-      Y(a !== -1, "[Upload]: duplicate uid");
-      const t = {
-        status: E.success,
-        percent: 100,
-        ...n
-      };
-      a === -1 ? d.push(t) : d.splice(a, 1, t);
-    } else {
-      Y(!0, "[Upload]: uid is required");
-      const a = xe();
-      d.push({
-        uid: a,
-        status: E.success,
-        percent: 100,
-        ...n
-      });
-    }
-    return d;
-  }, []);
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isFunction as e, isNumber as t } from "../utils/is.js";
+import n from "../utils/uuid.js";
+import r from "../utils/className.js";
+import ee from "../hooks/use-merge-props/index.js";
+import te from "../config-provider/context.js";
+import { FormContext as i, FormItemContext as a } from "../form/context.js";
+import "../config-provider/index.js";
+import ne from "../utils/omit.js";
+import o from "../utils/warning.js";
+import re from "../hooks/use-latest/index.js";
+import { STATUS as s } from "./constant.js";
+import c from "./list/index.js";
+import l from "./Uploader.js";
+import { forwardRef as u, useContext as d, useImperativeHandle as ie, useRef as f, useState as ae } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { HYPHEN as g } from "@unicom-cloud/utils/constant/string";
+//#region components/pc/upload/Upload.tsx
+function _(e) {
+	let t = [].concat(e || []).filter(Boolean);
+	return t.reduce((e, r, ee, te) => {
+		let i = {
+			status: s.success,
+			percent: 100,
+			...r
+		};
+		if (r.uid) {
+			let n = t.findIndex((e) => r.uid === e.uid && r !== e);
+			o(n !== -1, "[Upload]: duplicate uid"), n === -1 ? e.push(i) : e.splice(n, 1, i);
+		} else {
+			o(!0, "[Upload]: uid is required");
+			let t = n();
+			e.push({
+				uid: t,
+				...i
+			});
+		}
+		return e;
+	}, []);
 }
-const be = {
-  listType: "text",
-  autoUpload: !0,
-  showUploadList: !0,
-  beforeUpload: () => !0,
-  method: "post"
-}, Pe = (C, h) => {
-  const { getPrefixCls: d, componentConfig: n, rtl: I } = w(Fe), O = w(ce), a = w(me), t = ue(C, be, n?.Upload), {
-    tip: p,
-    readOnly: F = a?.readOnly ?? O?.readOnly,
-    onChange: k,
-    onProgress: z
-  } = t, {
-    listType: L,
-    className: G,
-    style: J,
-    renderUploadItem: K,
-    showUploadList: $,
-    renderUploadList: Q,
-    progressProps: X,
-    imagePreview: Z,
-    ..._
-  } = t, V = L === "picture-card", g = "fileList" in t, ee = "defaultFileList" in t, te = "disabled" in t, r = d?.("upload"), u = W(void 0), N = W(void 0);
-  let b = t.fileList;
-  g && (b = R(b));
-  const [oe, D] = le(() => g ? b : ee ? R(t.defaultFileList) : []), s = g ? R(t.fileList) : oe, S = pe({
-    props: t,
-    hasFileList: g,
-    mergeFileList: s,
-    onChange: k,
-    onProgress: z
-  }), ie = (e, i) => {
-    const o = S.current;
-    if (e) {
-      const m = o.mergeFileList.map((f, se, ye) => f.uid === e.uid ? e : f);
-      o.hasFileList ? o.onChange?.(m, e) : D(m), o.onProgress?.(e, i);
-    }
-  }, T = (e, i) => {
-    const o = S.current;
-    o.hasFileList || D(e), o.onChange?.(e, i);
-  }, H = (e) => {
-    e && setTimeout(() => {
-      u.current?.upload?.(e);
-    }, 0);
-  }, j = (e) => {
-    u.current?.reupload?.(e), t.onReupload?.(e);
-  }, re = (e) => {
-    if (e) {
-      const { onRemove: i } = t;
-      Promise.resolve(
-        Le(i) ? i(e, s) : i
-      ).then((o) => {
-        o !== !1 && (u.current?.abort?.(e), T(
-          s.filter((m, f, se) => m.uid !== e.uid),
-          e
-        ));
-      }).catch((o) => {
-        console.error(o);
-      }).finally(() => {
-      });
-    }
-  }, q = (e) => {
-    e && u.current?.abort?.(e);
-  };
-  de(h, () => ({
-    submit: (e) => {
-      let i = [];
-      e ? i = [e] : i = s.filter((o, m, f) => o.status === E.init), i.forEach((o, m, f) => {
-        H(o);
-      });
-    },
-    // file: fileList中的file对象
-    abort: (e) => {
-      q(e);
-    },
-    // file: fileList中的file对象
-    reupload: (e) => {
-      j(e);
-    },
-    getRootElement() {
-      return N.current;
-    }
-  }));
-  const c = he(t.limit) ? { hideOnExceedLimit: !0, maxCount: t.limit } : { hideOnExceedLimit: !0, ...t.limit }, P = c.maxCount && c.maxCount <= s.length, A = te ? t.disabled : !c.hideOnExceedLimit && P, B = !!($ && s.length);
-  let x;
-  F ? B || (x = ne) : x = /* @__PURE__ */ U(
-    "div",
-    {
-      ...ge(_, [
-        "value",
-        "disabled",
-        "directory",
-        "onReupload",
-        "defaultFileList",
-        "fileList",
-        "autoUpload",
-        "error",
-        "action",
-        "method",
-        "multiple",
-        "name",
-        "accept",
-        "customRequest",
-        "children",
-        "autoUpload",
-        "limit",
-        "drag",
-        "tip",
-        "headers",
-        "data",
-        "withCredentials",
-        "onChange",
-        "onPreview",
-        "onRemove",
-        "onProgress",
-        "onExceedLimit",
-        "beforeUpload",
-        "onDrop",
-        "onDragOver",
-        "onDragLeave"
-      ]),
-      className: fe(
-        r,
-        {
-          [`${r}-type-${L}`]: L,
-          [`${r}-drag`]: t.drag,
-          [`${r}-disabled`]: A,
-          [`${r}-readonly`]: F,
-          [`${r}-hide`]: c.hideOnExceedLimit && P,
-          [`${r}-rtl`]: I
-        },
-        G
-      ),
-      style: J,
-      ref: N,
-      children: /* @__PURE__ */ U(
-        Ce,
-        {
-          ref: u,
-          ...t,
-          limit: c.maxCount,
-          hide: c.hideOnExceedLimit && P,
-          disabled: A,
-          prefixCls: r,
-          fileList: s,
-          onProgress: ie,
-          onFileStatusChange: T
-        }
-      )
-    }
-  );
-  let M;
-  B && (M = /* @__PURE__ */ U(
-    Ue,
-    {
-      imagePreview: Z,
-      progressProps: X,
-      showUploadList: $,
-      disabled: t.disabled,
-      listType: L,
-      fileList: s,
-      renderUploadItem: K,
-      renderUploadList: Q,
-      onUpload: H,
-      onAbort: q,
-      onRemove: re,
-      onReupload: j,
-      onPreview: t.onPreview,
-      prefixCls: r,
-      readOnly: F
-    }
-  ));
-  let l = M;
-  return V ? (l = /* @__PURE__ */ v(y, { children: [
-    l,
-    x
-  ] }), p && (l = /* @__PURE__ */ v(y, { children: [
-    l,
-    /* @__PURE__ */ U("div", { className: `${r}-trigger-tip`, children: p })
-  ] }))) : l = /* @__PURE__ */ v(y, { children: [
-    x,
-    l
-  ] }), l;
-}, ve = ae(
-  Pe
-);
-ve.displayName = "Upload";
-export {
-  Ue as UploadList,
-  ve as default
-};
+var v = {
+	listType: "text",
+	autoUpload: !0,
+	showUploadList: !0,
+	beforeUpload: () => !0,
+	method: "post"
+}, y = u((n, o) => {
+	let { getPrefixCls: u, componentConfig: y, rtl: b } = d(te), x = d(i), oe = d(a), S = ee(n, v, y?.Upload), { tip: C, readOnly: w = oe?.readOnly ?? x?.readOnly, onChange: se, onProgress: ce } = S, { listType: T, className: le, style: E, renderUploadItem: ue, showUploadList: D, renderUploadList: de, progressProps: O, imagePreview: k, ...A } = S, j = T === "picture-card", M = "fileList" in S, N = "defaultFileList" in S, P = "disabled" in S, F = u?.("upload"), I = f(void 0), L = f(void 0), R = S.fileList;
+	M && (R = _(R));
+	let [z, B] = ae(() => M ? R : N ? _(S.defaultFileList) : []), V = M ? _(S.fileList) : z, H = re({
+		props: S,
+		hasFileList: M,
+		mergeFileList: V,
+		onChange: se,
+		onProgress: ce
+	}), fe = (e, t) => {
+		let n = H.current;
+		if (e) {
+			let r = n.mergeFileList.map((t, n, r) => t.uid === e.uid ? e : t);
+			n.hasFileList ? n.onChange?.(r, e) : B(r), n.onProgress?.(e, t);
+		}
+	}, U = (e, t) => {
+		let n = H.current;
+		n.hasFileList || B(e), n.onChange?.(e, t);
+	}, W = (e) => {
+		e && setTimeout(() => {
+			I.current?.upload?.(e);
+		}, 0);
+	}, G = (e) => {
+		I.current?.reupload?.(e), S.onReupload?.(e);
+	}, pe = (t) => {
+		if (t) {
+			let { onRemove: n } = S;
+			Promise.resolve(e(n) ? n(t, V) : n).then((e) => {
+				e !== !1 && (I.current?.abort?.(t), U(V.filter((e, n, r) => e.uid !== t.uid), t));
+			}).catch((e) => {
+				console.error(e);
+			}).finally(() => {});
+		}
+	}, K = (e) => {
+		e && I.current?.abort?.(e);
+	};
+	ie(o, () => ({
+		submit: (e) => {
+			let t = [];
+			t = e ? [e] : V.filter((e, t, n) => e.status === s.init), t.forEach((e, t, n) => {
+				W(e);
+			});
+		},
+		abort: (e) => {
+			K(e);
+		},
+		reupload: (e) => {
+			G(e);
+		},
+		getRootElement() {
+			return L.current;
+		}
+	}));
+	let q = t(S.limit) ? {
+		hideOnExceedLimit: !0,
+		maxCount: S.limit
+	} : {
+		hideOnExceedLimit: !0,
+		...S.limit
+	}, J = q.maxCount && q.maxCount <= V.length, Y = P ? S.disabled : !q.hideOnExceedLimit && J, X = !!(D && V.length), Z;
+	w ? X || (Z = g) : Z = /* @__PURE__ */ m("div", {
+		...ne(A, /* @__PURE__ */ "value.disabled.directory.onReupload.defaultFileList.fileList.autoUpload.error.action.method.multiple.name.accept.customRequest.children.autoUpload.limit.drag.tip.headers.data.withCredentials.onChange.onPreview.onRemove.onProgress.onExceedLimit.beforeUpload.onDrop.onDragOver.onDragLeave".split(".")),
+		className: r(F, {
+			[`${F}-type-${T}`]: T,
+			[`${F}-drag`]: S.drag,
+			[`${F}-disabled`]: Y,
+			[`${F}-readonly`]: w,
+			[`${F}-hide`]: q.hideOnExceedLimit && J,
+			[`${F}-rtl`]: b
+		}, le),
+		style: E,
+		ref: L,
+		children: /* @__PURE__ */ m(l, {
+			ref: I,
+			...S,
+			limit: q.maxCount,
+			hide: q.hideOnExceedLimit && J,
+			disabled: Y,
+			prefixCls: F,
+			fileList: V,
+			onProgress: fe,
+			onFileStatusChange: U
+		})
+	});
+	let Q;
+	X && (Q = /* @__PURE__ */ m(c, {
+		imagePreview: k,
+		progressProps: O,
+		showUploadList: D,
+		disabled: S.disabled,
+		listType: T,
+		fileList: V,
+		renderUploadItem: ue,
+		renderUploadList: de,
+		onUpload: W,
+		onAbort: K,
+		onRemove: pe,
+		onReupload: G,
+		onPreview: S.onPreview,
+		prefixCls: F,
+		readOnly: w
+	}));
+	let $ = Q;
+	return j ? ($ = /* @__PURE__ */ h(p, { children: [$, Z] }), C && ($ = /* @__PURE__ */ h(p, { children: [$, /* @__PURE__ */ m("div", {
+		className: `${F}-trigger-tip`,
+		children: C
+	})] }))) : $ = /* @__PURE__ */ h(p, { children: [Z, $] }), $;
+});
+y.displayName = "Upload";
+//#endregion
+export { y as default };
+/* 独立思考，明辨是非 */

package/upload/Uploader.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { UploadItemProps, UploadRequestReturn, UploaderProps } from './interface';
+export type UploaderType = {
+    upload: (file: UploadItemProps) => void;
+    abort: (file: UploadItemProps) => void;
+    delete: (uid: UploadItemProps['uid']) => void;
+    reupload: (file: UploadItemProps) => void;
+};
+type UploaderState = {
+    uploadRequests: {
+        [key: string]: UploadRequestReturn;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<(UploaderProps | UploaderState) & React.RefAttributes<unknown>>;
+export default _default;