amis 1.5.6-beta.5 → 1.6.0

package/lib/components/MonthRangePicker.js

@@ -22,6 +22,7 @@ var locale_1 = require("../locale");
 var DateRangePicker_1 = require("./DateRangePicker");
 var capitalize_1 = (0, tslib_1.__importDefault)(require("lodash/capitalize"));
 var DateRangePicker_2 = require("./DateRangePicker");
+var CalendarMobile_1 = (0, tslib_1.__importDefault)(require("./CalendarMobile"));
 var MonthRangePicker = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(MonthRangePicker, _super);
     function MonthRangePicker(props) {
@@ -42,6 +43,7 @@ var MonthRangePicker = /** @class */ (function (_super) {
         _this.handleKeyPress = _this.handleKeyPress.bind(_this);
         _this.handlePopOverClick = _this.handlePopOverClick.bind(_this);
         _this.renderMonth = _this.renderMonth.bind(_this);
+        _this.handleMobileChange = _this.handleMobileChange.bind(_this);
         var _a = _this.props, format = _a.format, joinValues = _a.joinValues, delimiter = _a.delimiter, value = _a.value;
         _this.state = (0, tslib_1.__assign)({ isOpened: false, isFocused: false }, DateRangePicker_1.DateRangePicker.unFormatValue(value, format, joinValues, delimiter));
         return _this;
@@ -163,6 +165,12 @@ var MonthRangePicker = /** @class */ (function (_super) {
             embed && _this.confirm();
         });
     };
+    MonthRangePicker.prototype.handleMobileChange = function (data, callback) {
+        this.setState({
+            startDate: data.startDate,
+            endDate: data.endDate
+        }, callback);
+    };
     MonthRangePicker.prototype.selectRannge = function (range) {
         var _a = this.props, closeOnSelect = _a.closeOnSelect, minDate = _a.minDate, maxDate = _a.maxDate;
         this.setState({
@@ -303,8 +311,9 @@ var MonthRangePicker = /** @class */ (function (_super) {
     };
     MonthRangePicker.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, popoverClassName = _a.popoverClassName, ns = _a.classPrefix, value = _a.value, placeholder = _a.placeholder, popOverContainer = _a.popOverContainer, inputFormat = _a.inputFormat, format = _a.format, joinValues = _a.joinValues, delimiter = _a.delimiter, clearable = _a.clearable, disabled = _a.disabled, embed = _a.embed, overlayPlacement = _a.overlayPlacement, useMobileUI = _a.useMobileUI;
-        var _b = this.state, isOpened = _b.isOpened, isFocused = _b.isFocused;
+        var _a = this.props, className = _a.className, popoverClassName = _a.popoverClassName, ns = _a.classPrefix, value = _a.value, placeholder = _a.placeholder, popOverContainer = _a.popOverContainer, inputFormat = _a.inputFormat, format = _a.format, joinValues = _a.joinValues, delimiter = _a.delimiter, clearable = _a.clearable, disabled = _a.disabled, embed = _a.embed, overlayPlacement = _a.overlayPlacement, useMobileUI = _a.useMobileUI, timeFormat = _a.timeFormat, minDate = _a.minDate, maxDate = _a.maxDate, minDuration = _a.minDuration, maxDuration = _a.maxDuration, ranges = _a.ranges;
+        var mobileUI = (0, helper_1.isMobile)() && useMobileUI;
+        var _b = this.state, isOpened = _b.isOpened, isFocused = _b.isFocused, startDate = _b.startDate, endDate = _b.endDate;
         var selectedDate = DateRangePicker_1.DateRangePicker.unFormatValue(value, format, joinValues, delimiter);
         var startViewValue = selectedDate.startDate
             ? selectedDate.startDate.format(inputFormat)
@@ -316,11 +325,13 @@ var MonthRangePicker = /** @class */ (function (_super) {
         startViewValue && arr.push(startViewValue);
         endViewValue && arr.push(endViewValue);
         var __ = this.props.translate;
+        var calendarMobile = (react_1.default.createElement(CalendarMobile_1.default, { timeFormat: timeFormat, inputFormat: inputFormat, startDate: startDate, endDate: endDate, minDate: minDate, maxDate: maxDate, minDuration: minDuration, maxDuration: maxDuration, embed: embed, viewMode: "months", close: this.close, confirm: this.confirm, onChange: this.handleMobileChange, footerExtra: this.renderRanges(ranges), showViewMode: "years" }));
         if (embed) {
             return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ns + "DateRangeCalendar", {
                     'is-disabled': disabled
-                }, className) }, this.renderCalendar()));
+                }, className) }, mobileUI ? calendarMobile : this.renderCalendar()));
         }
+        var CalendarMobileTitle = (react_1.default.createElement("div", { className: ns + "CalendarMobile-title" }, __('Calendar.datepicker')));
         return (react_1.default.createElement("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: (0, classnames_1.default)(ns + "DateRangePicker", {
                 'is-disabled': disabled,
                 'is-focused': isFocused
@@ -330,9 +341,8 @@ var MonthRangePicker = /** @class */ (function (_super) {
                 react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null,
             react_1.default.createElement("a", { className: ns + "DateRangePicker-toggler" },
                 react_1.default.createElement(icons_1.Icon, { icon: "clock", className: "icon" })),
-            !(useMobileUI && (0, helper_1.isMobile)()) && isOpened ? (react_1.default.createElement(Overlay_1.default, { target: function () { return _this.dom.current; }, onHide: this.close, container: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), rootClose: false, placement: overlayPlacement, show: true },
-                react_1.default.createElement(PopOver_1.default, { classPrefix: ns, className: (0, classnames_1.default)(ns + "DateRangePicker-popover", popoverClassName), onHide: this.close, onClick: this.handlePopOverClick, overlay: true }, this.renderCalendar()))) : null,
-            useMobileUI && (0, helper_1.isMobile)() && (react_1.default.createElement(PopUp_1.default, { className: (0, classnames_1.default)(ns + "DateRangePicker-popup"), isShow: isOpened, onHide: this.handleClick }, this.renderCalendar()))));
+            isOpened ? (mobileUI ? (react_1.default.createElement(PopUp_1.default, { isShow: isOpened, container: popOverContainer, className: (0, classnames_1.default)(ns + "CalendarMobile-pop"), onHide: this.close, header: CalendarMobileTitle }, calendarMobile)) : (react_1.default.createElement(Overlay_1.default, { target: function () { return _this.dom.current; }, onHide: this.close, container: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), rootClose: false, placement: overlayPlacement, show: true },
+                react_1.default.createElement(PopOver_1.default, { classPrefix: ns, className: (0, classnames_1.default)(ns + "DateRangePicker-popover", popoverClassName), onHide: this.close, onClick: this.handlePopOverClick, overlay: true }, this.renderCalendar())))) : null));
     };
     MonthRangePicker.defaultProps = {
         placeholder: 'MonthRange.placeholder',

package/lib/components/MonthRangePicker.js.map

@@ -6,8 +6,8 @@
         "/src/components/MonthRangePicker.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file MonthRangePicker\n * @description 月份范围选择器\n * @author fex\n */\n\nimport React from 'react';\nimport moment from 'moment';\nimport {findDOMNode} from 'react-dom';\nimport cx from 'classnames';\nimport {Icon} from './icons';\nimport Overlay from './Overlay';\nimport Calendar from './calendar/Calendar';\nimport PopOver from './PopOver';\nimport PopUp from './PopUp';\nimport {themeable, ThemeProps} from '../theme';\nimport {PlainObject} from '../types';\nimport {isMobile, noop} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\nimport {DateRangePicker} from './DateRangePicker';\nimport capitalize from 'lodash/capitalize';\nimport {ShortCuts, ShortCutDateRange} from './DatePicker';\nimport { availableRanges } from './DateRangePicker';\n\nexport interface MonthRangePickerProps extends ThemeProps, LocaleProps {\n  className?: string;\n  popoverClassName?: string;\n  placeholder?: string;\n  theme?: any;\n  format: string;\n  utc?: boolean;\n  inputFormat?: string;\n  timeFormat?: string;\n  ranges?: string | Array<ShortCuts>;\n  clearable?: boolean;\n  minDate?: moment.Moment;\n  maxDate?: moment.Moment;\n  minDuration?: moment.Duration;\n  maxDuration?: moment.Duration;\n  joinValues: boolean;\n  delimiter: string;\n  value?: any;\n  onChange: (value: any) => void;\n  data?: any;\n  disabled?: boolean;\n  closeOnSelect?: boolean;\n  overlayPlacement: string;\n  resetValue?: any;\n  popOverContainer?: any;\n  embed?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport interface MonthRangePickerState {\n  isOpened: boolean;\n  isFocused: boolean;\n  startDate?: moment.Moment;\n  endDate?: moment.Moment;\n}\n\nexport class MonthRangePicker extends React.Component<\n  MonthRangePickerProps,\n  MonthRangePickerState\n> {\n  static defaultProps = {\n    placeholder: 'MonthRange.placeholder',\n    format: 'YYYY-MM',\n    inputFormat: 'YYYY-MM',\n    joinValues: true,\n    clearable: true,\n    delimiter: ',',\n    resetValue: '',\n    closeOnSelect: true,\n    overlayPlacement: 'auto'\n  };\n\n  innerDom: any;\n  popover: any;\n  input?: HTMLInputElement;\n\n  dom: React.RefObject<HTMLDivElement>;\n  nextMonth = moment().add(1, 'year').startOf('month');\n\n  constructor(props: MonthRangePickerProps) {\n    super(props);\n\n    this.open = this.open.bind(this);\n    this.close = this.close.bind(this);\n    this.handleStartChange = this.handleStartChange.bind(this);\n    this.handleEndChange = this.handleEndChange.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.checkStartIsValidDate = this.checkStartIsValidDate.bind(this);\n    this.checkEndIsValidDate = this.checkEndIsValidDate.bind(this);\n    this.confirm = this.confirm.bind(this);\n    this.clearValue = this.clearValue.bind(this);\n    this.dom = React.createRef();\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handlePopOverClick = this.handlePopOverClick.bind(this);\n    this.renderMonth = this.renderMonth.bind(this);\n    const {format, joinValues, delimiter, value} = this.props;\n\n    this.state = {\n      isOpened: false,\n      isFocused: false,\n      ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)\n    };\n  }\n\n  componentDidUpdate(prevProps: MonthRangePickerProps) {\n    const props = this.props;\n    const {value, format, joinValues, delimiter} = props;\n\n    if (prevProps.value !== value) {\n      this.setState({\n        ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)\n      });\n    }\n  }\n\n  focus() {\n    if (!this.dom.current || this.props.disabled) {\n      return;\n    }\n\n    this.dom.current.focus();\n  }\n\n  blur() {\n    if (!this.dom.current || this.props.disabled) {\n      return;\n    }\n\n    this.dom.current.blur();\n  }\n\n  handleFocus() {\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  handleBlur() {\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  open() {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  close() {\n    this.setState(\n      {\n        isOpened: false\n      },\n      this.blur\n    );\n  }\n\n  handleClick() {\n    this.state.isOpened ? this.close() : this.open();\n  }\n\n  handlePopOverClick(e: React.MouseEvent<any>) {\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  handleKeyPress(e: React.KeyboardEvent) {\n    if (e.key === ' ') {\n      this.handleClick();\n      e.preventDefault();\n    }\n  }\n\n  confirm() {\n    if (!this.state.startDate || !this.state.endDate) {\n      return;\n    } else if (this.state.startDate.isAfter(this.state.endDate)) {\n      return;\n    }\n\n    this.props.onChange(\n      DateRangePicker.formatValue(\n        {\n          startDate: this.state.startDate,\n          endDate: this.state.endDate\n        },\n        this.props.format,\n        this.props.joinValues,\n        this.props.delimiter,\n        this.props.utc\n      )\n    );\n    this.close();\n  }\n\n  filterDate(\n    date: moment.Moment,\n    originValue?: moment.Moment,\n    timeFormat?: string,\n    type: 'start' | 'end' = 'start'\n  ): moment.Moment {\n    let value = date.clone();\n\n    value = value[type === 'start' ? 'startOf' : 'endOf']('month');\n\n    return value;\n  }\n\n  handleStartChange(newValue: moment.Moment) {\n    const {embed, minDuration, maxDuration} = this.props;\n    const {startDate, endDate} = this.state;\n\n    if (\n      startDate &&\n      !endDate &&\n      newValue.isSameOrAfter(startDate) &&\n      (!minDuration || newValue.isAfter(startDate.clone().add(minDuration))) &&\n      (!maxDuration || newValue.isBefore(startDate.clone().add(maxDuration)))\n    ) {\n      return this.setState(\n        {\n          endDate: this.filterDate(newValue, endDate, '', 'end')\n        },\n        () => {\n          embed && this.confirm();\n        }\n      );\n    }\n\n    this.setState(\n      {\n        startDate: this.filterDate(newValue, startDate, '', 'start')\n      },\n      () => {\n        embed && this.confirm();\n      }\n    );\n  }\n\n  handleEndChange(newValue: moment.Moment) {\n    const {embed, minDuration, maxDuration} = this.props;\n    const {startDate, endDate} = this.state;\n\n    if (\n      endDate &&\n      !startDate &&\n      newValue.isSameOrBefore(endDate) &&\n      (!minDuration ||\n        newValue.isBefore(endDate.clone().subtract(minDuration))) &&\n      (!maxDuration || newValue.isAfter(endDate.clone().subtract(maxDuration)))\n    ) {\n      return this.setState(\n        {\n          startDate: this.filterDate(newValue, startDate, '', 'start')\n        },\n        () => {\n          embed && this.confirm();\n        }\n      );\n    }\n\n    this.setState(\n      {\n        endDate: this.filterDate(newValue, endDate, '', 'end')\n      },\n      () => {\n        embed && this.confirm();\n      }\n    );\n  }\n\n  selectRannge(range: PlainObject) {\n    const {closeOnSelect, minDate, maxDate} = this.props;\n    this.setState(\n      {\n        startDate: minDate\n          ? moment.max(range.startDate(moment()), minDate)\n          : range.startDate(moment()),\n        endDate: maxDate\n          ? moment.min(maxDate, range.endDate(moment()))\n          : range.endDate(moment())\n      },\n      closeOnSelect ? this.confirm : noop\n    );\n  }\n\n  renderRanges(ranges: string | Array<ShortCuts> | undefined) {\n    if (!ranges) {\n      return null;\n    }\n    const {classPrefix: ns} = this.props;\n    let rangeArr: Array<string | ShortCuts>;\n    if (typeof ranges === 'string') {\n      rangeArr = ranges.split(',');\n    } else {\n      rangeArr = ranges;\n    }\n    const __ = this.props.translate;\n\n    return (\n      <ul className={`${ns}DateRangePicker-rangers`}>\n        {rangeArr.map(item => {\n          if (!item) {\n            return null;\n          }\n          let range: PlainObject = {};\n          if (typeof item === 'string') {\n            range = availableRanges[item];\n            range.key = item;\n          } else if (\n            (item as ShortCutDateRange).startDate &&\n            (item as ShortCutDateRange).endDate\n          ) {\n            range = {\n              ...item,\n              startDate: () => (item as ShortCutDateRange).startDate,\n              endDate: () => (item as ShortCutDateRange).endDate\n            };\n          }\n          return (\n            <li\n              className={`${ns}DateRangePicker-ranger`}\n              onClick={() => this.selectRannge(range)}\n              key={range.key || range.label}\n            >\n              <a>{__(range.label)}</a>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  clearValue(e: React.MouseEvent<any>) {\n    e.preventDefault();\n    e.stopPropagation();\n    const {resetValue, onChange} = this.props;\n\n    onChange(resetValue);\n  }\n\n  checkStartIsValidDate(currentDate: moment.Moment) {\n    let {endDate, startDate} = this.state;\n\n    let {minDate, maxDate, minDuration, maxDuration} = this.props;\n\n    maxDate =\n      maxDate && endDate\n        ? maxDate.isBefore(endDate)\n          ? maxDate\n          : endDate\n        : maxDate || endDate;\n\n    if (minDate && currentDate.isBefore(minDate, 'day')) {\n      return false;\n    } else if (maxDate && currentDate.isAfter(maxDate, 'day')) {\n      return false;\n    } else if (\n      // 如果配置了 minDuration 那么 EndDate - minDuration 之后的天数也不能选\n      endDate &&\n      minDuration &&\n      currentDate.isAfter(endDate.clone().subtract(minDuration))\n    ) {\n      return false;\n    } else if (\n      endDate &&\n      maxDuration &&\n      currentDate.isBefore(endDate.clone().subtract(maxDuration))\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  checkEndIsValidDate(currentDate: moment.Moment) {\n    let {startDate} = this.state;\n\n    let {minDate, maxDate, minDuration, maxDuration} = this.props;\n\n    minDate =\n      minDate && startDate\n        ? minDate.isAfter(startDate)\n          ? minDate\n          : startDate\n        : minDate || startDate;\n\n    if (minDate && currentDate.isBefore(minDate, 'day')) {\n      return false;\n    } else if (maxDate && currentDate.isAfter(maxDate, 'day')) {\n      return false;\n    } else if (\n      startDate &&\n      minDuration &&\n      currentDate.isBefore(startDate.clone().add(minDuration))\n    ) {\n      return false;\n    } else if (\n      startDate &&\n      maxDuration &&\n      currentDate.isAfter(startDate.clone().add(maxDuration))\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  renderMonth(props: any, month: number, year: number) {\n    var currentDate = moment().year(year).month(month);\n    var monthStr = currentDate\n      .localeData()\n      .monthsShort(currentDate.month(month));\n    var strLength = 3;\n    var monthStrFixedLength = monthStr.substring(0, strLength);\n    const {startDate, endDate} = this.state;\n\n    if (\n      startDate &&\n      endDate &&\n      currentDate.isBetween(startDate, endDate, 'month', '[]')\n    ) {\n      props.className += ' rdtBetween';\n    }\n\n    return (\n      <td {...props}>\n        <span>{capitalize(monthStrFixedLength)}</span>\n      </td>\n    );\n  }\n\n  renderCalendar() {\n    const {\n      classPrefix: ns,\n      classnames: cx,\n      locale,\n      embed,\n      ranges,\n      inputFormat,\n      timeFormat\n    } = this.props;\n    const __ = this.props.translate;\n    const viewMode: 'months' = 'months';\n    const dateFormat = 'YYYY-MM';\n    const {startDate, endDate} = this.state;\n\n    return (\n      <div className={`${ns}DateRangePicker-wrap`}>\n        {this.renderRanges(ranges)}\n        <Calendar\n          className={`${ns}DateRangePicker-start`}\n          value={startDate}\n          onChange={this.handleStartChange}\n          requiredConfirm={false}\n          dateFormat={dateFormat}\n          inputFormat={inputFormat}\n          timeFormat={timeFormat}\n          isValidDate={this.checkStartIsValidDate}\n          viewMode={viewMode}\n          input={false}\n          onClose={this.close}\n          renderMonth={this.renderMonth}\n          locale={locale}\n        />\n\n        <Calendar\n          className={`${ns}DateRangePicker-end`}\n          value={\n            // 因为如果最后一天，切换月份的时候会切不了,有的月份有 31 号，有的没有。\n            endDate?.clone().startOf('month')\n          }\n          onChange={this.handleEndChange}\n          requiredConfirm={false}\n          dateFormat={dateFormat}\n          inputFormat={inputFormat}\n          timeFormat={timeFormat}\n          viewDate={this.nextMonth}\n          isEndDate\n          isValidDate={this.checkEndIsValidDate}\n          viewMode={viewMode}\n          input={false}\n          onClose={this.close}\n          renderMonth={this.renderMonth}\n          locale={locale}\n        />\n\n        {embed ? null : (\n          <div key=\"button\" className={cx('DateRangePicker-actions')}>\n            <a className={cx('Button', 'Button--default')} onClick={this.close}>\n              {__('cancel')}\n            </a>\n            <a\n              className={cx('Button', 'Button--primary', 'm-l-sm', {\n                'is-disabled': !this.state.startDate || !this.state.endDate\n              })}\n              onClick={this.confirm}\n            >\n              {__('confirm')}\n            </a>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      popoverClassName,\n      classPrefix: ns,\n      value,\n      placeholder,\n      popOverContainer,\n      inputFormat,\n      format,\n      joinValues,\n      delimiter,\n      clearable,\n      disabled,\n      embed,\n      overlayPlacement,\n      useMobileUI\n    } = this.props;\n\n    const {isOpened, isFocused} = this.state;\n\n    const selectedDate = DateRangePicker.unFormatValue(\n      value,\n      format,\n      joinValues,\n      delimiter\n    );\n    const startViewValue = selectedDate.startDate\n      ? selectedDate.startDate.format(inputFormat)\n      : '';\n    const endViewValue = selectedDate.endDate\n      ? selectedDate.endDate.format(inputFormat)\n      : '';\n    const arr = [];\n    startViewValue && arr.push(startViewValue);\n    endViewValue && arr.push(endViewValue);\n    const __ = this.props.translate;\n\n    if (embed) {\n      return (\n        <div\n          className={cx(\n            `${ns}DateRangeCalendar`,\n            {\n              'is-disabled': disabled\n            },\n            className\n          )}\n        >\n          {this.renderCalendar()}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        tabIndex={0}\n        onKeyPress={this.handleKeyPress}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx(\n          `${ns}DateRangePicker`,\n          {\n            'is-disabled': disabled,\n            'is-focused': isFocused\n          },\n          className\n        )}\n        ref={this.dom}\n        onClick={this.handleClick}\n      >\n        {arr.length ? (\n          <span className={`${ns}DateRangePicker-value`}>\n            {arr.join(__('DateRange.valueConcat'))}\n          </span>\n        ) : (\n          <span className={`${ns}DateRangePicker-placeholder`}>\n            {__(placeholder)}\n          </span>\n        )}\n\n        {clearable && !disabled && value ? (\n          <a className={`${ns}DateRangePicker-clear`} onClick={this.clearValue}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n\n        <a className={`${ns}DateRangePicker-toggler`}>\n          <Icon icon=\"clock\" className=\"icon\" />\n        </a>\n\n        {!(useMobileUI && isMobile()) && isOpened ? (\n          <Overlay\n            target={() => this.dom.current}\n            onHide={this.close}\n            container={popOverContainer || (() => findDOMNode(this))}\n            rootClose={false}\n            placement={overlayPlacement}\n            show\n          >\n            <PopOver\n              classPrefix={ns}\n              className={cx(`${ns}DateRangePicker-popover`, popoverClassName)}\n              onHide={this.close}\n              onClick={this.handlePopOverClick}\n              overlay\n            >\n              {this.renderCalendar()}\n            </PopOver>\n          </Overlay>\n        ) : null}\n        {\n          useMobileUI && isMobile() && (\n            <PopUp\n              className={cx(`${ns}DateRangePicker-popup`)}\n              isShow={isOpened}\n              onHide={this.handleClick}\n            >\n              {this.renderCalendar()}\n            </PopUp>\n          )\n        }\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(MonthRangePicker));\n"
+        "/**\n * @file MonthRangePicker\n * @description 月份范围选择器\n * @author fex\n */\n\nimport React from 'react';\nimport moment from 'moment';\nimport {findDOMNode} from 'react-dom';\nimport cx from 'classnames';\nimport {Icon} from './icons';\nimport Overlay from './Overlay';\nimport Calendar from './calendar/Calendar';\nimport PopOver from './PopOver';\nimport PopUp from './PopUp';\nimport {themeable, ThemeProps} from '../theme';\nimport {PlainObject} from '../types';\nimport {isMobile, noop} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\nimport {DateRangePicker} from './DateRangePicker';\nimport capitalize from 'lodash/capitalize';\nimport {ShortCuts, ShortCutDateRange} from './DatePicker';\nimport {availableRanges} from './DateRangePicker';\nimport CalendarMobile from './CalendarMobile';\n\nexport interface MonthRangePickerProps extends ThemeProps, LocaleProps {\n  className?: string;\n  popoverClassName?: string;\n  placeholder?: string;\n  theme?: any;\n  format: string;\n  utc?: boolean;\n  inputFormat?: string;\n  timeFormat?: string;\n  ranges?: string | Array<ShortCuts>;\n  clearable?: boolean;\n  minDate?: moment.Moment;\n  maxDate?: moment.Moment;\n  minDuration?: moment.Duration;\n  maxDuration?: moment.Duration;\n  joinValues: boolean;\n  delimiter: string;\n  value?: any;\n  onChange: (value: any) => void;\n  data?: any;\n  disabled?: boolean;\n  closeOnSelect?: boolean;\n  overlayPlacement: string;\n  resetValue?: any;\n  popOverContainer?: any;\n  embed?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport interface MonthRangePickerState {\n  isOpened: boolean;\n  isFocused: boolean;\n  startDate?: moment.Moment;\n  endDate?: moment.Moment;\n}\n\nexport class MonthRangePicker extends React.Component<\n  MonthRangePickerProps,\n  MonthRangePickerState\n> {\n  static defaultProps = {\n    placeholder: 'MonthRange.placeholder',\n    format: 'YYYY-MM',\n    inputFormat: 'YYYY-MM',\n    joinValues: true,\n    clearable: true,\n    delimiter: ',',\n    resetValue: '',\n    closeOnSelect: true,\n    overlayPlacement: 'auto'\n  };\n\n  innerDom: any;\n  popover: any;\n  input?: HTMLInputElement;\n\n  dom: React.RefObject<HTMLDivElement>;\n  nextMonth = moment().add(1, 'year').startOf('month');\n\n  constructor(props: MonthRangePickerProps) {\n    super(props);\n\n    this.open = this.open.bind(this);\n    this.close = this.close.bind(this);\n    this.handleStartChange = this.handleStartChange.bind(this);\n    this.handleEndChange = this.handleEndChange.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.checkStartIsValidDate = this.checkStartIsValidDate.bind(this);\n    this.checkEndIsValidDate = this.checkEndIsValidDate.bind(this);\n    this.confirm = this.confirm.bind(this);\n    this.clearValue = this.clearValue.bind(this);\n    this.dom = React.createRef();\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handlePopOverClick = this.handlePopOverClick.bind(this);\n    this.renderMonth = this.renderMonth.bind(this);\n    this.handleMobileChange = this.handleMobileChange.bind(this);\n    const {format, joinValues, delimiter, value} = this.props;\n\n    this.state = {\n      isOpened: false,\n      isFocused: false,\n      ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)\n    };\n  }\n\n  componentDidUpdate(prevProps: MonthRangePickerProps) {\n    const props = this.props;\n    const {value, format, joinValues, delimiter} = props;\n\n    if (prevProps.value !== value) {\n      this.setState({\n        ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)\n      });\n    }\n  }\n\n  focus() {\n    if (!this.dom.current || this.props.disabled) {\n      return;\n    }\n\n    this.dom.current.focus();\n  }\n\n  blur() {\n    if (!this.dom.current || this.props.disabled) {\n      return;\n    }\n\n    this.dom.current.blur();\n  }\n\n  handleFocus() {\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  handleBlur() {\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  open() {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  close() {\n    this.setState(\n      {\n        isOpened: false\n      },\n      this.blur\n    );\n  }\n\n  handleClick() {\n    this.state.isOpened ? this.close() : this.open();\n  }\n\n  handlePopOverClick(e: React.MouseEvent<any>) {\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  handleKeyPress(e: React.KeyboardEvent) {\n    if (e.key === ' ') {\n      this.handleClick();\n      e.preventDefault();\n    }\n  }\n\n  confirm() {\n    if (!this.state.startDate || !this.state.endDate) {\n      return;\n    } else if (this.state.startDate.isAfter(this.state.endDate)) {\n      return;\n    }\n\n    this.props.onChange(\n      DateRangePicker.formatValue(\n        {\n          startDate: this.state.startDate,\n          endDate: this.state.endDate\n        },\n        this.props.format,\n        this.props.joinValues,\n        this.props.delimiter,\n        this.props.utc\n      )\n    );\n    this.close();\n  }\n\n  filterDate(\n    date: moment.Moment,\n    originValue?: moment.Moment,\n    timeFormat?: string,\n    type: 'start' | 'end' = 'start'\n  ): moment.Moment {\n    let value = date.clone();\n\n    value = value[type === 'start' ? 'startOf' : 'endOf']('month');\n\n    return value;\n  }\n\n  handleStartChange(newValue: moment.Moment) {\n    const {embed, minDuration, maxDuration} = this.props;\n    const {startDate, endDate} = this.state;\n\n    if (\n      startDate &&\n      !endDate &&\n      newValue.isSameOrAfter(startDate) &&\n      (!minDuration || newValue.isAfter(startDate.clone().add(minDuration))) &&\n      (!maxDuration || newValue.isBefore(startDate.clone().add(maxDuration)))\n    ) {\n      return this.setState(\n        {\n          endDate: this.filterDate(newValue, endDate, '', 'end')\n        },\n        () => {\n          embed && this.confirm();\n        }\n      );\n    }\n\n    this.setState(\n      {\n        startDate: this.filterDate(newValue, startDate, '', 'start')\n      },\n      () => {\n        embed && this.confirm();\n      }\n    );\n  }\n\n  handleEndChange(newValue: moment.Moment) {\n    const {embed, minDuration, maxDuration} = this.props;\n    const {startDate, endDate} = this.state;\n\n    if (\n      endDate &&\n      !startDate &&\n      newValue.isSameOrBefore(endDate) &&\n      (!minDuration ||\n        newValue.isBefore(endDate.clone().subtract(minDuration))) &&\n      (!maxDuration || newValue.isAfter(endDate.clone().subtract(maxDuration)))\n    ) {\n      return this.setState(\n        {\n          startDate: this.filterDate(newValue, startDate, '', 'start')\n        },\n        () => {\n          embed && this.confirm();\n        }\n      );\n    }\n\n    this.setState(\n      {\n        endDate: this.filterDate(newValue, endDate, '', 'end')\n      },\n      () => {\n        embed && this.confirm();\n      }\n    );\n  }\n\n  handleMobileChange(data: any, callback?: () => void) {\n    this.setState(\n      {\n        startDate: data.startDate,\n        endDate: data.endDate\n      },\n      callback\n    );\n  }\n\n  selectRannge(range: PlainObject) {\n    const {closeOnSelect, minDate, maxDate} = this.props;\n    this.setState(\n      {\n        startDate: minDate\n          ? moment.max(range.startDate(moment()), minDate)\n          : range.startDate(moment()),\n        endDate: maxDate\n          ? moment.min(maxDate, range.endDate(moment()))\n          : range.endDate(moment())\n      },\n      closeOnSelect ? this.confirm : noop\n    );\n  }\n\n  renderRanges(ranges: string | Array<ShortCuts> | undefined) {\n    if (!ranges) {\n      return null;\n    }\n    const {classPrefix: ns} = this.props;\n    let rangeArr: Array<string | ShortCuts>;\n    if (typeof ranges === 'string') {\n      rangeArr = ranges.split(',');\n    } else {\n      rangeArr = ranges;\n    }\n    const __ = this.props.translate;\n\n    return (\n      <ul className={`${ns}DateRangePicker-rangers`}>\n        {rangeArr.map(item => {\n          if (!item) {\n            return null;\n          }\n          let range: PlainObject = {};\n          if (typeof item === 'string') {\n            range = availableRanges[item];\n            range.key = item;\n          } else if (\n            (item as ShortCutDateRange).startDate &&\n            (item as ShortCutDateRange).endDate\n          ) {\n            range = {\n              ...item,\n              startDate: () => (item as ShortCutDateRange).startDate,\n              endDate: () => (item as ShortCutDateRange).endDate\n            };\n          }\n          return (\n            <li\n              className={`${ns}DateRangePicker-ranger`}\n              onClick={() => this.selectRannge(range)}\n              key={range.key || range.label}\n            >\n              <a>{__(range.label)}</a>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  clearValue(e: React.MouseEvent<any>) {\n    e.preventDefault();\n    e.stopPropagation();\n    const {resetValue, onChange} = this.props;\n\n    onChange(resetValue);\n  }\n\n  checkStartIsValidDate(currentDate: moment.Moment) {\n    let {endDate, startDate} = this.state;\n\n    let {minDate, maxDate, minDuration, maxDuration} = this.props;\n\n    maxDate =\n      maxDate && endDate\n        ? maxDate.isBefore(endDate)\n          ? maxDate\n          : endDate\n        : maxDate || endDate;\n\n    if (minDate && currentDate.isBefore(minDate, 'day')) {\n      return false;\n    } else if (maxDate && currentDate.isAfter(maxDate, 'day')) {\n      return false;\n    } else if (\n      // 如果配置了 minDuration 那么 EndDate - minDuration 之后的天数也不能选\n      endDate &&\n      minDuration &&\n      currentDate.isAfter(endDate.clone().subtract(minDuration))\n    ) {\n      return false;\n    } else if (\n      endDate &&\n      maxDuration &&\n      currentDate.isBefore(endDate.clone().subtract(maxDuration))\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  checkEndIsValidDate(currentDate: moment.Moment) {\n    let {startDate} = this.state;\n\n    let {minDate, maxDate, minDuration, maxDuration} = this.props;\n\n    minDate =\n      minDate && startDate\n        ? minDate.isAfter(startDate)\n          ? minDate\n          : startDate\n        : minDate || startDate;\n\n    if (minDate && currentDate.isBefore(minDate, 'day')) {\n      return false;\n    } else if (maxDate && currentDate.isAfter(maxDate, 'day')) {\n      return false;\n    } else if (\n      startDate &&\n      minDuration &&\n      currentDate.isBefore(startDate.clone().add(minDuration))\n    ) {\n      return false;\n    } else if (\n      startDate &&\n      maxDuration &&\n      currentDate.isAfter(startDate.clone().add(maxDuration))\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  renderMonth(props: any, month: number, year: number) {\n    var currentDate = moment().year(year).month(month);\n    var monthStr = currentDate\n      .localeData()\n      .monthsShort(currentDate.month(month));\n    var strLength = 3;\n    var monthStrFixedLength = monthStr.substring(0, strLength);\n    const {startDate, endDate} = this.state;\n\n    if (\n      startDate &&\n      endDate &&\n      currentDate.isBetween(startDate, endDate, 'month', '[]')\n    ) {\n      props.className += ' rdtBetween';\n    }\n\n    return (\n      <td {...props}>\n        <span>{capitalize(monthStrFixedLength)}</span>\n      </td>\n    );\n  }\n\n  renderCalendar() {\n    const {\n      classPrefix: ns,\n      classnames: cx,\n      locale,\n      embed,\n      ranges,\n      inputFormat,\n      timeFormat\n    } = this.props;\n    const __ = this.props.translate;\n    const viewMode: 'months' = 'months';\n    const dateFormat = 'YYYY-MM';\n    const {startDate, endDate} = this.state;\n\n    return (\n      <div className={`${ns}DateRangePicker-wrap`}>\n        {this.renderRanges(ranges)}\n        <Calendar\n          className={`${ns}DateRangePicker-start`}\n          value={startDate}\n          onChange={this.handleStartChange}\n          requiredConfirm={false}\n          dateFormat={dateFormat}\n          inputFormat={inputFormat}\n          timeFormat={timeFormat}\n          isValidDate={this.checkStartIsValidDate}\n          viewMode={viewMode}\n          input={false}\n          onClose={this.close}\n          renderMonth={this.renderMonth}\n          locale={locale}\n        />\n\n        <Calendar\n          className={`${ns}DateRangePicker-end`}\n          value={\n            // 因为如果最后一天，切换月份的时候会切不了,有的月份有 31 号，有的没有。\n            endDate?.clone().startOf('month')\n          }\n          onChange={this.handleEndChange}\n          requiredConfirm={false}\n          dateFormat={dateFormat}\n          inputFormat={inputFormat}\n          timeFormat={timeFormat}\n          viewDate={this.nextMonth}\n          isEndDate\n          isValidDate={this.checkEndIsValidDate}\n          viewMode={viewMode}\n          input={false}\n          onClose={this.close}\n          renderMonth={this.renderMonth}\n          locale={locale}\n        />\n\n        {embed ? null : (\n          <div key=\"button\" className={cx('DateRangePicker-actions')}>\n            <a className={cx('Button', 'Button--default')} onClick={this.close}>\n              {__('cancel')}\n            </a>\n            <a\n              className={cx('Button', 'Button--primary', 'm-l-sm', {\n                'is-disabled': !this.state.startDate || !this.state.endDate\n              })}\n              onClick={this.confirm}\n            >\n              {__('confirm')}\n            </a>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      popoverClassName,\n      classPrefix: ns,\n      value,\n      placeholder,\n      popOverContainer,\n      inputFormat,\n      format,\n      joinValues,\n      delimiter,\n      clearable,\n      disabled,\n      embed,\n      overlayPlacement,\n      useMobileUI,\n      timeFormat,\n      minDate,\n      maxDate,\n      minDuration,\n      maxDuration,\n      ranges\n    } = this.props;\n    const mobileUI = isMobile() && useMobileUI;\n\n    const {isOpened, isFocused, startDate, endDate} = this.state;\n\n    const selectedDate = DateRangePicker.unFormatValue(\n      value,\n      format,\n      joinValues,\n      delimiter\n    );\n    const startViewValue = selectedDate.startDate\n      ? selectedDate.startDate.format(inputFormat)\n      : '';\n    const endViewValue = selectedDate.endDate\n      ? selectedDate.endDate.format(inputFormat)\n      : '';\n    const arr = [];\n    startViewValue && arr.push(startViewValue);\n    endViewValue && arr.push(endViewValue);\n    const __ = this.props.translate;\n\n    const calendarMobile = (\n      <CalendarMobile\n        timeFormat={timeFormat}\n        inputFormat={inputFormat}\n        startDate={startDate}\n        endDate={endDate}\n        minDate={minDate}\n        maxDate={maxDate}\n        minDuration={minDuration}\n        maxDuration={maxDuration}\n        embed={embed}\n        viewMode=\"months\"\n        close={this.close}\n        confirm={this.confirm}\n        onChange={this.handleMobileChange}\n        footerExtra={this.renderRanges(ranges)}\n        showViewMode=\"years\"\n      />\n    );\n\n    if (embed) {\n      return (\n        <div\n          className={cx(\n            `${ns}DateRangeCalendar`,\n            {\n              'is-disabled': disabled\n            },\n            className\n          )}\n        >\n          {mobileUI ? calendarMobile : this.renderCalendar()}\n        </div>\n      );\n    }\n\n    const CalendarMobileTitle = (\n      <div className={`${ns}CalendarMobile-title`}>\n        {__('Calendar.datepicker')}\n      </div>\n    );\n\n    return (\n      <div\n        tabIndex={0}\n        onKeyPress={this.handleKeyPress}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx(\n          `${ns}DateRangePicker`,\n          {\n            'is-disabled': disabled,\n            'is-focused': isFocused\n          },\n          className\n        )}\n        ref={this.dom}\n        onClick={this.handleClick}\n      >\n        {arr.length ? (\n          <span className={`${ns}DateRangePicker-value`}>\n            {arr.join(__('DateRange.valueConcat'))}\n          </span>\n        ) : (\n          <span className={`${ns}DateRangePicker-placeholder`}>\n            {__(placeholder)}\n          </span>\n        )}\n\n        {clearable && !disabled && value ? (\n          <a className={`${ns}DateRangePicker-clear`} onClick={this.clearValue}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n\n        <a className={`${ns}DateRangePicker-toggler`}>\n          <Icon icon=\"clock\" className=\"icon\" />\n        </a>\n\n        {isOpened ? (\n          mobileUI ? (\n            <PopUp\n              isShow={isOpened}\n              container={popOverContainer}\n              className={cx(`${ns}CalendarMobile-pop`)}\n              onHide={this.close}\n              header={CalendarMobileTitle}\n            >\n              {calendarMobile}\n            </PopUp>\n          ) : (\n            <Overlay\n              target={() => this.dom.current}\n              onHide={this.close}\n              container={popOverContainer || (() => findDOMNode(this))}\n              rootClose={false}\n              placement={overlayPlacement}\n              show\n            >\n              <PopOver\n                classPrefix={ns}\n                className={cx(`${ns}DateRangePicker-popover`, popoverClassName)}\n                onHide={this.close}\n                onClick={this.handlePopOverClick}\n                overlay\n              >\n                {this.renderCalendar()}\n              </PopOver>\n            </Overlay>\n          )\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(MonthRangePicker));\n"
     ]
 }

package/lib/components/Overlay.d.ts

@@ -7,7 +7,7 @@ import React from 'react';
 interface OverlayProps {
     placement?: string;
     show?: boolean;
-    transition?: React.ReactType;
+    transition?: React.ElementType;
     containerPadding?: number;
     shouldUpdatePosition?: boolean;
     rootClose?: boolean;

package/lib/components/Overlay.js.map

@@ -8,6 +8,6 @@
     "names": [],
     "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Overlay\n * @description\n * @author fex\n */\n\nimport Portal from 'react-overlays/Portal';\nimport classNames from 'classnames';\nimport ReactDOM, {findDOMNode} from 'react-dom';\nimport React, {cloneElement} from 'react';\nimport {calculatePosition, getContainer, ownerDocument} from '../utils/dom';\nimport {autobind, getScrollParent, noop} from '../utils/helper';\nimport {resizeSensor, getComputedStyle} from '../utils/resize-sensor';\nimport {RootClose} from '../utils/RootClose';\n\nfunction onScroll(elem: HTMLElement, callback: () => void) {\n  const handler = () => {\n    requestAnimationFrame(callback);\n  };\n  elem.addEventListener('scroll', handler);\n  return function () {\n    elem.removeEventListener('scroll', handler);\n  };\n}\n\nclass Position extends React.Component<any, any> {\n  props: any;\n  _lastTarget: any;\n  resizeDispose: Array<() => void>;\n  watchedTarget: any;\n  setState: (state: any) => void;\n\n  static defaultProps = {\n    containerPadding: 0,\n    placement: 'right',\n    shouldUpdatePosition: false\n  };\n\n  constructor(props: any) {\n    super(props);\n\n    this.state = {\n      positionLeft: 0,\n      positionTop: 0,\n      arrowOffsetLeft: null,\n      arrowOffsetTop: null\n    };\n\n    this._lastTarget = null;\n  }\n\n  updatePosition(target: any) {\n    this._lastTarget = target;\n\n    if (!target) {\n      return this.setState({\n        positionLeft: 0,\n        positionTop: 0,\n        arrowOffsetLeft: null,\n        arrowOffsetTop: null\n      });\n    }\n\n    const watchTargetSizeChange = this.props.watchTargetSizeChange;\n    const overlay = findDOMNode(this as any) as HTMLElement;\n    const container = getContainer(\n      this.props.container,\n      ownerDocument(this).body\n    );\n\n    if (\n      (!this.watchedTarget || this.watchedTarget !== target) &&\n      getComputedStyle(target, 'position') !== 'static'\n    ) {\n      this.resizeDispose?.forEach(fn => fn());\n      this.watchedTarget = target;\n      this.resizeDispose = [\n        watchTargetSizeChange !== false\n          ? resizeSensor(target, () => this.updatePosition(target))\n          : noop,\n        resizeSensor(overlay, () => this.updatePosition(target))\n      ];\n\n      const scrollParent = getScrollParent(target);\n      if (scrollParent && container.contains(scrollParent)) {\n        this.resizeDispose.push(\n          onScroll(scrollParent, () => {\n            this.updatePosition(target);\n          })\n        );\n      }\n    }\n\n    this.setState(\n      calculatePosition(\n        this.props.placement,\n        overlay,\n        target,\n        container,\n        this.props.containerPadding\n      )\n    );\n  }\n\n  componentDidMount() {\n    this.updatePosition(this.getTarget());\n  }\n\n  getTarget = () => {\n    const {target} = this.props;\n    const targetElement = typeof target === 'function' ? target() : target;\n    return (targetElement && ReactDOM.findDOMNode(targetElement)) || null;\n  };\n\n  componentDidUpdate(prevProps: any) {\n    this.maybeUpdatePosition(this.props.placement !== prevProps.placement);\n  }\n\n  maybeUpdatePosition = (placementChanged: any) => {\n    const target = this.getTarget();\n\n    if (\n      !this.props.shouldUpdatePosition &&\n      target === this._lastTarget &&\n      !placementChanged\n    ) {\n      return;\n    }\n\n    this.updatePosition(target);\n  };\n\n  componentWillUnmount() {\n    this.resizeDispose?.forEach(fn => fn());\n  }\n\n  render() {\n    const {children, className, ...props} = this.props;\n    const {positionLeft, positionTop, ...arrowPosition} = this.state;\n\n    // These should not be forwarded to the child.\n    delete props.target;\n    delete props.container;\n    delete props.containerPadding;\n    delete props.shouldUpdatePosition;\n\n    const child = React.Children.only(children);\n    return cloneElement(child, {\n      ...props,\n      ...arrowPosition,\n      // FIXME: Don't forward `positionLeft` and `positionTop` via both props\n      // and `props.style`.\n      positionLeft,\n      positionTop,\n      className: classNames(className, child.props.className),\n      style: {\n        ...child.props.style,\n        left: positionLeft,\n        top: positionTop\n      }\n    });\n  }\n}\n\ninterface OverlayProps {\n  placement?: string;\n  show?: boolean;\n  transition?: React.ReactType;\n  containerPadding?: number;\n  shouldUpdatePosition?: boolean;\n  rootClose?: boolean;\n  onHide?(props: any, ...args: any[]): any;\n  container?: React.ReactNode | Function;\n  target?: React.ReactNode | Function;\n  watchTargetSizeChange?: boolean;\n\n  onEnter?(node: HTMLElement): any;\n  onEntering?(node: HTMLElement): any;\n  onEntered?(node: HTMLElement): any;\n  onExit?(node: HTMLElement): any;\n  onExiting?(node: HTMLElement): any;\n  onExited?(node: HTMLElement): any;\n}\ninterface OverlayState {\n  exited: boolean;\n}\nexport default class Overlay extends React.Component<\n  OverlayProps,\n  OverlayState\n> {\n  static defaultProps = {\n    placement: 'auto'\n  };\n  constructor(props: OverlayProps) {\n    super(props as any);\n\n    this.state = {\n      exited: !props.show\n    };\n  }\n\n  position: any = null;\n  positionRef = (position: any) => {\n    this.position = position;\n  };\n\n  updatePosition() {\n    this.position?.maybeUpdatePosition(true);\n  }\n\n  componentDidUpdate(prevProps: OverlayProps) {\n    const props = this.props;\n    if (prevProps.show !== props.show && props.show) {\n      this.setState({exited: false});\n    } else if (props.transition !== prevProps.transition && !props.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      this.setState({exited: true});\n    }\n  }\n\n  @autobind\n  onHiddenListener(node: HTMLElement) {\n    this.setState({exited: true});\n\n    if (this.props.onExited) {\n      this.props.onExited(node);\n    }\n  }\n\n  render() {\n    const {\n      container,\n      containerPadding,\n      target,\n      placement,\n      shouldUpdatePosition,\n      rootClose,\n      children,\n      watchTargetSizeChange,\n      transition: Transition,\n      ...props\n    } = this.props;\n\n    const mountOverlay = props.show || (Transition && !this.state.exited);\n    if (!mountOverlay) {\n      // Don't bother showing anything if we don't have to.\n      return null;\n    }\n\n    let child = children;\n\n    // Position is be inner-most because it adds inline styles into the child,\n    // which the other wrappers don't forward correctly.\n    child = (\n      // @ts-ignore\n      <Position\n        {...{\n          container,\n          containerPadding,\n          target,\n          placement,\n          shouldUpdatePosition\n        }}\n        ref={this.positionRef}\n      >\n        {child}\n      </Position>\n    );\n\n    if (Transition) {\n      let {onExit, onExiting, onEnter, onEntering, onEntered} = props;\n\n      // This animates the child node by injecting props, so it must precede\n      // anything that adds a wrapping div.\n      child = (\n        <Transition\n          in={props.show}\n          appear\n          onExit={onExit}\n          onExiting={onExiting}\n          onExited={this.onHiddenListener}\n          onEnter={onEnter}\n          onEntering={onEntering}\n          onEntered={onEntered}\n        >\n          {child}\n        </Transition>\n      );\n    }\n\n    // This goes after everything else because it adds a wrapping div.\n    if (rootClose) {\n      return (\n        // @ts-ignore\n        <Portal container={container}>\n          <RootClose onRootClose={props.onHide}>\n            {(ref: any) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, {\n                  ref: ref\n                });\n              }\n\n              return <div ref={ref}>{child}</div>;\n            }}\n          </RootClose>\n        </Portal>\n      );\n    }\n\n    // @ts-ignore\n    return <Portal container={container}>{child}</Portal>;\n  }\n}\n"
+        "/**\n * @file Overlay\n * @description\n * @author fex\n */\n\nimport Portal from 'react-overlays/Portal';\nimport classNames from 'classnames';\nimport ReactDOM, {findDOMNode} from 'react-dom';\nimport React, {cloneElement} from 'react';\nimport {calculatePosition, getContainer, ownerDocument} from '../utils/dom';\nimport {autobind, getScrollParent, noop} from '../utils/helper';\nimport {resizeSensor, getComputedStyle} from '../utils/resize-sensor';\nimport {RootClose} from '../utils/RootClose';\n\nfunction onScroll(elem: HTMLElement, callback: () => void) {\n  const handler = () => {\n    requestAnimationFrame(callback);\n  };\n  elem.addEventListener('scroll', handler);\n  return function () {\n    elem.removeEventListener('scroll', handler);\n  };\n}\n\nclass Position extends React.Component<any, any> {\n  props: any;\n  _lastTarget: any;\n  resizeDispose: Array<() => void>;\n  watchedTarget: any;\n  setState: (state: any) => void;\n\n  static defaultProps = {\n    containerPadding: 0,\n    placement: 'right',\n    shouldUpdatePosition: false\n  };\n\n  constructor(props: any) {\n    super(props);\n\n    this.state = {\n      positionLeft: 0,\n      positionTop: 0,\n      arrowOffsetLeft: null,\n      arrowOffsetTop: null\n    };\n\n    this._lastTarget = null;\n  }\n\n  updatePosition(target: any) {\n    this._lastTarget = target;\n\n    if (!target) {\n      return this.setState({\n        positionLeft: 0,\n        positionTop: 0,\n        arrowOffsetLeft: null,\n        arrowOffsetTop: null\n      });\n    }\n\n    const watchTargetSizeChange = this.props.watchTargetSizeChange;\n    const overlay = findDOMNode(this as any) as HTMLElement;\n    const container = getContainer(\n      this.props.container,\n      ownerDocument(this).body\n    );\n\n    if (\n      (!this.watchedTarget || this.watchedTarget !== target) &&\n      getComputedStyle(target, 'position') !== 'static'\n    ) {\n      this.resizeDispose?.forEach(fn => fn());\n      this.watchedTarget = target;\n      this.resizeDispose = [\n        watchTargetSizeChange !== false\n          ? resizeSensor(target, () => this.updatePosition(target))\n          : noop,\n        resizeSensor(overlay, () => this.updatePosition(target))\n      ];\n\n      const scrollParent = getScrollParent(target);\n      if (scrollParent && container.contains(scrollParent)) {\n        this.resizeDispose.push(\n          onScroll(scrollParent, () => {\n            this.updatePosition(target);\n          })\n        );\n      }\n    }\n\n    this.setState(\n      calculatePosition(\n        this.props.placement,\n        overlay,\n        target,\n        container,\n        this.props.containerPadding\n      )\n    );\n  }\n\n  componentDidMount() {\n    this.updatePosition(this.getTarget());\n  }\n\n  getTarget = () => {\n    const {target} = this.props;\n    const targetElement = typeof target === 'function' ? target() : target;\n    return (targetElement && ReactDOM.findDOMNode(targetElement)) || null;\n  };\n\n  componentDidUpdate(prevProps: any) {\n    this.maybeUpdatePosition(this.props.placement !== prevProps.placement);\n  }\n\n  maybeUpdatePosition = (placementChanged: any) => {\n    const target = this.getTarget();\n\n    if (\n      !this.props.shouldUpdatePosition &&\n      target === this._lastTarget &&\n      !placementChanged\n    ) {\n      return;\n    }\n\n    this.updatePosition(target);\n  };\n\n  componentWillUnmount() {\n    this.resizeDispose?.forEach(fn => fn());\n  }\n\n  render() {\n    const {children, className, ...props} = this.props;\n    const {positionLeft, positionTop, ...arrowPosition} = this.state;\n\n    // These should not be forwarded to the child.\n    delete props.target;\n    delete props.container;\n    delete props.containerPadding;\n    delete props.shouldUpdatePosition;\n\n    const child = React.Children.only(children);\n    return cloneElement(child, {\n      ...props,\n      ...arrowPosition,\n      // FIXME: Don't forward `positionLeft` and `positionTop` via both props\n      // and `props.style`.\n      positionLeft,\n      positionTop,\n      className: classNames(className, child.props.className),\n      style: {\n        ...child.props.style,\n        left: positionLeft,\n        top: positionTop\n      }\n    });\n  }\n}\n\ninterface OverlayProps {\n  placement?: string;\n  show?: boolean;\n  transition?: React.ElementType;\n  containerPadding?: number;\n  shouldUpdatePosition?: boolean;\n  rootClose?: boolean;\n  onHide?(props: any, ...args: any[]): any;\n  container?: React.ReactNode | Function;\n  target?: React.ReactNode | Function;\n  watchTargetSizeChange?: boolean;\n\n  onEnter?(node: HTMLElement): any;\n  onEntering?(node: HTMLElement): any;\n  onEntered?(node: HTMLElement): any;\n  onExit?(node: HTMLElement): any;\n  onExiting?(node: HTMLElement): any;\n  onExited?(node: HTMLElement): any;\n}\ninterface OverlayState {\n  exited: boolean;\n}\nexport default class Overlay extends React.Component<\n  OverlayProps,\n  OverlayState\n> {\n  static defaultProps = {\n    placement: 'auto'\n  };\n  constructor(props: OverlayProps) {\n    super(props as any);\n\n    this.state = {\n      exited: !props.show\n    };\n  }\n\n  position: any = null;\n  positionRef = (position: any) => {\n    this.position = position;\n  };\n\n  updatePosition() {\n    this.position?.maybeUpdatePosition(true);\n  }\n\n  componentDidUpdate(prevProps: OverlayProps) {\n    const props = this.props;\n    if (prevProps.show !== props.show && props.show) {\n      this.setState({exited: false});\n    } else if (props.transition !== prevProps.transition && !props.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      this.setState({exited: true});\n    }\n  }\n\n  @autobind\n  onHiddenListener(node: HTMLElement) {\n    this.setState({exited: true});\n\n    if (this.props.onExited) {\n      this.props.onExited(node);\n    }\n  }\n\n  render() {\n    const {\n      container,\n      containerPadding,\n      target,\n      placement,\n      shouldUpdatePosition,\n      rootClose,\n      children,\n      watchTargetSizeChange,\n      transition: Transition,\n      ...props\n    } = this.props;\n\n    const mountOverlay = props.show || (Transition && !this.state.exited);\n    if (!mountOverlay) {\n      // Don't bother showing anything if we don't have to.\n      return null;\n    }\n\n    let child = children;\n\n    // Position is be inner-most because it adds inline styles into the child,\n    // which the other wrappers don't forward correctly.\n    child = (\n      // @ts-ignore\n      <Position\n        {...{\n          container,\n          containerPadding,\n          target,\n          placement,\n          shouldUpdatePosition\n        }}\n        ref={this.positionRef}\n      >\n        {child}\n      </Position>\n    );\n\n    if (Transition) {\n      let {onExit, onExiting, onEnter, onEntering, onEntered} = props;\n\n      // This animates the child node by injecting props, so it must precede\n      // anything that adds a wrapping div.\n      child = (\n        <Transition\n          in={props.show}\n          appear\n          onExit={onExit}\n          onExiting={onExiting}\n          onExited={this.onHiddenListener}\n          onEnter={onEnter}\n          onEntering={onEntering}\n          onEntered={onEntered}\n        >\n          {child}\n        </Transition>\n      );\n    }\n\n    // This goes after everything else because it adds a wrapping div.\n    if (rootClose) {\n      return (\n        // @ts-ignore\n        <Portal container={container}>\n          <RootClose onRootClose={props.onHide}>\n            {(ref: any) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, {\n                  ref: ref\n                });\n              }\n\n              return <div ref={ref}>{child}</div>;\n            }}\n          </RootClose>\n        </Portal>\n      );\n    }\n\n    // @ts-ignore\n    return <Portal container={container}>{child}</Portal>;\n  }\n}\n"
     ]
 }

package/lib/components/Picker.d.ts

@@ -11,6 +11,7 @@ export declare type PickerValue = string | number;
 export interface PickerProps extends ThemeProps, LocaleProps {
     title?: String | ReactNode;
     labelField?: string;
+    valueField?: string;
     className?: string;
     showToolbar?: boolean;
     defaultValue?: PickerValue[];

package/lib/components/Picker.js

@@ -18,9 +18,14 @@ function fixToArray(data) {
     return data;
 }
 var Picker = (0, react_1.memo)(function (props) {
-    var labelField = props.labelField, _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.value, value = _b === void 0 ? [] : _b, _c = props.swipeDuration, swipeDuration = _c === void 0 ? 1000 : _c, _d = props.columns, columns = _d === void 0 ? [] : _d, _e = props.itemHeight, itemHeight = _e === void 0 ? 30 : _e, _f = props.showToolbar, showToolbar = _f === void 0 ? true : _f, _g = props.className, className = _g === void 0 ? '' : _g, cx = props.classnames, ns = props.classPrefix, __ = props.translate;
+    var title = props.title, labelField = props.labelField, valueField = props.valueField, _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.value, value = _b === void 0 ? [] : _b, _c = props.swipeDuration, swipeDuration = _c === void 0 ? 1000 : _c, _d = props.columns, columns = _d === void 0 ? [] : _d, _e = props.itemHeight, itemHeight = _e === void 0 ? 48 : _e, _f = props.showToolbar, showToolbar = _f === void 0 ? true : _f, _g = props.className, className = _g === void 0 ? '' : _g, cx = props.classnames, ns = props.classPrefix, __ = props.translate;
     var _columns = fixToArray(columns);
     var _h = (0, react_1.useState)(fixToArray(props.value === undefined ? props.defaultValue || [] : value)), innerValue = _h[0], setInnerValue = _h[1];
+    (0, react_1.useEffect)(function () {
+        if (value === innerValue)
+            return;
+        setInnerValue(fixToArray(value));
+    }, [value]);
     var close = function () {
         if (props.onClose) {
             props.onClose(innerValue);
@@ -40,9 +45,9 @@ var Picker = (0, react_1.memo)(function (props) {
         }
     };
     var renderColumnItem = function (item, index) {
-        return (react_1.default.createElement(PickerColumn_1.default, (0, tslib_1.__assign)({}, item, { classnames: cx, classPrefix: ns, labelField: labelField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
+        return (react_1.default.createElement(PickerColumn_1.default, (0, tslib_1.__assign)({}, item, { classnames: cx, classPrefix: ns, labelField: labelField || item.labelField, valueField: valueField || item.valueField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
                 onChange(val, index, confirm);
-            } })));
+            }, key: "column" + index })));
     };
     var wrapHeight = itemHeight * +visibleItemCount;
     var frameStyle = { height: itemHeight + "px" };
@@ -50,12 +55,16 @@ var Picker = (0, react_1.memo)(function (props) {
     var maskStyle = {
         backgroundSize: "100% " + (wrapHeight - itemHeight) / 2 + "px"
     };
+    var hasHeader = showToolbar || title;
     return (react_1.default.createElement("div", { className: cx(className, 'PickerColumns', 'PickerColumns-popOver') },
-        showToolbar && react_1.default.createElement("div", { className: cx('PickerColumns-toolbar') },
-            react_1.default.createElement(Button_1.default, { className: "PickerColumns-cancel", level: "default", onClick: close }, __('cancel')),
-            react_1.default.createElement(Button_1.default, { className: "PickerColumns-confirm", level: "primary", onClick: confirm }, __('confirm'))),
+        hasHeader && (react_1.default.createElement("div", { className: cx('PickerColumns-header') },
+            showToolbar && (react_1.default.createElement(Button_1.default, { className: "PickerColumns-cancel", level: "default", onClick: close }, __('cancel'))),
+            title && (react_1.default.createElement("div", { className: cx('PickerColumns-title') }, title)),
+            showToolbar && (react_1.default.createElement(Button_1.default, { className: "PickerColumns-confirm", level: "primary", onClick: confirm }, __('confirm'))))),
         react_1.default.createElement("div", { className: cx('PickerColumns-columns'), style: columnsStyle },
-            _columns.map(function (column, index) { return renderColumnItem(column, index); }),
+            _columns.map(function (column, index) {
+                return renderColumnItem(column, index);
+            }),
             react_1.default.createElement("div", { className: cx('PickerColumns-mask'), style: maskStyle }),
             react_1.default.createElement("div", { className: cx('PickerColumns-frame'), style: frameStyle }))));
 });

package/lib/components/Picker.js.map

@@ -6,8 +6,8 @@
         "/src/components/Picker.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Picker\n * @description 移动端列滚动选择器\n */\nimport React, {\n  memo,\n  ReactNode,\n  useState\n} from 'react';\nimport {uncontrollable} from 'uncontrollable';\n\nimport {themeable, ThemeProps} from '../theme';\nimport {localeable, LocaleProps} from '../locale';\n\nimport Button from './Button';\nimport {PickerColumnItem, default as Column} from './PickerColumn';\n\nexport type PickerValue = string | number;\n\nexport interface PickerProps extends ThemeProps, LocaleProps {\n  title?: String | ReactNode,\n  labelField?: string;\n  className?: string;\n  showToolbar?: boolean;\n  defaultValue?: PickerValue[];\n  value?: PickerValue[];\n  swipeDuration?: number;\n  visibleItemCount?: number;\n  itemHeight?: number;\n  columns: PickerColumnItem[] | PickerColumnItem;\n  onChange?: (\n    value?: PickerValue[],\n    index?: number,\n    confirm?: boolean\n  ) => void;\n  onClose?: (\n    value?: PickerValue[]\n  ) => void;\n  onConfirm?: (\n    value?: PickerValue[]\n  ) => void;\n}\n\nfunction fixToArray(data: any) {\n  if (!Array.isArray(data)) {\n    return [data];\n  }\n  return data;\n}\n\nconst Picker = memo<PickerProps>((props) => {\n  const {\n    labelField,\n    visibleItemCount = 5,\n    value = [],\n    swipeDuration = 1000,\n    columns = [],\n    itemHeight = 30,\n    showToolbar = true,\n    className='',\n    classnames: cx,\n    classPrefix: ns,\n    translate: __\n  } = props;\n\n  const _columns = fixToArray(columns);\n  const [innerValue, setInnerValue] = useState<PickerValue[]>(\n    fixToArray(props.value === undefined ? props.defaultValue || [] : value )\n  );\n\n  const close = () => {\n    if (props.onClose) {\n      props.onClose(innerValue);\n    }\n  };\n\n  const confirm = () => {\n    if (props.onConfirm) {\n      props.onConfirm(innerValue);\n    }\n  };\n\n  const onChange = (itemValue: PickerValue, columnIndex: number, confirm?: boolean) => {\n    const nextInnerValue = [...innerValue];\n    nextInnerValue[columnIndex] = itemValue;\n    setInnerValue(nextInnerValue);\n    if (props.onChange) {\n      props.onChange(nextInnerValue, columnIndex, confirm);\n    }\n  };\n\n  const renderColumnItem = (item: PickerColumnItem, index: number) => {\n    return (\n      <Column\n        {...item}\n        classnames={cx}\n        classPrefix={ns}\n        labelField={labelField}\n        itemHeight={itemHeight}\n        swipeDuration={swipeDuration}\n        visibleItemCount={visibleItemCount}\n        value={innerValue[index]}\n        onChange={(val: string | number, i, confirm) => {\n          onChange(val, index, confirm);\n        }}\n    />)\n  };\n\n  const wrapHeight = itemHeight * +visibleItemCount;\n  const frameStyle = {height: `${itemHeight}px`};\n  const columnsStyle = {height: `${wrapHeight}px`};\n  const maskStyle = {\n    backgroundSize: `100% ${(wrapHeight - itemHeight) / 2}px`\n  };\n\n  return (\n    <div\n      className={cx(className, 'PickerColumns', 'PickerColumns-popOver')}\n    >\n      {showToolbar && <div className={cx('PickerColumns-toolbar')}>\n        <Button className=\"PickerColumns-cancel\" level=\"default\" onClick={close}>\n          {__('cancel')}\n        </Button>\n        <Button className=\"PickerColumns-confirm\" level=\"primary\" onClick={confirm}>\n          {__('confirm')}\n        </Button>\n      </div>}\n      <div className={cx('PickerColumns-columns')} style={columnsStyle}>\n          {\n              _columns.map((column: PickerColumnItem, index: number) => renderColumnItem(column, index))\n          }\n        <div className={cx('PickerColumns-mask')} style={maskStyle}></div>\n        <div className={cx('PickerColumns-frame')} style={frameStyle}></div>\n      </div>\n    </div>\n  );\n});\n\nexport default themeable(\n  localeable(\n    uncontrollable(Picker, {\n      value: 'onChange'\n    })\n  )\n);\n"
+        "/**\n * @file Picker\n * @description 移动端列滚动选择器\n */\nimport React, {\n  memo,\n  ReactNode,\n  useState,\n  useEffect\n} from 'react';\nimport {uncontrollable} from 'uncontrollable';\n\nimport {themeable, ThemeProps} from '../theme';\nimport {localeable, LocaleProps} from '../locale';\n\nimport Button from './Button';\nimport {PickerColumnItem, default as Column} from './PickerColumn';\n\nexport type PickerValue = string | number;\n\nexport interface PickerProps extends ThemeProps, LocaleProps {\n  title?: String | ReactNode;\n  labelField?: string;\n  valueField?: string;\n  className?: string;\n  showToolbar?: boolean;\n  defaultValue?: PickerValue[];\n  value?: PickerValue[];\n  swipeDuration?: number;\n  visibleItemCount?: number;\n  itemHeight?: number;\n  columns: PickerColumnItem[] | PickerColumnItem;\n  onChange?: (value?: PickerValue[], index?: number, confirm?: boolean) => void;\n  onClose?: (value?: PickerValue[]) => void;\n  onConfirm?: (value?: PickerValue[]) => void;\n}\n\nfunction fixToArray(data: any) {\n  if (!Array.isArray(data)) {\n    return [data];\n  }\n  return data;\n}\n\nconst Picker = memo<PickerProps>(props => {\n  const {\n    title,\n    labelField,\n    valueField,\n    visibleItemCount = 5,\n    value = [],\n    swipeDuration = 1000,\n    columns = [],\n    itemHeight = 48,\n    showToolbar = true,\n    className = '',\n    classnames: cx,\n    classPrefix: ns,\n    translate: __\n  } = props;\n\n  const _columns = fixToArray(columns);\n  const [innerValue, setInnerValue] = useState<PickerValue[]>(\n    fixToArray(props.value === undefined ? props.defaultValue || [] : value)\n  );\n\n  useEffect(() => {\n    if (value === innerValue) return\n    setInnerValue(fixToArray(value));\n  }, [value])\n\n  const close = () => {\n    if (props.onClose) {\n      props.onClose(innerValue);\n    }\n  };\n\n  const confirm = () => {\n    if (props.onConfirm) {\n      props.onConfirm(innerValue);\n    }\n  };\n\n  const onChange = (\n    itemValue: PickerValue,\n    columnIndex: number,\n    confirm?: boolean\n  ) => {\n    const nextInnerValue = [...innerValue];\n    nextInnerValue[columnIndex] = itemValue;\n    setInnerValue(nextInnerValue);\n    if (props.onChange) {\n      props.onChange(nextInnerValue, columnIndex, confirm);\n    }\n  };\n\n  const renderColumnItem = (item: PickerColumnItem, index: number) => {\n    return (\n      <Column\n        {...item}\n        classnames={cx}\n        classPrefix={ns}\n        labelField={labelField || item.labelField} \n        valueField={valueField || item.valueField}\n        itemHeight={itemHeight}\n        swipeDuration={swipeDuration}\n        visibleItemCount={visibleItemCount}\n        value={innerValue[index]}\n        onChange={(val: string | number, i, confirm) => {\n          onChange(val, index, confirm);\n        }}\n        key={`column${index}`}\n      />\n    );\n  };\n\n  const wrapHeight = itemHeight * +visibleItemCount;\n  const frameStyle = {height: `${itemHeight}px`};\n  const columnsStyle = {height: `${wrapHeight}px`};\n  const maskStyle = {\n    backgroundSize: `100% ${(wrapHeight - itemHeight) / 2}px`\n  };\n  const hasHeader = showToolbar || title;\n  return (\n    <div className={cx(className, 'PickerColumns', 'PickerColumns-popOver')}>\n      {hasHeader && (<div className={cx('PickerColumns-header')}>\n          {showToolbar && (<Button\n            className=\"PickerColumns-cancel\"\n            level=\"default\"\n            onClick={close}\n          >\n            {__('cancel')}\n          </Button>)}\n          {title && (\n            <div className={cx('PickerColumns-title')}>\n              {title}\n            </div>\n          )}\n          {showToolbar && (<Button\n            className=\"PickerColumns-confirm\"\n            level=\"primary\"\n            onClick={confirm}\n          >\n            {__('confirm')}\n          </Button>)}\n        </div>\n      )}\n      <div className={cx('PickerColumns-columns')} style={columnsStyle}>\n        {_columns.map((column: PickerColumnItem, index: number) =>\n          renderColumnItem(column, index)\n        )}\n        <div className={cx('PickerColumns-mask')} style={maskStyle}></div>\n        <div className={cx('PickerColumns-frame')} style={frameStyle}></div>\n      </div>\n    </div>\n  );\n});\n\nexport default themeable(\n  localeable(\n    uncontrollable(Picker, {\n      value: 'onChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/PickerColumn.d.ts

@@ -7,6 +7,7 @@ import React from 'react';
 import { ThemeProps } from '../theme';
 export interface PickerColumnItem {
     labelField?: string;
+    valueField?: string;
     readonly?: boolean;
     value?: PickerOption;
     swipeDuration?: number;

package/lib/components/PickerColumn.js

@@ -13,7 +13,6 @@ var hooks_1 = require("../hooks");
 var helper_1 = require("../utils/helper");
 var theme_1 = require("../theme");
 var use_touch_1 = (0, tslib_1.__importDefault)(require("../hooks/use-touch"));
-;
 var DEFAULT_DURATION = 200;
 var MOMENTUM_LIMIT_TIME = 300;
 var MOMENTUM_LIMIT_DISTANCE = 15;
@@ -31,7 +30,7 @@ function isOptionDisabled(option) {
     return (0, isObject_1.default)(option) && option.disabled;
 }
 var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
-    var _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.itemHeight, itemHeight = _b === void 0 ? 30 : _b, value = props.value, _c = props.swipeDuration, swipeDuration = _c === void 0 ? 1000 : _c, _d = props.labelField, labelField = _d === void 0 ? 'text' : _d, _e = props.options, options = _e === void 0 ? [] : _e, cx = props.classnames;
+    var _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.itemHeight, itemHeight = _b === void 0 ? 48 : _b, value = props.value, _c = props.valueField, valueField = _c === void 0 ? 'value' : _c, _d = props.swipeDuration, swipeDuration = _d === void 0 ? 1000 : _d, _e = props.labelField, labelField = _e === void 0 ? 'text' : _e, _f = props.options, options = _f === void 0 ? [] : _f, cx = props.classnames;
     var root = (0, react_1.useRef)(null);
     var menuItemRef = (0, react_1.useRef)(null);
     var wrapper = (0, react_1.useRef)(null);
@@ -42,7 +41,21 @@ var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
     var momentumOffset = (0, react_1.useRef)(0);
     var touch = (0, use_touch_1.default)();
     var count = options.length;
-    var defaultIndex = options.findIndex(function (item) { return item === value; });
+    var getOptionText = function (option) {
+        if ((0, isObject_1.default)(option) && labelField in option) {
+            //@ts-ignore
+            return option[labelField];
+        }
+        return option;
+    };
+    var getOptionValue = function (option) {
+        if ((0, isObject_1.default)(option) && valueField in option) {
+            //@ts-ignore
+            return option[valueField];
+        }
+        return option;
+    };
+    var defaultIndex = options.findIndex(function (item) { return getOptionValue(item) === value; });
     var baseOffset = (0, react_1.useMemo)(function () {
         // 默认转入第一个选项的位置
         return (itemHeight * (+visibleItemCount - 1)) / 2;
@@ -62,12 +75,12 @@ var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
         }
         return null;
     };
-    var _f = (0, hooks_1.useSetState)({
+    var _g = (0, hooks_1.useSetState)({
         index: adjustIndex(defaultIndex) || 0,
         offset: 0,
         duration: 0,
         options: (0, cloneDeep_1.default)(options)
-    }), state = _f[0], updateState = _f[1];
+    }), state = _g[0], updateState = _g[1];
     /**
      *
      * @param index 索引
@@ -82,11 +95,8 @@ var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
             if (emitChange && props.onChange) {
                 requestAnimationFrame(function () {
                     var _a;
-                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, options[index], index, confirm);
+                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, getOptionValue(options[index]), index, confirm);
                 });
-                // setTimeout(() => {
-                //   props.onChange?.(options[index], index, confirm);
-                // }, 0);
             }
         };
         // trigger the change event after transitionend when moving
@@ -102,7 +112,7 @@ var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
     var setOptions = function (options) {
         if (JSON.stringify(options) !== JSON.stringify(state.options)) {
             updateState({ options: options });
-            var index = options.findIndex(function (item) { return item === value; }) || 0;
+            var index = options.findIndex(function (item) { return getOptionValue(item) === value; }) || 0;
             setIndex(index, true, true);
         }
     };
@@ -114,13 +124,6 @@ var PickerColumn = (0, react_1.forwardRef)(function (props, ref) {
         updateState({ duration: DEFAULT_DURATION });
         setIndex(index, true, true);
     };
-    var getOptionText = function (option) {
-        if ((0, isObject_1.default)(option) && labelField in option) {
-            //@ts-ignore
-            return option[labelField];
-        }
-        return option;
-    };
     var getIndexByOffset = function (offset) {
         return (0, helper_1.range)(Math.round(-offset / itemHeight), 0, count - 1);
     };
@@ -262,7 +265,7 @@ PickerColumn.defaultProps = {
     options: [],
     visibleItemCount: 5,
     swipeDuration: 1000,
-    itemHeight: 30
+    itemHeight: 48
 };
 exports.default = (0, theme_1.themeable)((0, uncontrollable_1.uncontrollable)(PickerColumn, {
     value: 'onChange'