@rainbow-oh/yee-c 0.9.2 → 0.10.0

package/dist/cjs/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/cjs/Upload/uploaded-list/index.js

@@ -64,17 +64,20 @@ module.exports = __toCommonJS(uploaded_list_exports);
 var import_react = __toESM(require("react"));
 var import_uploaded_item = __toESM(require("./uploaded-item"));
 var UploadList = (props) => {
-  const _a = props, { prefixCls, fileList, renderUploadTrigger } = _a, rest = __objRest(_a, ["prefixCls", "fileList", "renderUploadTrigger"]);
+  const _a = props, { prefixCls, fileList, isPreviewable, renderUploadTrigger } = _a, rest = __objRest(_a, ["prefixCls", "fileList", "isPreviewable", "renderUploadTrigger"]);
   if (!Array.isArray(fileList) || fileList.length === 0) {
     return renderUploadTrigger == null ? void 0 : renderUploadTrigger();
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-list` }, fileList.map((file) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-list`, "aria-live": "polite" }, fileList.map((file, index) => {
+    var _a2;
     return /* @__PURE__ */ import_react.default.createElement(
       import_uploaded_item.default,
       __spreadProps(__spreadValues({}, rest), {
         prefixCls,
         file,
-        key: file.uid
+        fileList,
+        previewable: (_a2 = isPreviewable == null ? void 0 : isPreviewable(file)) != null ? _a2 : false,
+        key: file.uid || `${file.name}-${index}`
       })
     );
   }), renderUploadTrigger == null ? void 0 : renderUploadTrigger());

package/dist/cjs/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/cjs/Upload/uploaded-list/uploaded-item.js

@@ -36,17 +36,15 @@ var import_clsx = __toESM(require("clsx"));
 var import_lucide_react = require("lucide-react");
 var import_react = __toESM(require("react"));
 var import_Button = __toESM(require("../../Button"));
-var import_Dialog = __toESM(require("../../Dialog"));
-var import_useEvent = __toESM(require("../../hooks/useEvent"));
 var import_Space = __toESM(require("../../Space"));
 var import_Spin = __toESM(require("../../Spin"));
 var import_Tooltip = __toESM(require("../../Tooltip"));
 var import_upload_progress = __toESM(require("../upload-progress"));
 var fileState = {
   uploading: /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { type: "spin", size: "small" }),
-  error: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.CircleX, null),
-  success: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.CircleCheck, null),
-  ready: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null)
+  error: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.CircleX, { size: 14 }),
+  success: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.CircleCheck, { size: 14 }),
+  ready: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 })
 };
 var fileStatusTitle = {
   ready: "Upload Ready",
@@ -55,91 +53,85 @@ var fileStatusTitle = {
   success: "Upload Success"
 };
 var fileIcon = {
-  image: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, null),
-  xlsx: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null),
-  docx: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null),
-  pdf: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null),
-  zip: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null),
-  unknown: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, null)
+  image: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, { size: 14 }),
+  xlsx: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 }),
+  docx: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 }),
+  pdf: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 }),
+  zip: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 }),
+  unknown: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 })
 };
 var getFileType = (type) => {
   const lower = (type == null ? void 0 : type.toLowerCase()) || "";
-  const images = ["jpg", "jpeg", "png", "gif", "bmp"];
-  if (images.includes(lower)) {
+  const 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 _a, _b, _c, _d;
   const {
-    prefixCls,
+    prefixCls = "yee-upload",
     file,
+    fileList,
     listType,
     progress,
     showUploadList,
     itemRender,
     onRemove,
     onReUpload,
-    onPreview
+    onPreview,
+    previewable = false
   } = props;
-  const {
-    showTooltip = true,
-    showReload = true,
-    showRemoveIcon = true,
-    showPreviewIcon = true,
-    reloadIcon,
-    removeIcon,
-    previewIcon
-  } = typeof showUploadList === "object" ? showUploadList : {};
+  const uploadListConfig = typeof showUploadList === "object" ? showUploadList : void 0;
+  const showTooltip = (_a = uploadListConfig == null ? void 0 : uploadListConfig.showTooltip) != null ? _a : true;
+  const showReload = (_b = uploadListConfig == null ? void 0 : uploadListConfig.showReload) != null ? _b : true;
+  const showRemoveIcon = (_c = uploadListConfig == null ? void 0 : uploadListConfig.showRemoveIcon) != null ? _c : true;
+  const showPreviewIcon = (_d = uploadListConfig == null ? void 0 : uploadListConfig.showPreviewIcon) != null ? _d : true;
+  const reloadIcon = uploadListConfig == null ? void 0 : uploadListConfig.reloadIcon;
+  const removeIcon = uploadListConfig == null ? void 0 : uploadListConfig.removeIcon;
+  const previewIcon = uploadListConfig == null ? void 0 : uploadListConfig.previewIcon;
   const [objectUrl, setObjectUrl] = (0, import_react.useState)("");
-  const [imagePreviewOpen, setImagePreviewOpen] = (0, import_react.useState)(false);
-  const previewImageSrc = (0, import_react.useRef)("");
   (0, import_react.useEffect)(() => {
-    if (file.raw && file.raw instanceof File) {
+    if (file.raw instanceof File) {
       const url = URL.createObjectURL(file.raw);
       setObjectUrl(url);
-      return () => {
-        URL.revokeObjectURL(url);
-      };
+      return () => URL.revokeObjectURL(url);
     }
+    setObjectUrl("");
+    return void 0;
   }, [file.raw]);
-  const closeDialog = (0, import_useEvent.default)(() => {
-    setImagePreviewOpen(false);
-  });
-  const showImage = () => {
-    if (onPreview) {
-      onPreview(file);
-    } else if (objectUrl) {
-      previewImageSrc.current = objectUrl;
-      setImagePreviewOpen(true);
-    }
-  };
+  const previewSrc = file.url || objectUrl;
+  const inferredType = file.type || file.name.split(".").pop() || "";
+  const fileType = getFileType(inferredType);
+  const isImage = fileType === "image";
   const renderReload = () => {
     if (!showReload) {
       return null;
     }
-    const icon = reloadIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.RotateCcw, { size: 18 });
     return /* @__PURE__ */ import_react.default.createElement(
       import_Button.default,
       {
         size: "small",
-        icon,
+        icon: reloadIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.RotateCcw, { size: 18 }),
         variant: "text",
         color: "danger",
-        onClick: (e) => {
-          e.stopPropagation();
+        "aria-label": `Retry ${file.name}`,
+        title: `Retry ${file.name}`,
+        onClick: (event) => {
+          event.stopPropagation();
           onReUpload == null ? void 0 : onReUpload(file);
         }
       }
@@ -149,137 +141,134 @@ function UploadedItem(props) {
     if (!showRemoveIcon) {
       return null;
     }
-    const icon = removeIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Trash2, { size: 18 });
     return /* @__PURE__ */ import_react.default.createElement(
       import_Button.default,
       {
         size: "small",
-        icon,
+        icon: removeIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Trash2, { size: 16 }),
         variant: "text",
         color: "danger",
-        onClick: (e) => {
-          e.stopPropagation();
+        "aria-label": `Remove ${file.name}`,
+        title: `Remove ${file.name}`,
+        onClick: (event) => {
+          event.stopPropagation();
           onRemove == null ? void 0 : onRemove(file);
         }
       }
     );
   };
   const renderPreview = () => {
-    var _a;
-    if (!showPreviewIcon) {
+    if (!showPreviewIcon || !isImage || !previewable) {
       return null;
     }
-    const icon = previewIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Eye, { size: 18 });
-    const fileType = getFileType(file.type || "");
-    if (fileType === "image" || ((_a = file.type) == null ? void 0 : _a.startsWith("image/"))) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Button.default,
-        {
-          size: "small",
-          icon,
-          variant: "text",
-          onClick: (e) => {
-            e.stopPropagation();
-            showImage();
-          }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Button.default,
+      {
+        size: "small",
+        icon: previewIcon || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Eye, { size: 16 }),
+        variant: "text",
+        "aria-label": `Preview ${file.name}`,
+        title: `Preview ${file.name}`,
+        onClick: (event) => {
+          event.stopPropagation();
+          onPreview == null ? void 0 : onPreview(file);
         }
-      );
+      }
+    );
+  };
+  const getShowCase = () => {
+    if (file.status === "error" || !isImage) {
+      return fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 });
     }
-    return null;
+    if (previewSrc) {
+      return /* @__PURE__ */ import_react.default.createElement("img", { src: previewSrc, alt: file.name });
+    }
+    return fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 });
   };
   if (listType === "picture-wall") {
-    const fileType = getFileType(file.type || "");
-    const getShowCase = () => {
-      if (file.status === "error" || fileType !== "image") {
-        return fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 18 });
-      }
-      if (fileType === "image" && objectUrl) {
-        return /* @__PURE__ */ import_react.default.createElement("img", { src: objectUrl, alt: file.name });
-      }
-      return fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 18 });
-    };
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_clsx.default)(`${prefixCls}-picture-wall-item`, {
-          [`${prefixCls}-state-` + file.status]: file.status
+          [`${prefixCls}-state-${file.status}`]: file.status
         }),
-        key: file.uid
+        "aria-label": `${file.name}: ${fileStatusTitle[file.status]}`
       },
-      file.status === "uploading" ? /* @__PURE__ */ import_react.default.createElement(import_upload_progress.default, { file, progress }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, file.status === "error" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-error` }, getShowCase(), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-picture-wall-name` }, file.name)) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-content` }, getShowCase(), fileType !== "image" && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-picture-wall-name` }, file.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-operate` }, file.status === "error" ? renderReload() : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderPreview(), renderTrash())))
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Dialog.default,
-      {
-        className: `${prefixCls}-picture-dialog`,
-        open: imagePreviewOpen,
-        onCancel: closeDialog,
-        footer: false
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "img",
+      file.status === "uploading" ? /* @__PURE__ */ import_react.default.createElement(
+        import_upload_progress.default,
         {
-          src: previewImageSrc.current,
-          alt: "preview",
-          style: { maxWidth: "100%" }
+          prefixCls,
+          file,
+          progress
         }
-      )
-    ));
+      ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, file.status === "error" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-error` }, getShowCase(), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-picture-wall-name` }, file.name)) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-content` }, getShowCase(), !isImage && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-picture-wall-name` }, file.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-wall-item-operate` }, file.status === "error" ? renderReload() : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderPreview(), renderTrash())))
+    );
   }
   if (listType === "picture-list") {
-    const fileType = getFileType(file.type || "");
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_clsx.default)(`${prefixCls}-picture-list-item`, {
-          [`${prefixCls}-state-` + file.status]: file.status
+          [`${prefixCls}-state-${file.status}`]: file.status
         }),
-        key: file.uid
+        "aria-label": `${file.name}: ${fileStatusTitle[file.status]}`
       },
-      file.status === "uploading" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-uploading` }, /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { className: `${prefixCls}-uploading-spin`, type: "spin" }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-uploading-content` }, /* @__PURE__ */ import_react.default.createElement("div", null, file.name ? file.name : "Uploading..."), /* @__PURE__ */ import_react.default.createElement(import_upload_progress.default, { file, progress }))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-list-item-content` }, file.status === "error" ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fileType === "image" && objectUrl ? /* @__PURE__ */ import_react.default.createElement(
+      file.status === "uploading" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-uploading` }, /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { className: `${prefixCls}-uploading-spin`, type: "spin" }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-uploading-content` }, /* @__PURE__ */ import_react.default.createElement("div", null, file.name || "Uploading..."), /* @__PURE__ */ import_react.default.createElement(
+        import_upload_progress.default,
+        {
+          prefixCls,
+          file,
+          progress
+        }
+      ))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-list-item-content` }, file.status === "error" ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, null) : isImage && previewSrc ? /* @__PURE__ */ import_react.default.createElement(
         "img",
         {
           className: `${prefixCls}-picture-list-header-img`,
-          src: objectUrl,
+          src: previewSrc,
           alt: file.name
         }
-      ) : fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, null)), /* @__PURE__ */ import_react.default.createElement("span", null, file.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-list-item-operate` }, file.status === "error" && renderReload(), renderPreview(), renderTrash()))
-    ));
+      ) : fileIcon[fileType] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Image, { size: 14 }), /* @__PURE__ */ import_react.default.createElement("span", null, file.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-picture-list-item-operate` }, file.status === "error" && renderReload(), renderPreview(), renderTrash()))
+    );
   }
-  const renderItem = () => {
-    const node = /* @__PURE__ */ import_react.default.createElement(
-      "div",
+  const itemNode = /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(`${prefixCls}-list-item`, {
+        [`${prefixCls}-state-${file.status}`]: file.status,
+        [`${prefixCls}-list-item-clickable`]: previewable
+      }),
+      role: previewable ? "button" : void 0,
+      tabIndex: previewable ? 0 : void 0,
+      "aria-label": `${file.name}: ${fileStatusTitle[file.status]}`,
+      onClick: () => previewable && (onPreview == null ? void 0 : onPreview(file)),
+      onKeyDown: (event) => {
+        if (previewable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          onPreview == null ? void 0 : onPreview(file);
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-label` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon`, "aria-hidden": "true" }, fileState[file.status] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 14 })), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-name-content` }, file.name)),
+    file.status !== "uploading" && /* @__PURE__ */ import_react.default.createElement(
+      import_Space.default,
       {
-        className: (0, import_clsx.default)(`${prefixCls}-list-item`, {
-          [`${prefixCls}-state-` + file.status]: file.status,
-          [`${prefixCls}-list-item-clickable`]: !!onPreview
-        }),
-        onClick: () => onPreview == null ? void 0 : onPreview(file),
-        key: file.uid
+        className: `${prefixCls}-item-operate`,
+        gap: 8,
+        onClick: (event) => event.stopPropagation()
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon` }, fileState[file.status] || /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Paperclip, { size: 18 })), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-name-content` }, file.name)),
-      file.status !== "uploading" && /* @__PURE__ */ import_react.default.createElement(
-        import_Space.default,
-        {
-          className: `${prefixCls}-item-operate`,
-          gap: 8,
-          onClick: (event) => event.stopPropagation()
-        },
-        itemRender == null ? void 0 : itemRender(file, []),
-        file.status === "error" ? renderReload() : renderPreview(),
-        renderTrash()
-      )
-    );
-    if (showTooltip) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Tooltip.default,
-        {
-          title: fileStatusTitle[file.status] || fileStatusTitle.ready
-        },
-        node
-      );
+      itemRender == null ? void 0 : itemRender(file, fileList),
+      file.status === "error" ? renderReload() : renderPreview(),
+      renderTrash()
+    )
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showTooltip ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: fileStatusTitle[file.status] }, itemNode) : itemNode, file.status === "uploading" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-progress`, title: file.name }, /* @__PURE__ */ import_react.default.createElement(
+    import_upload_progress.default,
+    {
+      prefixCls,
+      file,
+      progress,
+      showInfo: true
     }
-    return node;
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderItem(), file.status === "uploading" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-progress`, title: file.name }, /* @__PURE__ */ import_react.default.createElement(import_upload_progress.default, { file, progress, showInfo: true })));
+  )));
 }
 var uploaded_item_default = UploadedItem;

package/dist/cjs/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/cjs/style/themes.css

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

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-26T07:19:52.815Z
+ * 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/cjs/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;

package/dist/cjs/utils/ax/core.js

@@ -60,8 +60,6 @@ function buildUrl(config) {
   return fullpath;
 }
 var Ax = class {
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  // constructor() {}
   request(configOrUrl) {
     var _a;
     let config = getDefaultConfig();
@@ -83,9 +81,10 @@ var Ax = class {
         body: config.data
       }));
     }
-    return new Promise((resolve, reject) => {
+    let xhr;
+    const request = new Promise((resolve, reject) => {
       var _a2;
-      let xhr = new XMLHttpRequest();
+      xhr = new XMLHttpRequest();
       const {
         headers,
         timeout,
@@ -98,7 +97,6 @@ var Ax = class {
         onTimeout,
         onLoaded,
         formDataWithBoundary = true
-        // Set boundary for form-data upload type
       } = config;
       if ((!data || (0, import_utils.getType)(data) === "FormData") && headers) {
         if (formDataWithBoundary) {
@@ -113,64 +111,53 @@ var Ax = class {
         xhr.timeout = timeout;
       }
       xhr.upload.onprogress = function(event) {
-        if (onUploadProgress) {
-          onUploadProgress(event, xhr);
-        }
+        onUploadProgress == null ? void 0 : onUploadProgress(event, xhr);
       };
       xhr.onreadystatechange = function() {
-        if (xhr.readyState === XMLHttpRequest.DONE) {
+        if ((xhr == null ? void 0 : xhr.readyState) === XMLHttpRequest.DONE) {
           if (xhr.status >= 200 && xhr.status <= 299) {
             const type = this.getResponseHeader("content-type") || "";
             const isJsonType = type.indexOf("application/json") > -1;
-            let data2;
+            let responseData;
             if (isJsonType) {
               try {
-                data2 = JSON.parse(xhr.response);
-              } catch (err) {
-                data2 = xhr.response;
+                responseData = JSON.parse(xhr.response);
+              } catch (error) {
+                responseData = xhr.response;
               }
             } else {
-              data2 = xhr.response;
-            }
-            if (onSuccess) {
-              onSuccess(data2, xhr);
+              responseData = xhr.response;
             }
-            resolve(data2);
+            onSuccess == null ? void 0 : onSuccess(responseData, xhr);
+            resolve(responseData);
           } else {
-            if (onError) {
-              onError(xhr.response, xhr);
-            }
+            onError == null ? void 0 : onError(xhr.response, xhr);
             reject({ status: "error", error: xhr.response });
           }
         }
       };
       xhr.onprogress = function(event) {
-        if (onProgress) {
-          onProgress(event, xhr);
-        }
+        onProgress == null ? void 0 : onProgress(event, xhr);
       };
       xhr.onloadend = function(event) {
-        if (onLoaded) {
-          onLoaded(event, xhr);
-        }
+        onLoaded == null ? void 0 : onLoaded(event, xhr);
         xhr = null;
       };
-      xhr.onerror = function(err) {
-        if (onError) {
-          onError(xhr.response, xhr);
-        }
-        reject({ status: "error", error: err });
-        xhr = null;
+      xhr.onerror = function(error) {
+        onError == null ? void 0 : onError(xhr.response, xhr);
+        reject({ status: "error", error });
+      };
+      xhr.onabort = function(event) {
+        reject({ status: "abort", error: event });
       };
       xhr.ontimeout = function(event) {
-        if (onTimeout) {
-          onTimeout(event, xhr);
-        }
+        onTimeout == null ? void 0 : onTimeout(event, xhr);
         reject({ status: "timeout", error: event });
-        xhr = null;
       };
       xhr.send(data || null);
     });
+    request.abort = () => xhr == null ? void 0 : xhr.abort();
+    return request;
   }
 };
 ["delete", "get", "head", "options"].forEach((method) => {

package/dist/cjs/utils/ax/index.d.ts

@@ -1,2 +1,4 @@
-declare const ax: (configOrUrl: string | import("./interface").AxConfig) => Promise<unknown>;
+declare const ax: (configOrUrl: string | import("./interface").AxConfig) => Promise<Response> | (Promise<any> & {
+    abort: () => void;
+});
 export default ax;

package/dist/cjs/utils/folder-scanner.d.ts

@@ -1 +1 @@
-export default function folderScanner(entry: FileSystemFileEntry | FileSystemDirectoryEntry, filesList: any[]): Promise<unknown>;
+export default function folderScanner(entry: FileSystemEntry, filesList?: File[]): Promise<File[]>;