antd-mobile 5.31.1 → 5.32.1

package/2x/bundle/style.css

@@ -128,7 +128,7 @@ div.adm-px-tester {
 }
 
 .adm-action-sheet-button-item:active {
-  background-color: #eee;
+  background-color: var(--adm-color-border);
 }
 
 .adm-action-sheet-button-item-disabled {
@@ -411,8 +411,8 @@ div.adm-px-tester {
   transform: translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));
   width: 100%;
   height: 100%;
-  background-color: #000;
-  border: var(--border-width) var(--border-style) #000;
+  background-color: var(--adm-color-text-dark-solid);
+  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
   border-radius: var(--border-radius);
   opacity: 0;
   content: " ";
@@ -1766,7 +1766,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 
 .adm-error-block-description {
   font-size: var(--adm-font-size-4);
-  color: #999;
+  color: var(--adm-color-weak);
   line-height: 1.4;
   margin-top: 24px;
 }
@@ -1946,7 +1946,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 
 .adm-form-list-operation {
   text-align: center;
-  color: #1677ff;
+  color: var(--adm-color-primary);
 }
 
 .adm-form-item+.adm-form-item {
@@ -2113,7 +2113,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-popover-menu {
-  --border-color: #eeeeee;
+  --border-color: var(--adm-color-border);
 }
 
 .adm-popover-menu.adm-popover {
@@ -2172,7 +2172,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-popover.adm-popover-dark.adm-popover-menu {
-  --border-color: #333333;
+  --border-color: var(--adm-color-text);
   --background: rgba(0, 0, 0, .9);
 }
 
@@ -2451,7 +2451,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
-  color: #999;
+  color: var(--adm-color-weak);
   font-size: 64px;
 }
 
@@ -2929,7 +2929,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 
 .adm-notice-bar {
   --background-color: #ababab;
-  --border-color: #999999;
+  --border-color: var(--adm-color-weak);
   --text-color: var(--adm-color-text-light-solid);
   --font-size: var(--adm-font-size-7);
   --icon-font-size: var(--adm-font-size-10);
@@ -2967,7 +2967,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 .adm-notice-bar.adm-notice-bar-info {
   --background-color: #d0e4ff;
   --border-color: #bcd8ff;
-  --text-color: #1677ff;
+  --text-color: var(--adm-color-primary);
 }
 
 .adm-notice-bar .adm-notice-bar-left {
@@ -3112,9 +3112,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   left: 50%;
   width: 100%;
   height: 100%;
-  background-color: #000;
+  background-color: var(--adm-color-text-dark-solid);
   border: inherit;
-  border-color: #000;
+  border-color: var(--adm-color-text-dark-solid);
   border-radius: inherit;
   transform: translate(-50%,-50%);
   opacity: 0;
@@ -3386,7 +3386,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   flex: none;
   width: calc(var(--text-width) + 16px);
   padding-left: 16px;
-  color: #999;
+  color: var(--adm-color-weak);
 }
 
 .adm-progress-bar-rounded .adm-progress-bar-trail,
@@ -4697,6 +4697,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   --disabled-color: var(--adm-color-weak);
   --text-align: left;
   --count-text-align: right;
+  position: relative;
   width: 100%;
   max-width: 100%;
   max-height: 100%;
@@ -4783,14 +4784,14 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   left: 0;
   width: 100%;
   height: 100%;
+  text-align: center;
 }
 
 .adm-toast-mask .adm-toast-main {
   display: inline-block;
   position: relative;
   top: 50%;
-  left: 50%;
-  transform: translate(-50%,-50%);
+  transform: translateY(-50%);
   width: auto;
   max-width: 408px;
   max-height: 70%;

package/2x/cjs/components/action-sheet/action-sheet.css

@@ -33,7 +33,7 @@
 }
 
 .adm-action-sheet-button-item:active {
-  background-color: #eeeeee;
+  background-color: var(--adm-color-border);
 }
 
 .adm-action-sheet-button-item-disabled {

package/2x/cjs/components/button/button.css

@@ -36,8 +36,8 @@
   transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
   width: 100%;
   height: 100%;
-  background-color: #000;
-  border: var(--border-width) var(--border-style) #000;
+  background-color: var(--adm-color-text-dark-solid);
+  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
   border-radius: var(--border-radius);
   opacity: 0;
   content: ' ';

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

@@ -15,6 +15,7 @@ var _configProvider = require("../config-provider");
 var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 var _ahooks = require("ahooks");
 var _usePropsValue = require("../../utils/use-props-value");
+var _replaceMessage = require("../../utils/replace-message");
 var _convert = require("./convert");
 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); }
@@ -106,7 +107,10 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
     }
   }, props.prevMonthButton), _react.default.createElement("div", {
     className: `${classPrefix}-title`
-  }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), _react.default.createElement("a", {
+  }, (0, _replaceMessage.replaceMessage)(locale.Calendar.yearAndMonth, {
+    year: current.year().toString(),
+    month: (current.month() + 1).toString()
+  })), _react.default.createElement("a", {
     className: (0, _classnames.default)(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');

package/2x/cjs/components/calendar/convert.js

@@ -8,12 +8,7 @@ exports.convertValueToRange = convertValueToRange;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function convertValueToRange(selectionMode, value) {
-  if (selectionMode === undefined) {
-    return null;
-  }
-  if (value === null) {
-    return null;
-  }
+  if (selectionMode === undefined || value === null) return null;
   if (Array.isArray(value)) {
     return value;
   }

package/2x/cjs/components/capsule-tabs/capsule-tabs.js

@@ -18,9 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 classPrefix = `adm-capsule-tabs`;
-const CapsuleTab = () => {
-  return null;
-};
+const CapsuleTab = () => null;
 exports.CapsuleTab = CapsuleTab;
 const CapsuleTabs = props => {
   var _a;
@@ -30,7 +28,7 @@ const CapsuleTabs = props => {
   let firstActiveKey = null;
   const panes = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

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

@@ -21,6 +21,7 @@ export declare type CascaderProps = {
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean;
     children?: (items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode;
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
@@ -38,6 +39,7 @@ export declare const Cascader: React.ForwardRefExoticComponent<{
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: ReactNode;

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

@@ -15,6 +15,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     title?: import("react").ReactNode;
     confirmText?: import("react").ReactNode;
     cancelText?: import("react").ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (import("../cascader-view").CascaderOption | null)[], actions: import("./cascader").CascaderActions) => import("react").ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: import("react").ReactNode;

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

@@ -21,6 +21,7 @@ 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 classPrefix = 'adm-center-popup';
 const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopupBaseProps), {
   getContainer: null
 });
@@ -57,11 +58,11 @@ const CenterPopup = p => {
   (0, _useLockScroll.useLockScroll)(ref, props.disableBodyScroll && active);
   const maskVisible = (0, _useInnerVisible.useInnerVisible)(active && props.visible);
   const body = _react.default.createElement("div", {
-    className: (0, _classnames.default)('adm-center-popup-body', props.bodyClassName),
+    className: (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName),
     style: props.bodyStyle
   }, props.children);
   const node = (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: 'adm-center-popup',
+    className: classPrefix,
     style: {
       display: active ? undefined : 'none',
       pointerEvents: active ? undefined : 'none'
@@ -78,18 +79,18 @@ const CenterPopup = p => {
       }
     },
     style: props.maskStyle,
-    className: (0, _classnames.default)('adm-center-popup-mask', props.maskClassName),
+    className: (0, _classnames.default)(`${classPrefix}-mask`, props.maskClassName),
     disableBodyScroll: false,
     stopPropagation: props.stopPropagation
   }), _react.default.createElement("div", {
-    className: 'adm-center-popup-wrap',
+    className: `${classPrefix}-wrap`,
     role: props.role,
     "aria-label": props['aria-label']
   }, _react.default.createElement(_web.animated.div, {
     style: style,
     ref: ref
   }, props.showCloseButton && _react.default.createElement("a", {
-    className: (0, _classnames.default)('adm-center-popup-close', 'adm-plain-anchor'),
+    className: (0, _classnames.default)(`${classPrefix}-close`, 'adm-plain-anchor'),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);

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

@@ -12,6 +12,7 @@ export declare type CheckboxProps = {
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare type CheckboxRef = {
     check: () => void;
@@ -29,6 +30,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => React.ReactNode) | undefined;
     children?: React.ReactNode;
+    onClick?: ((event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

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

@@ -78,6 +78,7 @@ const Checkbox = (0, _react.forwardRef)((p, ref) => {
     }, props.indeterminate ? _react.default.createElement(_indeterminateIcon.IndeterminateIcon, null) : checked && _react.default.createElement(_checkIcon.CheckIcon, null));
   };
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    onClick: props.onClick,
     className: (0, _classnames.default)(classPrefix, {
       [`${classPrefix}-checked`]: checked && !props.indeterminate,
       [`${classPrefix}-indeterminate`]: props.indeterminate,

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

@@ -12,6 +12,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => import("react").ReactNode) | undefined;
     children?: import("react").ReactNode;
+    onClick?: ((event: import("react").MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

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

@@ -88,26 +88,41 @@ const CollapsePanelContent = props => {
   }, _react.default.createElement(_list.default.Item, null, shouldRender && props.children)));
 };
 const Collapse = props => {
-  var _a;
   const panels = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, child => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     panels.push(child);
   });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)(props.accordion ? {
-    value: props.activeKey === undefined ? undefined : props.activeKey === null ? [] : [props.activeKey],
-    defaultValue: props.defaultActiveKey === undefined || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],
-    onChange: v => {
-      var _a, _b;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+  const handlePropsValue = () => {
+    var _a;
+    if (!props.accordion) {
+      return {
+        value: props.activeKey,
+        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: props.onChange
+      };
     }
-  } : {
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-    onChange: props.onChange
-  });
+    const initValue = {
+      value: [],
+      defaultValue: [],
+      onChange: v => {
+        var _a, _b;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+      }
+    };
+    if (props.activeKey === undefined) {
+      initValue.value = undefined;
+    } else if (props.activeKey !== null) {
+      initValue.value = [props.activeKey];
+    }
+    if (![null, undefined].includes(props.defaultActiveKey)) {
+      initValue.defaultValue = [props.defaultActiveKey];
+    }
+    return initValue;
+  };
+  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix

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

@@ -75,67 +75,55 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     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()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, 'month');
-    ret.push(months.map(v => {
-      return {
-        label: renderLabel('month', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(months.map(v => ({
+      label: renderLabel('month', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, 'day');
-    ret.push(days.map(v => {
-      return {
-        label: renderLabel('day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(days.map(v => ({
+      label: renderLabel('day', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, 'hour');
-    ret.push(hours.map(v => {
-      return {
-        label: renderLabel('hour', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(hours.map(v => ({
+      label: renderLabel('hour', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, 'minute');
-    ret.push(minutes.map(v => {
-      return {
-        label: renderLabel('minute', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(minutes.map(v => ({
+      label: renderLabel('minute', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, 'second');
-    ret.push(seconds.map(v => {
-      return {
-        label: renderLabel('second', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(seconds.map(v => ({
+      label: renderLabel('second', v),
+      value: v.toString()
+    })));
   }
   // Till Now
   if (tillNow) {

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

@@ -58,34 +58,28 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     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()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
     const weeks = generateColumn(lower, upper, 'week');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord['week-day']) {
     const lower = isInMinWeek ? minWeekday : 1;
     const upper = isInMaxWeek ? maxWeekday : 7;
     const weeks = generateColumn(lower, upper, 'week-day');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week-day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week-day', v),
+      value: v.toString()
+    })));
   }
   return ret;
 }

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

@@ -2,15 +2,17 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
+import type { PickerDate } from '../date-picker/util';
 export declare type RenderLabel = (type: Precision | 'now', data: number) => ReactNode;
 export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    min?: Date;
-    max?: Date;
+    value?: PickerDate;
+    defaultValue?: PickerDate;
+    onChange?: (value: PickerDate) => void;
+    min?: PickerDate;
+    max?: PickerDate;
     precision?: Precision;
     renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
+    tillNow?: boolean;
 } & NativeProps;
 export declare const DatePickerView: FC<DatePickerViewProps>;

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

@@ -11,6 +11,7 @@ var _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
 var _datePickerUtils = require("../date-picker/date-picker-utils");
 var _useRenderLabel = _interopRequireDefault(require("./useRenderLabel"));
+var _util = require("../date-picker/util");
 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; }
@@ -31,7 +32,12 @@ const DatePickerView = p => {
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
   const mergedRenderLabel = (0, _useRenderLabel.default)(renderLabel);
-  const pickerValue = (0, _react.useMemo)(() => (0, _datePickerUtils.convertDateToStringArray)(value, props.precision), [value, props.precision]);
+  const pickerValue = (0, _react.useMemo)(() => {
+    if (value === null || value === void 0 ? void 0 : value.tillNow) {
+      return [_util.TILL_NOW, null, null];
+    }
+    return (0, _datePickerUtils.convertDateToStringArray)(value, props.precision);
+  }, [value, props.precision]);
   const onChange = (0, _react.useCallback)(val => {
     var _a;
     const date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
@@ -41,7 +47,7 @@ const DatePickerView = p => {
     }
   }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_pickerView.default, {
-    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
+    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,

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

@@ -58,7 +58,7 @@ const Dropdown = (0, _react.forwardRef)((p, ref) => {
   let popupForceRender = false;
   const items = [];
   const navs = _react.default.Children.map(props.children, child => {
-    if (_react.default.isValidElement(child)) {
+    if ((0, _react.isValidElement)(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: () => {
           changeActive(child.key);

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

@@ -127,18 +127,18 @@ const Ellipsis = p => {
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     calcEllipsised();
   }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
-  const expandActionElement = exceeded && props.expandText ? (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
+  const expandActionElement = !!props.expandText && (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
     ref: expandElRef,
     onClick: () => {
       setExpanded(true);
     }
-  }, props.expandText)) : null;
-  const collapseActionElement = exceeded && props.collapseText ? (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
+  }, props.expandText));
+  const collapseActionElement = !!props.collapseText && (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
     ref: collapseElRef,
     onClick: () => {
       setExpanded(false);
     }
-  }, props.collapseText)) : null;
+  }, props.collapseText));
   const renderContent = () => {
     if (!exceeded) return props.content;
     if (expanded) return _react.default.createElement(_react.default.Fragment, null, props.content, collapseActionElement);

package/2x/cjs/components/error-block/create-error-block.js

@@ -22,7 +22,7 @@ function createErrorBlock(imageRecord) {
       locale
     } = (0, _configProvider.useConfig)();
     const contentPack = locale.ErrorBlock[props.status];
-    const des = 'description' in props ? props.description : contentPack.description;
+    const desc = 'description' in props ? props.description : contentPack.description;
     const title = 'title' in props ? props.title : contentPack.title;
     const image = (_a = props.image) !== null && _a !== void 0 ? _a : imageRecord[props.status];
     const imageNode = typeof image === 'string' ? _react.default.createElement("img", {
@@ -37,11 +37,11 @@ function createErrorBlock(imageRecord) {
       className: `${classPrefix}-image`
     }, imageNode), _react.default.createElement("div", {
       className: `${classPrefix}-description`
-    }, title && _react.default.createElement("div", {
+    }, ![undefined, null].includes(title) && _react.default.createElement("div", {
       className: `${classPrefix}-description-title`
-    }, title), des && _react.default.createElement("div", {
+    }, title), ![undefined, null].includes(desc) && _react.default.createElement("div", {
       className: `${classPrefix}-description-subtitle`
-    }, des)), props.children && _react.default.createElement("div", {
+    }, desc)), props.children && _react.default.createElement("div", {
       className: `${classPrefix}-content`
     }, props.children)));
   };

package/2x/cjs/components/error-block/error-block.css

@@ -21,7 +21,7 @@
 
 .adm-error-block-description {
   font-size: var(--adm-font-size-4);
-  color: #999;
+  color: var(--adm-color-weak);
   line-height: 1.4;
   margin-top: 24px;
 }