@rainbow-oh/yee-c 0.9.1 → 0.10.0

package/dist/cjs/Badge/badge.js

@@ -86,7 +86,8 @@ var InternalBadge = (baseprops) => {
     active = false,
     className,
     styles,
-    classNames
+    classNames,
+    title
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "children",
@@ -103,7 +104,8 @@ var InternalBadge = (baseprops) => {
     "active",
     "className",
     "styles",
-    "classNames"
+    "classNames",
+    "title"
   ]);
   let supNode;
   let supTitle = "";
@@ -115,7 +117,7 @@ var InternalBadge = (baseprops) => {
     if (count === null || count === void 0)
       return null;
     if (typeof count === "number") {
-      supTitle = String(count);
+      supTitle = title || String(count);
       if (count === 0 && !showZero)
         return null;
       return /* @__PURE__ */ import_react.default.createElement(

package/dist/cjs/Badge/interface.d.ts

@@ -26,6 +26,10 @@ export interface BadgeProps extends DataAttributeProps {
      * Child component
      */
     children?: React.ReactNode;
+    /**
+     * Native Title
+    */
+    title?: string;
     /**
      * Number to display or custom content
      */

package/dist/cjs/Input/style/index.less

@@ -13,6 +13,7 @@
   border: var(--yee-input-border-width) solid var(--yee-input-border-color);
   border-radius: var(--yee-input-border-radius, 4px);
   font-family: var(--yee-font-family);
+  outline: inherit;
 
   &:not(@{pls}-disabled):hover {
     border-color: var(--yee-input-hover-border-color);

package/dist/cjs/Popconfirm/interface.d.ts

@@ -42,10 +42,6 @@ export interface PopconfirmProps extends Omit<TriggerProps, 'popup' | 'children'
      * open, controllered
      * */
     open?: boolean;
-    /**
-     * placement
-     */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
     /**
      * 设置确认按钮文本
      * */

package/dist/cjs/Select/select.js

@@ -69,6 +69,7 @@ var import_useMergedState = __toESM(require("../hooks/useMergedState"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_useSelectKeyboard = __toESM(require("./hooks/useSelectKeyboard"));
 var import_options = __toESM(require("./options"));
+var import_omit = __toESM(require("../utils/omit"));
 var import_style = require("./style/index.less");
 function matchValue(a, b, loose) {
   if (loose)
@@ -264,7 +265,7 @@ var Select = (baseprops) => {
     }),
     /* @__PURE__ */ import_react.default.createElement(
       import_Selector.default,
-      __spreadProps(__spreadValues({}, rest), {
+      __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, ["forceRender"])), {
         mode,
         value: searchValue,
         options,

package/dist/cjs/TableSelect/table-select.js

@@ -225,7 +225,7 @@ var TableSelect = (baseprops) => {
   const renderPopup = () => /* @__PURE__ */ import_react.default.createElement(import_internal_table.default, __spreadProps(__spreadValues({}, tableProps), { value, rowKey }));
   return /* @__PURE__ */ import_react.default.createElement(
     import_Trigger.default,
-    {
+    __spreadProps(__spreadValues({}, rest), {
       trigger: "click",
       popupClassName: `${prefixCls}-popup`,
       popup: renderPopup(),
@@ -233,7 +233,7 @@ var TableSelect = (baseprops) => {
       hideOnClick: selectionType === "radio" ? true : false,
       onOpenChange: onVisibleChange,
       stretch: "minWidth"
-    },
+    }),
     /* @__PURE__ */ import_react.default.createElement(import_Selector.default, __spreadValues({}, selectorProps))
   );
 };

package/dist/cjs/Tabs/demo/overflow-center.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tabs/demo/overflow-center.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tabs/demo/overflow-center.tsx
+var overflow_center_exports = {};
+__export(overflow_center_exports, {
+  default: () => overflow_center_default
+});
+module.exports = __toCommonJS(overflow_center_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var overflow_center_default = () => {
+  const items = Array.from({ length: 24 }, (_, i) => ({
+    key: `tab-${i + 1}`,
+    label: `Tab ${i + 1}`,
+    children: `Content of Tab Pane ${i + 1}`
+  }));
+  const [centerKey, setCenterKey] = (0, import_react.useState)("tab-1");
+  const [autoKey, setAutoKey] = (0, import_react.useState)("tab-1");
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 24 } }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", { style: { marginBottom: 8 } }, 'activeAlign="center"'), /* @__PURE__ */ import_react.default.createElement("div", { style: { maxWidth: 480 }, "data-testid": "center-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tabs,
+    {
+      activeAlign: "center",
+      items,
+      activeKey: centerKey,
+      onChange: setCenterKey
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", { style: { marginBottom: 8 } }, "default (auto)"), /* @__PURE__ */ import_react.default.createElement("div", { style: { maxWidth: 480 }, "data-testid": "auto-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tabs, { items, activeKey: autoKey, onChange: setAutoKey }))));
+};

package/dist/cjs/Tabs/hooks/useNavListMove.d.ts

@@ -3,10 +3,11 @@ interface UseNavListMoveOptions {
     direction: 'horizontal' | 'vertical';
     activeKey: string | number;
     enabled: boolean;
+    align?: 'auto' | 'center';
     activetab: React.RefObject<HTMLElement | null>;
     navList: React.RefObject<HTMLDivElement | null>;
     navContainer: React.RefObject<HTMLDivElement | null>;
     onMoved?: () => void;
 }
-export declare function useNavListMove({ direction, activeKey, enabled, activetab, navList, navContainer, onMoved, }: UseNavListMoveOptions): void;
+export declare function useNavListMove({ direction, activeKey, enabled, align, activetab, navList, navContainer, onMoved, }: UseNavListMoveOptions): void;
 export {};

package/dist/cjs/Tabs/hooks/useNavListMove.js

@@ -28,6 +28,7 @@ function useNavListMove({
   direction,
   activeKey,
   enabled,
+  align = "auto",
   activetab,
   navList,
   navContainer,
@@ -40,23 +41,52 @@ function useNavListMove({
     if (!enabled || !tab || !list || !container) {
       return;
     }
-    const [isVisible] = (0, import_tab_utils.isInContainer)(direction, tab, list, container);
-    if (isVisible)
-      return;
+    if (align !== "center") {
+      const [isVisible] = (0, import_tab_utils.isInContainer)(direction, tab, list, container);
+      if (isVisible)
+        return;
+    }
+    let moved = false;
     if (direction === "horizontal") {
-      const [x] = (0, import_tab_utils.getEleTranslate)(list);
-      const tabLeft = tab.offsetLeft;
-      const tabWidth = tab.offsetWidth;
-      const containerWidth = container.clientWidth;
-      let newX = x;
-      if (tabLeft + tabWidth - Math.abs(x) > containerWidth) {
-        const overflow = tabLeft + tabWidth - Math.abs(x) - containerWidth;
-        newX = x - overflow;
-      } else if (tabLeft < Math.abs(x)) {
-        const overflow = Math.abs(x) - tabLeft;
-        newX = x + overflow;
+      if (align === "center") {
+        const containerWidth = container.clientWidth;
+        const maxOffset = list.scrollWidth - containerWidth;
+        const tabCenter = tab.offsetLeft + tab.offsetWidth / 2;
+        let newX = Math.round(containerWidth / 2 - tabCenter);
+        newX = Math.max(-maxOffset, Math.min(0, newX));
+        const [x] = (0, import_tab_utils.getEleTranslate)(list);
+        if (Math.abs(newX - x) > 0.5) {
+          (0, import_tab_utils.setEleTranslate)(list, newX);
+          moved = true;
+        }
+      } else {
+        const [x] = (0, import_tab_utils.getEleTranslate)(list);
+        const tabLeft = tab.offsetLeft;
+        const tabWidth = tab.offsetWidth;
+        const containerWidth = container.clientWidth;
+        let newX = x;
+        if (tabLeft + tabWidth - Math.abs(x) > containerWidth) {
+          const overflow = tabLeft + tabWidth - Math.abs(x) - containerWidth;
+          newX = x - overflow;
+        } else if (tabLeft < Math.abs(x)) {
+          const overflow = Math.abs(x) - tabLeft;
+          newX = x + overflow;
+        }
+        (0, import_tab_utils.setEleTranslate)(list, newX);
+        moved = true;
+      }
+    } else if (align === "center") {
+      const containerHeight = container.clientHeight;
+      const maxOffset = container.scrollHeight - containerHeight;
+      const tabCenter = tab.offsetTop + tab.offsetHeight / 2;
+      const newScrollTop = Math.max(
+        0,
+        Math.min(maxOffset, Math.round(tabCenter - containerHeight / 2))
+      );
+      if (Math.abs(newScrollTop - container.scrollTop) > 0.5) {
+        container.scrollTop = newScrollTop;
+        moved = true;
       }
-      (0, import_tab_utils.setEleTranslate)(list, newX);
     } else {
       const tabTop = tab.offsetTop;
       const tabHeight = tab.offsetHeight;
@@ -65,16 +95,21 @@ function useNavListMove({
       if (tabTop + tabHeight - scrollTop >= containerHeight) {
         const overflow = tabTop + tabHeight - scrollTop - containerHeight;
         container.scrollTop = scrollTop + overflow;
+        moved = true;
       } else if (tabTop < scrollTop) {
         const overflow = scrollTop - tabTop;
         container.scrollTop = scrollTop - overflow;
+        moved = true;
       }
     }
-    onMoved == null ? void 0 : onMoved();
+    if (moved) {
+      onMoved == null ? void 0 : onMoved();
+    }
   }, [
     activeKey,
     enabled,
     direction,
+    align,
     activetab,
     navList,
     navContainer,

package/dist/cjs/Tabs/hooks/useTabScroll.d.ts

@@ -7,6 +7,7 @@ interface UseTabScrollOptions {
 }
 export declare function useTabScroll({ direction, navContainer, navList, enabled, }: UseTabScrollOptions): {
     refreshKey: number;
+    refresh: () => void;
     updateShadow: import("../../utils/debounce").Debounced<() => void>;
 };
 export {};

package/dist/cjs/Tabs/hooks/useTabScroll.js

@@ -57,6 +57,10 @@ function useTabScroll({
     container.classList.toggle("with-suffix-shadow", currentOffset < maxOffset);
   }, [direction, navContainer, navList]);
   const debouncedUpdateShadow = (0, import_useDebounceFunction.default)(updateShadow, 200);
+  const refresh = (0, import_react.useCallback)(() => {
+    setRefreshKey((prev) => prev + 1);
+    debouncedUpdateShadow();
+  }, [debouncedUpdateShadow]);
   (0, import_react.useEffect)(() => {
     const container = navContainer.current;
     const list = navList.current;
@@ -95,5 +99,5 @@ function useTabScroll({
     debouncedUpdateShadow,
     updateShadow
   ]);
-  return { refreshKey, updateShadow: debouncedUpdateShadow };
+  return { refreshKey, refresh, updateShadow: debouncedUpdateShadow };
 }

package/dist/cjs/Tabs/interface.d.ts

@@ -121,5 +121,14 @@ export interface TabsProps extends DataAttributeProps {
      * @default false
      */
     fixedHeader?: boolean;
+    /**
+     * How the active tab is aligned when the tab list overflows
+     * - 'auto': scroll minimally so the active tab is visible at the edge;
+     *   no scrolling when it is already fully visible
+     * - 'center': always scroll so the active tab is centered in the header,
+     *   including tabs clicked directly on the header
+     * @default 'auto'
+     */
+    activeAlign?: 'auto' | 'center';
 }
 export {};

package/dist/cjs/Tabs/style/index.less

@@ -439,6 +439,10 @@
   height: var(--yee-tabs-nav-operations-height);
 }
 
+@{pls}-nav-more {
+  margin-left: 4px;
+}
+
 // 下拉框
 @{pls}-operation-container {
   max-height: var(--yee-tabs-operation-container-max-height);
@@ -452,6 +456,7 @@
 
   @{pls}-tab {
     height: var(--yee-tabs-operation-tab-height);
+    margin: 0;
     padding: var(--yee-tabs-operation-tab-padding);
     cursor: pointer;
 

package/dist/cjs/Tabs/tab-header/index.d.ts

@@ -12,6 +12,7 @@ export interface TabHeaderProps {
     prefixCls: string;
     type?: 'card' | 'editable-card';
     position?: 'top' | 'bottom' | 'left' | 'right';
+    activeAlign?: 'auto' | 'center';
     headerExtra?: {
         prefix?: React.ReactNode | (() => React.ReactNode);
         suffix?: React.ReactNode | (() => React.ReactNode);

package/dist/cjs/Tabs/tab-header/index.js

@@ -67,6 +67,7 @@ var TabHeader = (props) => {
     prefixCls,
     type,
     position = "top",
+    activeAlign = "auto",
     headerExtra,
     classNames,
     styles,
@@ -84,7 +85,7 @@ var TabHeader = (props) => {
     navList,
     itemsLength: (items == null ? void 0 : items.length) || 0
   });
-  const { refreshKey } = (0, import_hooks.useTabScroll)({
+  const { refreshKey, refresh: refreshNav } = (0, import_hooks.useTabScroll)({
     direction,
     navContainer,
     navList,
@@ -99,14 +100,19 @@ var TabHeader = (props) => {
     enabled: !type
     // Only show active bar for non-card types
   });
+  const handleNavMoved = (0, import_react.useCallback)(() => {
+    checkVisibility();
+    refreshNav();
+  }, [checkVisibility, refreshNav]);
   (0, import_hooks.useNavListMove)({
     direction,
     activeKey,
     enabled: moreOpen,
+    align: activeAlign,
     activetab,
     navList,
     navContainer,
-    onMoved: checkVisibility
+    onMoved: handleNavMoved
   });
   (0, import_hooks.useContainerResize)(navContainer, checkVisibility);
   const renderPrefixExtra = (0, import_react.useCallback)(() => {
@@ -198,6 +204,7 @@ var TabHeader = (props) => {
     import_Button.default,
     {
       className: `${prefixCls}-nav-more`,
+      size: "small",
       icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Ellipsis, { size: 14, strokeWidth: 1.5 }),
       type: "text",
       "aria-label": "More tabs"

package/dist/cjs/Tabs/tabs.js

@@ -88,6 +88,7 @@ var Tabs = (baseprops) => {
     activeKey,
     defaultActiveKey,
     fixedHeader,
+    activeAlign,
     onChange,
     onEdit,
     onTabClick
@@ -104,6 +105,7 @@ var Tabs = (baseprops) => {
     "activeKey",
     "defaultActiveKey",
     "fixedHeader",
+    "activeAlign",
     "onChange",
     "onEdit",
     "onTabClick"
@@ -167,7 +169,8 @@ var Tabs = (baseprops) => {
   return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, ["headerExtra"])), { className: cls, style }), /* @__PURE__ */ import_react.default.createElement(TabsCtx.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
     import_tab_header.default,
     __spreadProps(__spreadValues({}, (0, import_omit.default)(props, ["children", "className", "style"])), {
-      prefixCls
+      prefixCls,
+      activeAlign
     })
   ), /* @__PURE__ */ import_react.default.createElement(
     import_tab_content.default,

package/dist/cjs/TreeSelect/tree-select.js

@@ -274,7 +274,7 @@ var TreeSelect = (baseprops) => {
     }),
     /* @__PURE__ */ import_react.default.createElement(
       import_Selector.default,
-      __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, ["showLine"])), {
+      __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, ["showLine", "forceRender"])), {
         className: `${prefixCls}-selector`,
         mode,
         value: searchValue,

package/dist/cjs/Upload/demo/auto-upload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Upload/demo/auto-upload.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Upload/demo/auto-upload.tsx
+var auto_upload_exports = {};
+__export(auto_upload_exports, {
+  default: () => auto_upload_default
+});
+module.exports = __toCommonJS(auto_upload_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var auto_upload_default = () => {
+  const uploadRef = (0, import_react.useRef)(null);
+  const [fileList, setFileList] = (0, import_react.useState)([]);
+  const readyCount = fileList.filter((file) => file.status === "ready").length;
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 12 } }, /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Upload,
+    {
+      ref: uploadRef,
+      autoUpload: false,
+      multiple: true,
+      action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
+      fileList,
+      onChange: ({ fileList: nextFileList }) => setFileList(nextFileList)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Button,
+    {
+      type: "primary",
+      disabled: readyCount === 0,
+      onClick: () => {
+        var _a;
+        return (_a = uploadRef.current) == null ? void 0 : _a.upload();
+      }
+    },
+    "Start upload (",
+    readyCount,
+    ")"
+  )));
+};

package/dist/cjs/Upload/demo/basic.js

@@ -60,25 +60,20 @@ var basic_default = () => {
       {
         uid: "1",
         name: "xxx.png",
-        status: "done",
-        raw: {},
+        status: "success",
         size: 123,
-        percent: 0,
+        percent: 100,
         type: "image/png"
       },
       {
         uid: "2",
         name: "yyy.png",
-        status: "done",
-        raw: {},
+        status: "success",
         size: 123,
-        percent: 0,
+        percent: 100,
         type: "image/png"
       }
     ]
   };
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ import_react.default.createElement(import_yee_c.Upload, __spreadValues({}, props), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Upload"))
-  );
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Upload, __spreadValues({}, props), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Upload"));
 };

package/dist/cjs/Upload/demo/controlled.js

@@ -53,14 +53,14 @@ var controlled_default = () => {
   const props = {
     action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
     fileList,
-    onChange({ file, fileList: fileList2 }) {
-      setFileList(fileList2);
+    onChange({ file, fileList: nextFileList }) {
+      setFileList(nextFileList);
       if (file.status !== "uploading") {
-        console.log(file, fileList2);
+        console.log(file, nextFileList);
       }
     },
     onRemove(file) {
-      setFileList(fileList.filter((item) => item.uid !== file.uid));
+      setFileList((current) => current.filter((item) => item.uid !== file.uid));
       return true;
     }
   };

package/dist/cjs/Upload/demo/pictureWall.js

@@ -48,35 +48,36 @@ __export(pictureWall_exports, {
 module.exports = __toCommonJS(pictureWall_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
+var imageUrl = "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";
 var pictureWall_default = () => {
   const [fileList, setFileList] = (0, import_react.useState)([
     {
       uid: "-1",
-      name: "image.png",
-      status: "done",
-      url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+      name: "image-1.png",
+      status: "success",
+      type: "image/png",
+      url: imageUrl
     },
     {
       uid: "-2",
-      name: "image.png",
-      status: "done",
-      url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+      name: "image-2.png",
+      status: "success",
+      type: "image/png",
+      url: imageUrl
     },
     {
       uid: "-3",
-      name: "image.png",
-      status: "done",
-      url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+      name: "image-3.png",
+      status: "success",
+      type: "image/png",
+      url: imageUrl
     }
   ]);
-  const handleChange = ({ fileList: fileList2 }) => {
-    setFileList(fileList2);
-  };
   const props = {
     action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
     listType: "picture-wall",
     fileList,
-    onChange: handleChange
+    onChange: ({ fileList: nextFileList }) => setFileList(nextFileList)
   };
   return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Upload, __spreadValues({}, props));
 };

package/dist/cjs/Upload/dragger.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const Dragger: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+import type { UploadDraggerProps, UploadInstance } from './interface';
+declare const Dragger: React.ForwardRefExoticComponent<UploadDraggerProps & React.RefAttributes<UploadInstance>>;
 export default Dragger;