antd-mobile 5.15.0 → 5.15.1

package/2x/bundle/antd-mobile.cjs.js

@@ -1357,6 +1357,9 @@ const base = {
     pulling: "Scroll down to refresh",
     canRelease: "Release to refresh immediately",
     complete: "Refresh successful"
+  },
+  Switch: {
+    name: "Switch"
   }
 };
 const typeTemplate = "${label}\u4E0D\u662F\u4E00\u4E2A\u6709\u6548\u7684${type}";
@@ -1465,6 +1468,9 @@ const zhCN = mergeLocale(base, {
     pulling: "\u4E0B\u62C9\u5237\u65B0",
     canRelease: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
     complete: "\u5237\u65B0\u6210\u529F"
+  },
+  Switch: {
+    name: "\u5F00\u5173"
   }
 });
 const defaultConfigRef = {
@@ -11608,7 +11614,9 @@ const CenterPopup = (p2) => {
     className: classNames__default["default"]("adm-center-popup-mask", props.maskClassName),
     disableBodyScroll: false
   }), React__default["default"].createElement("div", {
-    className: "adm-center-popup-wrap"
+    className: "adm-center-popup-wrap",
+    role: props.role,
+    "aria-label": props["aria-label"]
   }, React__default["default"].createElement(web.animated.div, {
     style,
     ref
@@ -11659,17 +11667,20 @@ const IndeterminateIcon = React$1.memo((props) => {
 });
 const NativeInput = (props) => {
   const inputRef = React$1.useRef(null);
+  const handleClick = ahooks.useMemoizedFn((e2) => {
+    e2.stopPropagation();
+    e2.stopImmediatePropagation();
+    const latestChecked = e2.target.checked;
+    if (latestChecked === props.checked)
+      return;
+    props.onChange(latestChecked);
+  });
   React$1.useEffect(() => {
     if (props.disabled)
       return;
     if (!inputRef.current)
       return;
     const input2 = inputRef.current;
-    function handleClick(e2) {
-      e2.stopPropagation();
-      e2.stopImmediatePropagation();
-      props.onChange(input2.checked);
-    }
     input2.addEventListener("click", handleClick);
     return () => {
       input2.removeEventListener("click", handleClick);
@@ -11677,7 +11688,7 @@ const NativeInput = (props) => {
   }, [props.disabled, props.onChange]);
   return React__default["default"].createElement("input", {
     ref: inputRef,
-    type: "checkbox",
+    type: props.type,
     checked: props.checked,
     onChange: () => {
     },
@@ -11967,17 +11978,6 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
   const maxMinute = max.getMinutes();
   const maxSecond = max.getSeconds();
   const rank = precisionRankRecord$1[precision];
-  if (rank >= precisionRankRecord$1.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const firstDayInSelectedMonth = dayjs__default["default"](convertStringArrayToDate$2([selected[0], selected[1], "1"]));
   const selectedMonth = parseInt(selected[1]);
@@ -12011,6 +12011,17 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord$1.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord$1.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
@@ -12099,17 +12110,6 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
   const minYear = min.getFullYear();
   const maxYear = max.getFullYear();
   const rank = precisionRankRecord[precision];
-  if (rank >= precisionRankRecord.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
@@ -12140,6 +12140,17 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
@@ -12524,7 +12535,9 @@ const Dialog = (p2) => {
     stopPropagation: props.stopPropagation,
     disableBodyScroll: props.disableBodyScroll,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    role: "dialog",
+    "aria-label": props["aria-label"]
   }, element);
 };
 function cls$1(name = "") {
@@ -16630,14 +16643,14 @@ const Radio = (p2) => {
   } = props;
   if (groupContext && value !== void 0) {
     checked = groupContext.value.includes(value);
-    setChecked = (checked2) => {
+    setChecked = (innerChecked) => {
       var _a;
-      if (checked2) {
+      if (innerChecked) {
         groupContext.check(value);
       } else {
         groupContext.uncheck(value);
       }
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, checked2);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
     };
     disabled = disabled || groupContext.disabled;
   }
@@ -18001,6 +18014,9 @@ const Switch = (p2) => {
   const props = mergeProps(defaultProps$8, p2);
   const disabled = props.disabled || props.loading || false;
   const [changing, setChanging] = React$1.useState(false);
+  const {
+    locale
+  } = useConfig();
   const [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -18032,7 +18048,11 @@ const Switch = (p2) => {
     className: classNames__default["default"](classPrefix$8, {
       [`${classPrefix$8}-checked`]: checked,
       [`${classPrefix$8}-disabled`]: disabled || changing
-    })
+    }),
+    role: "switch",
+    "aria-label": locale.Switch.name,
+    "aria-checked": checked,
+    "aria-disabled": disabled
   }, React__default["default"].createElement("div", {
     className: `${classPrefix$8}-checkbox`
   }, React__default["default"].createElement("div", {

package/2x/bundle/antd-mobile.es.js

@@ -1347,6 +1347,9 @@ const base = {
     pulling: "Scroll down to refresh",
     canRelease: "Release to refresh immediately",
     complete: "Refresh successful"
+  },
+  Switch: {
+    name: "Switch"
   }
 };
 const typeTemplate = "${label}\u4E0D\u662F\u4E00\u4E2A\u6709\u6548\u7684${type}";
@@ -1455,6 +1458,9 @@ const zhCN = mergeLocale(base, {
     pulling: "\u4E0B\u62C9\u5237\u65B0",
     canRelease: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
     complete: "\u5237\u65B0\u6210\u529F"
+  },
+  Switch: {
+    name: "\u5F00\u5173"
   }
 });
 const defaultConfigRef = {
@@ -11598,7 +11604,9 @@ const CenterPopup = (p2) => {
     className: classNames("adm-center-popup-mask", props.maskClassName),
     disableBodyScroll: false
   }), React$1.createElement("div", {
-    className: "adm-center-popup-wrap"
+    className: "adm-center-popup-wrap",
+    role: props.role,
+    "aria-label": props["aria-label"]
   }, React$1.createElement(animated.div, {
     style,
     ref
@@ -11649,17 +11657,20 @@ const IndeterminateIcon = memo((props) => {
 });
 const NativeInput = (props) => {
   const inputRef = useRef(null);
+  const handleClick = useMemoizedFn((e2) => {
+    e2.stopPropagation();
+    e2.stopImmediatePropagation();
+    const latestChecked = e2.target.checked;
+    if (latestChecked === props.checked)
+      return;
+    props.onChange(latestChecked);
+  });
   useEffect(() => {
     if (props.disabled)
       return;
     if (!inputRef.current)
       return;
     const input2 = inputRef.current;
-    function handleClick(e2) {
-      e2.stopPropagation();
-      e2.stopImmediatePropagation();
-      props.onChange(input2.checked);
-    }
     input2.addEventListener("click", handleClick);
     return () => {
       input2.removeEventListener("click", handleClick);
@@ -11667,7 +11678,7 @@ const NativeInput = (props) => {
   }, [props.disabled, props.onChange]);
   return React$1.createElement("input", {
     ref: inputRef,
-    type: "checkbox",
+    type: props.type,
     checked: props.checked,
     onChange: () => {
     },
@@ -11957,17 +11968,6 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
   const maxMinute = max.getMinutes();
   const maxSecond = max.getSeconds();
   const rank = precisionRankRecord$1[precision];
-  if (rank >= precisionRankRecord$1.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const firstDayInSelectedMonth = dayjs(convertStringArrayToDate$2([selected[0], selected[1], "1"]));
   const selectedMonth = parseInt(selected[1]);
@@ -12001,6 +12001,17 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord$1.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord$1.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
@@ -12089,17 +12100,6 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
   const minYear = min.getFullYear();
   const maxYear = max.getFullYear();
   const rank = precisionRankRecord[precision];
-  if (rank >= precisionRankRecord.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
@@ -12130,6 +12130,17 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
@@ -12514,7 +12525,9 @@ const Dialog = (p2) => {
     stopPropagation: props.stopPropagation,
     disableBodyScroll: props.disableBodyScroll,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    role: "dialog",
+    "aria-label": props["aria-label"]
   }, element);
 };
 function cls$1(name = "") {
@@ -16620,14 +16633,14 @@ const Radio = (p2) => {
   } = props;
   if (groupContext && value !== void 0) {
     checked = groupContext.value.includes(value);
-    setChecked = (checked2) => {
+    setChecked = (innerChecked) => {
       var _a;
-      if (checked2) {
+      if (innerChecked) {
         groupContext.check(value);
       } else {
         groupContext.uncheck(value);
       }
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, checked2);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
     };
     disabled = disabled || groupContext.disabled;
   }
@@ -17991,6 +18004,9 @@ const Switch = (p2) => {
   const props = mergeProps(defaultProps$8, p2);
   const disabled = props.disabled || props.loading || false;
   const [changing, setChanging] = useState(false);
+  const {
+    locale
+  } = useConfig();
   const [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -18022,7 +18038,11 @@ const Switch = (p2) => {
     className: classNames(classPrefix$8, {
       [`${classPrefix$8}-checked`]: checked,
       [`${classPrefix$8}-disabled`]: disabled || changing
-    })
+    }),
+    role: "switch",
+    "aria-label": locale.Switch.name,
+    "aria-checked": checked,
+    "aria-disabled": disabled
   }, React$1.createElement("div", {
     className: `${classPrefix$8}-checkbox`
   }, React$1.createElement("div", {

package/2x/cjs/components/button/button.d.ts

@@ -31,5 +31,9 @@ export declare const Button: React.ForwardRefExoticComponent<{
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
     children?: React.ReactNode;
-} & Pick<NativeButtonProps, "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & NativeProps<"--border-radius" | "--text-color" | "--background-color" | "--border-width" | "--border-style" | "--border-color"> & React.RefAttributes<ButtonRef>>;
+} & Pick<NativeButtonProps, "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-radius" | "--text-color" | "--background-color" | "--border-width" | "--border-style" | "--border-color", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<ButtonRef>>;
 export {};

package/2x/cjs/components/center-popup/center-popup.d.ts

@@ -19,5 +19,6 @@ export declare type CenterPopupProps = PropsWithChildren<{
     onMaskClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     visible?: boolean;
+    role?: string;
 }> & NativeProps<'--background-color' | '--border-radius' | '--max-width' | '--min-width' | '--z-index'>;
 export declare const CenterPopup: FC<CenterPopupProps>;

package/2x/cjs/components/center-popup/center-popup.js

@@ -101,7 +101,9 @@ const CenterPopup = p => {
     className: (0, _classnames.default)('adm-center-popup-mask', props.maskClassName),
     disableBodyScroll: false
   }), _react.default.createElement("div", {
-    className: 'adm-center-popup-wrap'
+    className: 'adm-center-popup-wrap',
+    role: props.role,
+    "aria-label": props['aria-label']
   }, _react.default.createElement(_web.animated.div, {
     style: style,
     ref: ref

package/2x/cjs/components/checkbox/checkbox.d.ts

@@ -29,4 +29,8 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => React.ReactNode) | undefined;
     children?: React.ReactNode;
-} & NativeProps<"--font-size" | "--icon-size" | "--gap"> & React.RefAttributes<CheckboxRef>>;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<CheckboxRef>>;

package/2x/cjs/components/checkbox/index.d.ts

@@ -13,7 +13,11 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => import("react").ReactNode) | undefined;
     children?: import("react").ReactNode;
-} & import("../../utils/native-props").NativeProps<"--font-size" | "--icon-size" | "--gap"> & import("react").RefAttributes<import("./checkbox").CheckboxRef>> & {
+} & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & import("react").RefAttributes<import("./checkbox").CheckboxRef>> & {
     Group: import("react").FC<import("./group").CheckboxGroupProps>;
 };
 export default _default;

package/2x/cjs/components/checkbox/native-input.js

@@ -7,23 +7,25 @@ exports.NativeInput = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _ahooks = require("ahooks");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const NativeInput = props => {
   const inputRef = (0, _react.useRef)(null);
+  const handleClick = (0, _ahooks.useMemoizedFn)(e => {
+    e.stopPropagation();
+    e.stopImmediatePropagation();
+    const latestChecked = e.target.checked;
+    if (latestChecked === props.checked) return;
+    props.onChange(latestChecked);
+  });
   (0, _react.useEffect)(() => {
     if (props.disabled) return;
     if (!inputRef.current) return;
     const input = inputRef.current;
-
-    function handleClick(e) {
-      e.stopPropagation();
-      e.stopImmediatePropagation();
-      props.onChange(input.checked);
-    }
-
     input.addEventListener('click', handleClick);
     return () => {
       input.removeEventListener('click', handleClick);
@@ -31,7 +33,7 @@ const NativeInput = props => {
   }, [props.disabled, props.onChange]);
   return _react.default.createElement("input", {
     ref: inputRef,
-    type: 'checkbox',
+    type: props.type,
     checked: props.checked,
     onChange: () => {},
     disabled: props.disabled,

package/2x/cjs/components/date-picker/date-picker-date-utils.js

@@ -60,21 +60,6 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
   const maxMinute = max.getMinutes();
   const maxSecond = max.getSeconds();
   const rank = precisionRankRecord[precision];
-
-  if (rank >= precisionRankRecord.year) {
-    const years = [];
-
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel('year', i) : value,
-        value
-      });
-    }
-
-    ret.push(years);
-  }
-
   const selectedYear = parseInt(selected[0]);
   const firstDayInSelectedMonth = (0, _dayjs.default)(convertStringArrayToDate([selected[0], selected[1], '1']));
   const selectedMonth = parseInt(selected[1]);
@@ -115,6 +100,18 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     return column;
   };
 
+  if (rank >= precisionRankRecord.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, 'year');
+    ret.push(years.map(v => {
+      return {
+        label: renderLabel('year', v),
+        value: v.toString()
+      };
+    }));
+  }
+
   if (rank >= precisionRankRecord.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;

package/2x/cjs/components/date-picker/date-picker-week-utils.js

@@ -39,21 +39,6 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
   const minYear = min.getFullYear();
   const maxYear = max.getFullYear();
   const rank = precisionRankRecord[precision];
-
-  if (rank >= precisionRankRecord.year) {
-    const years = [];
-
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel('year', i) : value,
-        value
-      });
-    }
-
-    ret.push(years);
-  }
-
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
@@ -91,6 +76,18 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     return column;
   };
 
+  if (rank >= precisionRankRecord.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, 'year');
+    ret.push(years.map(v => {
+      return {
+        label: renderLabel('year', v),
+        value: v.toString()
+      };
+    }));
+  }
+
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;

package/2x/cjs/components/date-picker/date-picker.d.ts

@@ -28,4 +28,8 @@ export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProp
     filter?: Partial<Record<Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
-} & NativeProps<never> & React.RefAttributes<PickerActions>>;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<PickerActions>>;

package/2x/cjs/components/date-picker/index.d.ts

@@ -16,7 +16,11 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<import(".
     filter?: Partial<Record<import("./date-picker-utils").Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
-} & import("../../utils/native-props").NativeProps<never> & import("react").RefAttributes<import("../picker").PickerActions>> & {
+} & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & import("react").RefAttributes<import("../picker").PickerActions>> & {
     prompt: typeof prompt;
 };
 export default _default;

package/2x/cjs/components/dialog/dialog.js

@@ -85,7 +85,9 @@ const Dialog = p => {
     stopPropagation: props.stopPropagation,
     disableBodyScroll: props.disableBodyScroll,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    role: 'dialog',
+    "aria-label": props['aria-label']
   }, element);
 };
 

package/2x/cjs/components/dropdown/dropdown.d.ts

@@ -18,7 +18,11 @@ declare const Dropdown: React.ForwardRefExoticComponent<{
     closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
     arrow?: React.ReactNode;
-} & NativeProps<never> & {
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & {
     children?: React.ReactNode;
 } & React.RefAttributes<DropdownRef>>;
 export default Dropdown;

package/2x/cjs/components/dropdown/index.d.ts

@@ -9,7 +9,11 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
     arrow?: import("react").ReactNode;
-} & import("../../utils/native-props").NativeProps<never> & {
+} & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("./dropdown").DropdownRef>> & {
     Item: import("react").FC<import("./item").DropdownItemProps>;

package/2x/cjs/components/floating-panel/floating-panel.d.ts

@@ -16,4 +16,8 @@ export declare const FloatingPanel: React.ForwardRefExoticComponent<{
     children: ReactNode;
     onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
     handleDraggingOfContent?: boolean | undefined;
-} & NativeProps<"--z-index" | "--border-radius" | "--header-height"> & React.RefAttributes<FloatingPanelRef>>;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--z-index" | "--border-radius" | "--header-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<FloatingPanelRef>>;

package/2x/cjs/components/form/form.d.ts

@@ -8,7 +8,11 @@ export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'na
     footer?: ReactNode;
     mode?: ListProps['mode'];
 };
-export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & NativeProps<"--border-bottom" | "--border-inner" | "--border-top"> & Partial<FormContextType> & {
+export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];
 } & React.RefAttributes<FormInstance>>;

package/2x/cjs/components/form/index.d.ts

@@ -7,7 +7,11 @@ export type { FormItemProps } from './form-item';
 export type { FormSubscribeProps } from './form-subscribe';
 export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & import("../../utils/native-props").NativeProps<"--border-bottom" | "--border-inner" | "--border-top"> & Partial<import("./context").FormContextType> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     mode?: "default" | "card" | undefined;
 } & import("react").RefAttributes<import("./form").FormInstance>> & {