antd-mobile 5.15.0 → 5.16.1

package/bundle/style.css

@@ -145,26 +145,52 @@ div.adm-px-tester {
   background-color: var(--adm-color-background);
   z-index: calc(var(--z-index) + 10);
 }
+.adm-popup-body .adm-popup-close-icon {
+  position: absolute;
+  z-index: 100;
+}
 .adm-popup-body-position-bottom {
   width: 100%;
   bottom: 0;
   left: 0;
 }
+.adm-popup-body-position-bottom .adm-popup-close-icon {
+  right: 8px;
+  top: 8px;
+}
 .adm-popup-body-position-top {
   width: 100%;
   top: 0;
   left: 0;
 }
+.adm-popup-body-position-top .adm-popup-close-icon {
+  right: 8px;
+  bottom: 8px;
+}
 .adm-popup-body-position-left {
   height: 100%;
   top: 0;
   left: 0;
 }
+.adm-popup-body-position-left .adm-popup-close-icon {
+  right: 8px;
+  top: 8px;
+}
 .adm-popup-body-position-right {
   height: 100%;
   top: 0;
   right: 0;
 }
+.adm-popup-body-position-right .adm-popup-close-icon {
+  left: 8px;
+  top: 8px;
+}
+.adm-popup-close-icon {
+  cursor: pointer;
+  padding: 4px;
+  font-size: 18px;
+  color: var(--adm-color-weak);
+}
 .adm-mask {
   --z-index: var(--adm-mask-z-index, 1000);
   position: fixed;
@@ -692,6 +718,7 @@ div.adm-px-tester {
   flex-direction: column;
   position: relative;
   z-index: 0;
+  padding-bottom: 1px;
 }
 .adm-picker-view-column-accessible > * {
   flex: 1;
@@ -1064,6 +1091,16 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background-color: var(--background-color);
   border-radius: var(--border-radius);
 }
+.adm-center-popup-close {
+  position: absolute;
+  z-index: 100;
+  right: 8px;
+  top: 8px;
+  cursor: pointer;
+  padding: 4px;
+  font-size: 18px;
+  color: var(--adm-color-weak);
+}
 .adm-checkbox {
   --icon-size: 22px;
   --font-size: var(--adm-font-size-9);
@@ -2137,6 +2174,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-input-element::-ms-clear {
   display: none;
 }
+.adm-input-element::-ms-reveal {
+  display: none;
+}
 .adm-input-element::-webkit-search-cancel-button {
   display: none;
 }
@@ -2286,14 +2326,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   line-height: 1.4;
   color: var(--adm-color-text);
 }
-.adm-modal-close {
-  position: absolute;
-  right: 8px;
-  top: 8px;
-  color: var(--adm-color-weak);
-  padding: 4px;
-  font-size: var(--adm-font-size-10);
-}
 .adm-modal-footer {
   user-select: none;
   padding: 8px 12px 12px;
@@ -2725,20 +2757,32 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   }
 }
 .adm-progress-bar {
-  --track-width: var(--adm-progress-bar-track-width, 3px);
+  --track-width: var(--adm-progress-bar-track-width, 8px);
   --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
   --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
+  --text-width: var(--adm-progress-bar-text-width, 40px);
+  display: flex;
+  align-items: center;
 }
 .adm-progress-bar-trail {
+  flex: auto;
   background: var(--track-color);
   overflow: hidden;
   height: var(--track-width);
-  border-radius: var(--track-width);
 }
 .adm-progress-bar-fill {
   transition: width 0.3s;
   background: var(--fill-color);
-  height: 100%;
+  height: var(--track-width);
+}
+.adm-progress-bar-text {
+  flex: none;
+  width: calc(var(--text-width) + 8px);
+  padding-left: 8px;
+  color: #999999;
+}
+.adm-progress-bar-rounded .adm-progress-bar-trail,
+.adm-progress-bar-rounded .adm-progress-bar-fill {
   border-radius: var(--track-width);
 }
 /*进度圈*/
@@ -3308,7 +3352,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-step .adm-step-indicator .adm-step-icon-container {
   position: absolute;
   z-index: 1;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
   color: var(--icon-color);
 }
 .adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {

package/cjs/components/action-sheet/action-sheet.d.ts

@@ -1,6 +1,6 @@
 import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-import { GetContainer } from '../../utils/render-to-container';
+import { PopupProps } from '../popup';
 export declare type Action = {
     key: string | number;
     text: ReactNode;
@@ -16,15 +16,13 @@ export declare type ActionSheetProps = {
     cancelText?: React.ReactNode;
     onAction?: (action: Action, index: number) => void;
     onClose?: () => void;
-    afterClose?: () => void;
     onMaskClick?: () => void;
     closeOnAction?: boolean;
     closeOnMaskClick?: boolean;
-    getContainer?: GetContainer;
     safeArea?: boolean;
     popupClassName?: string;
     popupStyle?: React.CSSProperties;
-} & NativeProps;
+} & Pick<PopupProps, 'afterClose' | 'getContainer' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const ActionSheet: FC<ActionSheetProps>;
 export declare type ActionSheetShowHandler = {
     close: () => void;

package/cjs/components/action-sheet/action-sheet.js

@@ -29,7 +29,9 @@ const defaultProps = {
   cancelText: '',
   closeOnAction: false,
   closeOnMaskClick: true,
-  safeArea: true
+  safeArea: true,
+  destroyOnClose: false,
+  forceRender: false
 };
 
 const ActionSheet = p => {
@@ -48,7 +50,9 @@ const ActionSheet = p => {
     afterClose: props.afterClose,
     className: (0, _classnames.default)(`${classPrefix}-popup`, props.popupClassName),
     style: props.popupStyle,
-    getContainer: props.getContainer
+    getContainer: props.getContainer,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
   }, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, props.extra && _react.default.createElement("div", {

package/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/cjs/components/cascader/cascader.d.ts

@@ -1,7 +1,13 @@
-import { ReactNode, FC } from 'react';
+import React, { ReactNode } from 'react';
 import { PopupProps } from '../popup';
 import { CascaderValue, CascaderValueExtend, CascaderOption } from '../cascader-view';
 import { NativeProps } from '../../utils/native-props';
+export declare type CascaderActions = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export declare type CascaderRef = CascaderActions;
 export declare type CascaderProps = {
     options: CascaderOption[];
     value?: CascaderValue[];
@@ -15,7 +21,26 @@ export declare type CascaderProps = {
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
-    children?: (items: (CascaderOption | null)[]) => ReactNode;
+    children?: (items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode;
     onTabsChange?: (index: number) => void;
-} & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation'> & NativeProps;
-export declare const Cascader: FC<CascaderProps>;
+} & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
+export declare const Cascader: React.ForwardRefExoticComponent<{
+    options: CascaderOption[];
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    placeholder?: string | undefined;
+    onSelect?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
+    onConfirm?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    visible?: boolean | undefined;
+    title?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    children?: ((items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode) | undefined;
+    onTabsChange?: ((index: number) => void) | undefined;
+} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<CascaderActions>>;

package/cjs/components/cascader/cascader.js

@@ -29,10 +29,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classPrefix = `adm-cascader`;
 const defaultProps = {
-  defaultValue: []
+  defaultValue: [],
+  destroyOnClose: true,
+  forceRender: false
 };
-
-const Cascader = p => {
+const Cascader = (0, _react.forwardRef)((p, ref) => {
   var _a;
 
   const {
@@ -43,6 +44,29 @@ const Cascader = p => {
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
   }, p);
+  const [visible, setVisible] = (0, _usePropsValue.usePropsValue)({
+    value: props.visible,
+    defaultValue: false,
+    onChange: v => {
+      var _a;
+
+      if (v === false) {
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      }
+    }
+  });
+  const actions = {
+    toggle: () => {
+      setVisible(v => !v);
+    },
+    open: () => {
+      setVisible(true);
+    },
+    close: () => {
+      setVisible(false);
+    }
+  };
+  (0, _react.useImperativeHandle)(ref, () => actions);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -53,12 +77,12 @@ const Cascader = p => {
   const generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
   const [innerValue, setInnerValue] = (0, _react.useState)(value);
   (0, _react.useEffect)(() => {
-    if (!props.visible) {
+    if (!visible) {
       setInnerValue(value);
     }
-  }, [props.visible]);
+  }, [visible]);
   (0, _react.useEffect)(() => {
-    if (!props.visible) {
+    if (!visible) {
       setInnerValue(value);
     }
   }, [value]);
@@ -69,20 +93,18 @@ const Cascader = p => {
   }, _react.default.createElement("a", {
     className: `${classPrefix}-header-button`,
     onClick: () => {
-      var _a, _b;
+      var _a;
 
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     }
   }, props.cancelText), _react.default.createElement("div", {
     className: `${classPrefix}-header-title`
   }, props.title), _react.default.createElement("a", {
     className: `${classPrefix}-header-button`,
     onClick: () => {
-      var _a;
-
       setValue(innerValue);
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      setVisible(false);
     }
   }, props.confirmText)), _react.default.createElement("div", {
     className: `${classPrefix}-body`
@@ -93,30 +115,30 @@ const Cascader = p => {
 
       setInnerValue(val);
 
-      if (props.visible) {
+      if (visible) {
         (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, val, ext);
       }
     }
   })))));
 
   const popupElement = _react.default.createElement(_popup.default, {
-    visible: props.visible,
+    visible: visible,
     position: 'bottom',
     onMaskClick: () => {
-      var _a, _b;
+      var _a;
 
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     },
     getContainer: props.getContainer,
-    destroyOnClose: true,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender,
     afterShow: props.afterShow,
     afterClose: props.afterClose,
     onClick: props.onClick,
     stopPropagation: props.stopPropagation
   }, cascaderElement);
 
-  return _react.default.createElement(_react.default.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items));
-};
-
+  return _react.default.createElement(_react.default.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items, actions));
+});
 exports.Cascader = Cascader;

package/cjs/components/cascader/index.d.ts

@@ -1,9 +1,28 @@
 /// <reference types="react" />
 import { prompt } from './prompt';
 import './cascader.less';
-export type { CascaderProps } from './cascader';
+export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';
 export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
-declare const _default: import("react").FC<import("./cascader").CascaderProps> & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    options: import("../cascader-view").CascaderOption[];
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    placeholder?: string | undefined;
+    onSelect?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
+    onConfirm?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    visible?: boolean | undefined;
+    title?: import("react").ReactNode;
+    confirmText?: import("react").ReactNode;
+    cancelText?: import("react").ReactNode;
+    children?: ((items: (import("../cascader-view").CascaderOption | null)[], actions: import("./cascader").CascaderActions) => import("react").ReactNode) | undefined;
+    onTabsChange?: ((index: number) => void) | undefined;
+} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & import("react").RefAttributes<import("./cascader").CascaderActions>> & {
     prompt: typeof prompt;
     optionSkeleton: import("../cascader-view").CascaderOption[];
 };

package/cjs/components/center-popup/center-popup.css

@@ -24,3 +24,13 @@
   background-color: var(--background-color);
   border-radius: var(--border-radius);
 }
+.adm-center-popup-close {
+  position: absolute;
+  z-index: 100;
+  right: 8px;
+  top: 8px;
+  cursor: pointer;
+  padding: 4px;
+  font-size: 18px;
+  color: var(--adm-color-weak);
+}

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

@@ -1,23 +1,7 @@
-import React, { FC, PropsWithChildren } from 'react';
-import { GetContainer } from '../../utils/render-to-container';
-import { MaskProps } from '../mask';
-import { PropagationEvent } from '../../utils/with-stop-propagation';
+import { FC, PropsWithChildren } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type CenterPopupProps = PropsWithChildren<{
-    afterClose?: () => void;
-    afterShow?: () => void;
-    bodyClassName?: string;
-    bodyStyle?: React.CSSProperties;
-    destroyOnClose?: boolean;
-    disableBodyScroll?: boolean;
-    forceRender?: boolean;
-    getContainer?: GetContainer;
-    mask?: boolean;
-    maskClassName?: string;
-    maskStyle?: MaskProps['style'];
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onMaskClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    stopPropagation?: PropagationEvent[];
-    visible?: boolean;
+import { PopupBaseProps } from '../popup/popup-base-props';
+export declare type CenterPopupProps = PopupBaseProps & PropsWithChildren<{
+    role?: string;
 }> & NativeProps<'--background-color' | '--border-radius' | '--max-width' | '--min-width' | '--z-index'>;
 export declare const CenterPopup: FC<CenterPopupProps>;

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

@@ -29,22 +29,19 @@ var _shouldRender = require("../../utils/should-render");
 
 var _useLockScroll = require("../../utils/use-lock-scroll");
 
+var _antdMobileIcons = require("antd-mobile-icons");
+
+var _popupBaseProps = require("../popup/popup-base-props");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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 defaultProps = {
-  destroyOnClose: false,
-  disableBodyScroll: true,
-  forceRender: false,
-  getContainer: null,
-  mask: true,
-  showCloseButton: false,
-  stopPropagation: ['click'],
-  visible: false
-};
+const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopupBaseProps), {
+  getContainer: null
+});
 
 const CenterPopup = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
@@ -96,16 +93,34 @@ const CenterPopup = p => {
     visible: maskVisible,
     forceRender: props.forceRender,
     destroyOnClose: props.destroyOnClose,
-    onMaskClick: props.onMaskClick,
+    onMaskClick: e => {
+      var _a, _b;
+
+      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+
+      if (props.closeOnMaskClick) {
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    },
     style: props.maskStyle,
     className: (0, _classnames.default)('adm-center-popup-mask', props.maskClassName),
-    disableBodyScroll: false
+    disableBodyScroll: false,
+    stopPropagation: props.stopPropagation
   }), _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
-  }, body)))));
+  }, props.showCloseButton && _react.default.createElement("a", {
+    className: (0, _classnames.default)('adm-center-popup-close', 'adm-plain-anchor'),
+    onClick: () => {
+      var _a;
+
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, _react.default.createElement(_antdMobileIcons.CloseOutline, null)), body)))));
   return _react.default.createElement(_shouldRender.ShouldRender, {
     active: active,
     forceRender: props.forceRender,

package/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/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/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/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/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;