@rainbow-oh/yee-c 0.9.1 → 0.10.0

package/dist/esm/Upload/uploaded-list/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UploadFile } from '../interface';
+import type { UploadFile } from '../interface';
 interface UploadListProps {
     prefixCls?: string;
     fileList: UploadFile[];
@@ -18,6 +18,7 @@ interface UploadListProps {
     onRemove?: (file: UploadFile) => void;
     onReUpload?: (file: UploadFile) => void;
     onPreview?: (file: UploadFile) => void;
+    isPreviewable?: (file: UploadFile) => boolean;
     renderUploadTrigger?: () => React.ReactNode;
 }
 declare const UploadList: (props: UploadListProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;

package/dist/esm/Upload/uploaded-list/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "fileList", "renderUploadTrigger"];
+var _excluded = ["prefixCls", "fileList", "isPreviewable", "renderUploadTrigger"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -7,18 +7,23 @@ import UploadedItem from "./uploaded-item";
 var UploadList = function UploadList(props) {
   var prefixCls = props.prefixCls,
     fileList = props.fileList,
+    isPreviewable = props.isPreviewable,
     renderUploadTrigger = props.renderUploadTrigger,
     rest = _objectWithoutProperties(props, _excluded);
   if (!Array.isArray(fileList) || fileList.length === 0) {
     return renderUploadTrigger === null || renderUploadTrigger === void 0 ? void 0 : renderUploadTrigger();
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-list")
-  }, fileList.map(function (file) {
+    className: "".concat(prefixCls, "-list"),
+    "aria-live": "polite"
+  }, fileList.map(function (file, index) {
+    var _isPreviewable;
     return /*#__PURE__*/React.createElement(UploadedItem, _extends({}, rest, {
       prefixCls: prefixCls,
       file: file,
-      key: file.uid
+      fileList: fileList,
+      previewable: (_isPreviewable = isPreviewable === null || isPreviewable === void 0 ? void 0 : isPreviewable(file)) !== null && _isPreviewable !== void 0 ? _isPreviewable : false,
+      key: file.uid || "".concat(file.name, "-").concat(index)
     }));
   }), renderUploadTrigger === null || renderUploadTrigger === void 0 ? void 0 : renderUploadTrigger());
 };

package/dist/esm/Upload/uploaded-list/uploaded-item.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { UploadFile } from '../interface';
-declare function UploadedItem(props: {
+import type { UploadFile } from '../interface';
+interface UploadedItemProps {
     prefixCls?: string;
     file: UploadFile;
+    fileList: UploadFile[];
     listType?: string;
     progress?: boolean | object;
     showUploadList?: boolean | {
@@ -18,5 +19,7 @@ declare function UploadedItem(props: {
     onRemove?: (file: UploadFile) => void;
     onReUpload?: (file: UploadFile) => void;
     onPreview?: (file: UploadFile) => void;
-}): React.JSX.Element;
+    previewable?: boolean;
+}
+declare function UploadedItem(props: UploadedItemProps): React.JSX.Element;
 export default UploadedItem;

package/dist/esm/Upload/uploaded-list/uploaded-item.js

@@ -10,10 +10,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import clsx from 'clsx';
 import { CircleCheck, CircleX, Eye, Image, Paperclip, RotateCcw, Trash2 } from 'lucide-react';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import Button from "../../Button";
-import Dialog from "../../Dialog";
-import useEvent from "../../hooks/useEvent";
 import Space from "../../Space";
 import Spin from "../../Spin";
 import Tooltip from "../../Tooltip";
@@ -23,9 +21,15 @@ var fileState = {
     type: "spin",
     size: "small"
   }),
-  error: /*#__PURE__*/React.createElement(CircleX, null),
-  success: /*#__PURE__*/React.createElement(CircleCheck, null),
-  ready: /*#__PURE__*/React.createElement(Paperclip, null)
+  error: /*#__PURE__*/React.createElement(CircleX, {
+    size: 14
+  }),
+  success: /*#__PURE__*/React.createElement(CircleCheck, {
+    size: 14
+  }),
+  ready: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  })
 };
 var fileStatusTitle = {
   ready: 'Upload Ready',
@@ -34,100 +38,102 @@ var fileStatusTitle = {
   success: 'Upload Success'
 };
 var fileIcon = {
-  image: /*#__PURE__*/React.createElement(Image, null),
-  xlsx: /*#__PURE__*/React.createElement(Paperclip, null),
-  docx: /*#__PURE__*/React.createElement(Paperclip, null),
-  pdf: /*#__PURE__*/React.createElement(Paperclip, null),
-  zip: /*#__PURE__*/React.createElement(Paperclip, null),
-  unknown: /*#__PURE__*/React.createElement(Paperclip, null)
+  image: /*#__PURE__*/React.createElement(Image, {
+    size: 14
+  }),
+  xlsx: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  }),
+  docx: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  }),
+  pdf: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  }),
+  zip: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  }),
+  unknown: /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  })
 };
 var getFileType = function getFileType(type) {
   var lower = (type === null || type === void 0 ? void 0 : type.toLowerCase()) || '';
-  var images = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
-  if (images.includes(lower)) {
+  var images = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'];
+  if (lower.startsWith('image/') || images.includes(lower)) {
     return 'image';
   }
   if (lower === 'xlsx' || lower === 'xls') {
     return 'xlsx';
   }
-  if (lower === 'pdf') {
+  if (lower === 'pdf' || lower === 'application/pdf') {
     return 'pdf';
   }
   if (lower === 'docx' || lower === 'doc') {
     return 'docx';
   }
-  if (lower === 'zip') {
+  if (lower === 'zip' || lower.includes('zip')) {
     return 'zip';
   }
   return 'unknown';
 };
 function UploadedItem(props) {
-  var prefixCls = props.prefixCls,
+  var _uploadListConfig$sho, _uploadListConfig$sho2, _uploadListConfig$sho3, _uploadListConfig$sho4;
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'yee-upload' : _props$prefixCls,
     file = props.file,
+    fileList = props.fileList,
     listType = props.listType,
     progress = props.progress,
     showUploadList = props.showUploadList,
     itemRender = props.itemRender,
     onRemove = props.onRemove,
     onReUpload = props.onReUpload,
-    onPreview = props.onPreview;
-  var _ref = _typeof(showUploadList) === 'object' ? showUploadList : {},
-    _ref$showTooltip = _ref.showTooltip,
-    showTooltip = _ref$showTooltip === void 0 ? true : _ref$showTooltip,
-    _ref$showReload = _ref.showReload,
-    showReload = _ref$showReload === void 0 ? true : _ref$showReload,
-    _ref$showRemoveIcon = _ref.showRemoveIcon,
-    showRemoveIcon = _ref$showRemoveIcon === void 0 ? true : _ref$showRemoveIcon,
-    _ref$showPreviewIcon = _ref.showPreviewIcon,
-    showPreviewIcon = _ref$showPreviewIcon === void 0 ? true : _ref$showPreviewIcon,
-    reloadIcon = _ref.reloadIcon,
-    removeIcon = _ref.removeIcon,
-    previewIcon = _ref.previewIcon;
+    onPreview = props.onPreview,
+    _props$previewable = props.previewable,
+    previewable = _props$previewable === void 0 ? false : _props$previewable;
+  var uploadListConfig = _typeof(showUploadList) === 'object' ? showUploadList : undefined;
+  var showTooltip = (_uploadListConfig$sho = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.showTooltip) !== null && _uploadListConfig$sho !== void 0 ? _uploadListConfig$sho : true;
+  var showReload = (_uploadListConfig$sho2 = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.showReload) !== null && _uploadListConfig$sho2 !== void 0 ? _uploadListConfig$sho2 : true;
+  var showRemoveIcon = (_uploadListConfig$sho3 = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.showRemoveIcon) !== null && _uploadListConfig$sho3 !== void 0 ? _uploadListConfig$sho3 : true;
+  var showPreviewIcon = (_uploadListConfig$sho4 = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.showPreviewIcon) !== null && _uploadListConfig$sho4 !== void 0 ? _uploadListConfig$sho4 : true;
+  var reloadIcon = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.reloadIcon;
+  var removeIcon = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.removeIcon;
+  var previewIcon = uploadListConfig === null || uploadListConfig === void 0 ? void 0 : uploadListConfig.previewIcon;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     objectUrl = _useState2[0],
     setObjectUrl = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imagePreviewOpen = _useState4[0],
-    setImagePreviewOpen = _useState4[1];
-  var previewImageSrc = useRef('');
-
-  // Create and clean up object URL to prevent memory leaks
   useEffect(function () {
-    if (file.raw && file.raw instanceof File) {
+    if (file.raw instanceof File) {
       var url = URL.createObjectURL(file.raw);
       setObjectUrl(url);
       return function () {
-        URL.revokeObjectURL(url);
+        return URL.revokeObjectURL(url);
       };
     }
+    setObjectUrl('');
+    return undefined;
   }, [file.raw]);
-  var closeDialog = useEvent(function () {
-    setImagePreviewOpen(false);
-  });
-  var showImage = function showImage() {
-    if (onPreview) {
-      onPreview(file);
-    } else if (objectUrl) {
-      previewImageSrc.current = objectUrl;
-      setImagePreviewOpen(true);
-    }
-  };
+  var previewSrc = file.url || objectUrl;
+  var inferredType = file.type || file.name.split('.').pop() || '';
+  var fileType = getFileType(inferredType);
+  var isImage = fileType === 'image';
   var renderReload = function renderReload() {
     if (!showReload) {
       return null;
     }
-    var icon = reloadIcon || /*#__PURE__*/React.createElement(RotateCcw, {
-      size: 18
-    });
     return /*#__PURE__*/React.createElement(Button, {
       size: "small",
-      icon: icon,
+      icon: reloadIcon || /*#__PURE__*/React.createElement(RotateCcw, {
+        size: 18
+      }),
       variant: "text",
       color: "danger",
-      onClick: function onClick(e) {
-        e.stopPropagation();
+      "aria-label": "Retry ".concat(file.name),
+      title: "Retry ".concat(file.name),
+      onClick: function onClick(event) {
+        event.stopPropagation();
         onReUpload === null || onReUpload === void 0 || onReUpload(file);
       }
     });
@@ -136,64 +142,61 @@ function UploadedItem(props) {
     if (!showRemoveIcon) {
       return null;
     }
-    var icon = removeIcon || /*#__PURE__*/React.createElement(Trash2, {
-      size: 18
-    });
     return /*#__PURE__*/React.createElement(Button, {
       size: "small",
-      icon: icon,
+      icon: removeIcon || /*#__PURE__*/React.createElement(Trash2, {
+        size: 16
+      }),
       variant: "text",
       color: "danger",
-      onClick: function onClick(e) {
-        e.stopPropagation();
+      "aria-label": "Remove ".concat(file.name),
+      title: "Remove ".concat(file.name),
+      onClick: function onClick(event) {
+        event.stopPropagation();
         onRemove === null || onRemove === void 0 || onRemove(file);
       }
     });
   };
   var renderPreview = function renderPreview() {
-    var _file$type;
-    if (!showPreviewIcon) {
+    if (!showPreviewIcon || !isImage || !previewable) {
       return null;
     }
-    var icon = previewIcon || /*#__PURE__*/React.createElement(Eye, {
-      size: 18
+    return /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      icon: previewIcon || /*#__PURE__*/React.createElement(Eye, {
+        size: 16
+      }),
+      variant: "text",
+      "aria-label": "Preview ".concat(file.name),
+      title: "Preview ".concat(file.name),
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        onPreview === null || onPreview === void 0 || onPreview(file);
+      }
     });
-    var fileType = getFileType(file.type || '');
-    if (fileType === 'image' || (_file$type = file.type) !== null && _file$type !== void 0 && _file$type.startsWith('image/')) {
-      return /*#__PURE__*/React.createElement(Button, {
-        size: "small",
-        icon: icon,
-        variant: "text",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          showImage();
-        }
+  };
+  var getShowCase = function getShowCase() {
+    if (file.status === 'error' || !isImage) {
+      return fileIcon[fileType] || /*#__PURE__*/React.createElement(Paperclip, {
+        size: 14
       });
     }
-    return null;
+    if (previewSrc) {
+      return /*#__PURE__*/React.createElement("img", {
+        src: previewSrc,
+        alt: file.name
+      });
+    }
+    return fileIcon[fileType] || /*#__PURE__*/React.createElement(Paperclip, {
+      size: 14
+    });
   };
   if (listType === 'picture-wall') {
-    var fileType = getFileType(file.type || '');
-    var getShowCase = function getShowCase() {
-      if (file.status === 'error' || fileType !== 'image') {
-        return fileIcon[fileType] || /*#__PURE__*/React.createElement(Paperclip, {
-          size: 18
-        });
-      }
-      if (fileType === 'image' && objectUrl) {
-        return /*#__PURE__*/React.createElement("img", {
-          src: objectUrl,
-          alt: file.name
-        });
-      }
-      return fileIcon[fileType] || /*#__PURE__*/React.createElement(Paperclip, {
-        size: 18
-      });
-    };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: clsx("".concat(prefixCls, "-picture-wall-item"), _defineProperty({}, "".concat(prefixCls, "-state-") + file.status, file.status)),
-      key: file.uid
+    return /*#__PURE__*/React.createElement("div", {
+      className: clsx("".concat(prefixCls, "-picture-wall-item"), _defineProperty({}, "".concat(prefixCls, "-state-").concat(file.status), file.status)),
+      "aria-label": "".concat(file.name, ": ").concat(fileStatusTitle[file.status])
     }, file.status === 'uploading' ? /*#__PURE__*/React.createElement(UploadProgress, {
+      prefixCls: prefixCls,
       file: file,
       progress: progress
     }) : /*#__PURE__*/React.createElement(React.Fragment, null, file.status === 'error' ? /*#__PURE__*/React.createElement("div", {
@@ -202,28 +205,16 @@ function UploadedItem(props) {
       className: "".concat(prefixCls, "-picture-wall-name")
     }, file.name)) : /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-picture-wall-item-content")
-    }, getShowCase(), fileType !== 'image' && /*#__PURE__*/React.createElement("span", {
+    }, getShowCase(), !isImage && /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-picture-wall-name")
     }, file.name)), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-picture-wall-item-operate")
-    }, file.status === 'error' ? renderReload() : /*#__PURE__*/React.createElement(React.Fragment, null, renderPreview(), renderTrash())))), /*#__PURE__*/React.createElement(Dialog, {
-      className: "".concat(prefixCls, "-picture-dialog"),
-      open: imagePreviewOpen,
-      onCancel: closeDialog,
-      footer: false
-    }, /*#__PURE__*/React.createElement("img", {
-      src: previewImageSrc.current,
-      alt: "preview",
-      style: {
-        maxWidth: '100%'
-      }
-    })));
+    }, file.status === 'error' ? renderReload() : /*#__PURE__*/React.createElement(React.Fragment, null, renderPreview(), renderTrash()))));
   }
   if (listType === 'picture-list') {
-    var _fileType = getFileType(file.type || '');
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: clsx("".concat(prefixCls, "-picture-list-item"), _defineProperty({}, "".concat(prefixCls, "-state-") + file.status, file.status)),
-      key: file.uid
+    return /*#__PURE__*/React.createElement("div", {
+      className: clsx("".concat(prefixCls, "-picture-list-item"), _defineProperty({}, "".concat(prefixCls, "-state-").concat(file.status), file.status)),
+      "aria-label": "".concat(file.name, ": ").concat(fileStatusTitle[file.status])
     }, file.status === 'uploading' ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-uploading")
     }, /*#__PURE__*/React.createElement(Spin, {
@@ -231,55 +222,59 @@ function UploadedItem(props) {
       type: "spin"
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-uploading-content")
-    }, /*#__PURE__*/React.createElement("div", null, file.name ? file.name : 'Uploading...'), /*#__PURE__*/React.createElement(UploadProgress, {
+    }, /*#__PURE__*/React.createElement("div", null, file.name || 'Uploading...'), /*#__PURE__*/React.createElement(UploadProgress, {
+      prefixCls: prefixCls,
       file: file,
       progress: progress
     }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-picture-list-item-content")
-    }, file.status === 'error' ? /*#__PURE__*/React.createElement(Image, null) : /*#__PURE__*/React.createElement(React.Fragment, null, _fileType === 'image' && objectUrl ? /*#__PURE__*/React.createElement("img", {
+    }, file.status === 'error' ? /*#__PURE__*/React.createElement(Image, null) : isImage && previewSrc ? /*#__PURE__*/React.createElement("img", {
       className: "".concat(prefixCls, "-picture-list-header-img"),
-      src: objectUrl,
+      src: previewSrc,
       alt: file.name
-    }) : fileIcon[_fileType] || /*#__PURE__*/React.createElement(Image, null)), /*#__PURE__*/React.createElement("span", null, file.name)), /*#__PURE__*/React.createElement("div", {
+    }) : fileIcon[fileType] || /*#__PURE__*/React.createElement(Image, {
+      size: 14
+    }), /*#__PURE__*/React.createElement("span", null, file.name)), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-picture-list-item-operate")
-    }, file.status === 'error' && renderReload(), renderPreview(), renderTrash()))));
+    }, file.status === 'error' && renderReload(), renderPreview(), renderTrash())));
   }
-  var renderItem = function renderItem() {
-    var node = /*#__PURE__*/React.createElement("div", {
-      className: clsx("".concat(prefixCls, "-list-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-state-") + file.status, file.status), "".concat(prefixCls, "-list-item-clickable"), !!onPreview)),
-      onClick: function onClick() {
-        return onPreview === null || onPreview === void 0 ? void 0 : onPreview(file);
-      },
-      key: file.uid
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center'
+  var itemNode = /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-list-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-state-").concat(file.status), file.status), "".concat(prefixCls, "-list-item-clickable"), previewable)),
+    role: previewable ? 'button' : undefined,
+    tabIndex: previewable ? 0 : undefined,
+    "aria-label": "".concat(file.name, ": ").concat(fileStatusTitle[file.status]),
+    onClick: function onClick() {
+      return previewable && (onPreview === null || onPreview === void 0 ? void 0 : onPreview(file));
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (previewable && (event.key === 'Enter' || event.key === ' ')) {
+        event.preventDefault();
+        onPreview === null || onPreview === void 0 || onPreview(file);
       }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-item-icon")
-    }, fileState[file.status] || /*#__PURE__*/React.createElement(Paperclip, {
-      size: 18
-    })), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-item-name-content")
-    }, file.name)), file.status !== 'uploading' && /*#__PURE__*/React.createElement(Space, {
-      className: "".concat(prefixCls, "-item-operate"),
-      gap: 8,
-      onClick: function onClick(event) {
-        return event.stopPropagation();
-      }
-    }, itemRender === null || itemRender === void 0 ? void 0 : itemRender(file, []), file.status === 'error' ? renderReload() : renderPreview(), renderTrash()));
-    if (showTooltip) {
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        title: fileStatusTitle[file.status] || fileStatusTitle.ready
-      }, node);
     }
-    return node;
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem(), file.status === 'uploading' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-label")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-icon"),
+    "aria-hidden": "true"
+  }, fileState[file.status] || /*#__PURE__*/React.createElement(Paperclip, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-item-name-content")
+  }, file.name)), file.status !== 'uploading' && /*#__PURE__*/React.createElement(Space, {
+    className: "".concat(prefixCls, "-item-operate"),
+    gap: 8,
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, itemRender === null || itemRender === void 0 ? void 0 : itemRender(file, fileList), file.status === 'error' ? renderReload() : renderPreview(), renderTrash()));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    title: fileStatusTitle[file.status]
+  }, itemNode) : itemNode, file.status === 'uploading' && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-progress"),
     title: file.name
   }, /*#__PURE__*/React.createElement(UploadProgress, {
+    prefixCls: prefixCls,
     file: file,
     progress: progress,
     showInfo: true

package/dist/esm/style/size.css

@@ -743,7 +743,7 @@
   --yee-tabs-operation-container-margin-top: -8px;
   --yee-tabs-operation-container-padding: 4px 0;
   --yee-tabs-operation-tab-height: 32px;
-  --yee-tabs-operation-tab-padding: 5px 12px;
+  --yee-tabs-operation-tab-padding: 0 12px;
   --yee-tabs-tab-group-margin-left: 4px;
   --yee-tabs-tab-group-container-padding: 8px;
   --yee-tabs-tab-group-container-line-height: 32px;

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-18T07:24:38.904Z
+ * Generated on 2026-09-02T06:10:08.769Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-18T07:24:38.904Z
+ * Generated on 2026-09-02T06:10:08.769Z
  */
 
 /* ========== color.css ========== */
@@ -1865,7 +1865,7 @@
   --yee-tabs-operation-container-margin-top: -8px;
   --yee-tabs-operation-container-padding: 4px 0;
   --yee-tabs-operation-tab-height: 32px;
-  --yee-tabs-operation-tab-padding: 5px 12px;
+  --yee-tabs-operation-tab-padding: 0 12px;
   --yee-tabs-tab-group-margin-left: 4px;
   --yee-tabs-tab-group-container-padding: 8px;
   --yee-tabs-tab-group-container-line-height: 32px;

package/dist/esm/utils/ax/core.d.ts

@@ -1,5 +1,7 @@
 import { AxConfig } from './interface';
 declare class Ax {
-    request(configOrUrl: AxConfig | string): Promise<unknown>;
+    request(configOrUrl: AxConfig | string): Promise<Response> | (Promise<any> & {
+        abort: () => void;
+    });
 }
 export default Ax;