amis 1.5.6-beta.5 → 1.6.0

package/lib/components/TreeSelection.js

@@ -165,7 +165,13 @@ var TreeSelection = /** @class */ (function (_super) {
                         _this.toggleCollapsed(option, id);
                     }, className: cx('Table-expandBtn', expaned ? 'is-active' : '') },
                     react_1.default.createElement(icons_1.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
-                react_1.default.createElement("div", { className: cx('TreeSelection-itemLabel') }, itemRender(option)),
+                react_1.default.createElement("div", { className: cx('TreeSelection-itemLabel') }, itemRender(option, {
+                    index: index,
+                    multiple: multiple,
+                    checked: checked,
+                    onChange: function () { return _this.toggleOption(option); },
+                    disabled: disabled || option.disabled
+                })),
                 option.defer && option.loading ? react_1.default.createElement(Spinner_1.default, { show: true, size: "sm" }) : null,
                 multiple && (!option.defer || option.loaded) ? (react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: checked, partial: partial, disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null),
             hasChildren ? (react_1.default.createElement("div", { className: cx('TreeSelection-sublist') }, option.children.map(function (option, key) {

package/lib/components/TreeSelection.js.map

@@ -6,8 +6,8 @@
         "/src/components/TreeSelection.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import {BaseSelection, BaseSelectionProps} from './Selection';\nimport {themeable} from '../theme';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport {Option} from './Select';\nimport {autobind, eachTree, everyTree} from '../utils/helper';\nimport Spinner from './Spinner';\nimport {localeable} from '../locale';\nimport {Icon} from './icons';\n\nexport interface TreeSelectionProps extends BaseSelectionProps {\n  expand?: 'all' | 'first' | 'root' | 'none';\n}\n\nexport interface TreeSelectionState {\n  expanded: Array<string>;\n}\n\nexport class TreeSelection extends BaseSelection<\n  TreeSelectionProps,\n  TreeSelectionState\n> {\n  valueArray: Array<Option>;\n  state: TreeSelectionState = {\n    expanded: []\n  };\n\n  static defaultProps = {\n    ...BaseSelection.defaultProps,\n    expand: 'first' as 'first'\n  };\n\n  componentDidMount() {\n    this.syncExpanded();\n  }\n\n  componentDidUpdate(prevProps: TreeSelectionProps) {\n    const props = this.props;\n\n    if (\n      !this.state.expanded.length &&\n      (props.expand !== prevProps.expand || props.options !== prevProps.options)\n    ) {\n      this.syncExpanded();\n    }\n  }\n\n  syncExpanded() {\n    const options = this.props.options;\n    const mode = this.props.expand;\n    const expanded: Array<string> = [];\n\n    if (!Array.isArray(options)) {\n      return;\n    }\n\n    if (mode === 'first' || mode === 'root') {\n      options.every((option, index) => {\n        if (Array.isArray(option.children)) {\n          expanded.push(`${index}`);\n          return mode === 'root';\n        }\n        return true;\n      });\n    } else if (mode === 'all') {\n      everyTree(options, (option, index, level, paths, indexes) => {\n        if (Array.isArray(option.children)) {\n          expanded.push(`${indexes.concat(index).join('-')}`);\n        }\n        return true;\n      });\n    }\n\n    this.setState({expanded});\n  }\n\n  toggleOption(option: Option) {\n    const {\n      value,\n      onChange,\n      option2value,\n      options,\n      onDeferLoad,\n      disabled,\n      multiple,\n      clearable\n    } = this.props;\n\n    if (disabled || option.disabled) {\n      return;\n    } else if (option.defer && !option.loaded) {\n      onDeferLoad?.(option);\n      return;\n    }\n\n    let valueArray = BaseSelection.value2array(value, options, option2value);\n\n    if (\n      option.value === void 0 &&\n      Array.isArray(option.children) &&\n      option.children.length &&\n      multiple\n    ) {\n      const someCheckedFn = (child: Option) =>\n        (Array.isArray(child.children) && child.children.length\n          ? child.children.some(someCheckedFn)\n          : false) ||\n        (child.value !== void 0 && ~valueArray.indexOf(child));\n      const someChecked = option.children.some(someCheckedFn);\n      const eachFn = (child: Option) => {\n        if (Array.isArray(child.children) && child.children.length) {\n          child.children.forEach(eachFn);\n        }\n\n        if (child.value !== void 0) {\n          const idx = valueArray.indexOf(child);\n\n          ~idx && valueArray.splice(idx, 1);\n\n          if (!someChecked) {\n            valueArray.push(child);\n          }\n        }\n      };\n      option.children.forEach(eachFn);\n    } else {\n      let idx = valueArray.indexOf(option);\n\n      if (~idx && (multiple || clearable)) {\n        valueArray.splice(idx, 1);\n      } else if (multiple) {\n        valueArray.push(option);\n      } else {\n        valueArray = [option];\n      }\n    }\n\n    let newValue: string | Array<Option> = option2value\n      ? valueArray.map(item => option2value(item))\n      : valueArray;\n\n    onChange && onChange(multiple ? newValue : newValue[0]);\n  }\n\n  toggleCollapsed(option: Option, index: string) {\n    const onDeferLoad = this.props.onDeferLoad;\n    const expanded = this.state.expanded.concat();\n    const idx = expanded.indexOf(index);\n\n    if (~idx) {\n      expanded.splice(idx, 1);\n    } else {\n      expanded.push(index);\n    }\n\n    this.setState(\n      {\n        expanded: expanded\n      },\n      option.defer && onDeferLoad ? () => onDeferLoad(option) : undefined\n    );\n  }\n\n  renderItem(option: Option, index: number, indexes: Array<number> = []) {\n    const {\n      labelClassName,\n      disabled,\n      classnames: cx,\n      itemClassName,\n      itemRender,\n      multiple\n    } = this.props;\n    const id = indexes.join('-');\n    const valueArray = this.valueArray;\n    let partial = false;\n    let checked = false;\n    let hasChildren = Array.isArray(option.children) && option.children.length;\n\n    if (option.value === void 0 && hasChildren) {\n      let allchecked = true;\n      let partialChecked = false;\n      const eachFn = (child: Option) => {\n        if (Array.isArray(child.children) && child.children.length) {\n          child.children.forEach(eachFn);\n        }\n\n        if (child.value !== void 0) {\n          const isIn = !!~valueArray.indexOf(child);\n\n          if (isIn && !partialChecked) {\n            partialChecked = true;\n          } else if (!isIn && allchecked) {\n            allchecked = false;\n          }\n\n          checked = partialChecked;\n          partial = partialChecked && !allchecked;\n        }\n      };\n\n      option.children!.forEach(eachFn);\n    } else {\n      checked = !!~valueArray.indexOf(option);\n    }\n\n    const expaned = !!~this.state.expanded.indexOf(id);\n\n    return (\n      <div\n        key={index}\n        className={cx(\n          'TreeSelection-item',\n          disabled || option.disabled || (option.defer && option.loading)\n            ? 'is-disabled'\n            : '',\n          expaned ? 'is-expanded' : ''\n        )}\n      >\n        <div\n          className={cx(\n            'TreeSelection-itemInner',\n            itemClassName,\n            option.className,\n            checked ? 'is-active' : ''\n          )}\n          onClick={() => this.toggleOption(option)}\n        >\n          {hasChildren || option.defer ? (\n            <a\n              onClick={(e: React.MouseEvent<any>) => {\n                e.stopPropagation();\n                this.toggleCollapsed(option, id);\n              }}\n              className={cx('Table-expandBtn', expaned ? 'is-active' : '')}\n            >\n              <Icon icon=\"right-arrow-bold\" className=\"icon\" />\n            </a>\n          ) : null}\n\n          <div className={cx('TreeSelection-itemLabel')}>\n            {itemRender(option)}\n          </div>\n\n          {option.defer && option.loading ? <Spinner show size=\"sm\" /> : null}\n\n          {multiple && (!option.defer || option.loaded) ? (\n            <Checkbox\n              size=\"sm\"\n              checked={checked}\n              partial={partial}\n              disabled={disabled || option.disabled}\n              labelClassName={labelClassName}\n              description={option.description}\n            />\n          ) : null}\n        </div>\n        {hasChildren ? (\n          <div className={cx('TreeSelection-sublist')}>\n            {option.children!.map((option, key) =>\n              this.renderItem(option, key, indexes.concat(key))\n            )}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      placeholder,\n      classnames: cx,\n      option2value,\n      translate: __\n    } = this.props;\n\n    this.valueArray = BaseSelection.value2array(value, options, option2value);\n    let body: Array<React.ReactNode> = [];\n\n    if (Array.isArray(options) && options.length) {\n      body = options.map((option, key) => this.renderItem(option, key, [key]));\n    }\n\n    return (\n      <div className={cx('TreeSelection', className)}>\n        {body && body.length ? (\n          body\n        ) : (\n          <div className={cx('TreeSelection-placeholder')}>\n            {__(placeholder)}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(TreeSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
+        "import {BaseSelection, BaseSelectionProps} from './Selection';\nimport {themeable} from '../theme';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport {Option} from './Select';\nimport {autobind, eachTree, everyTree} from '../utils/helper';\nimport Spinner from './Spinner';\nimport {localeable} from '../locale';\nimport {Icon} from './icons';\n\nexport interface TreeSelectionProps extends BaseSelectionProps {\n  expand?: 'all' | 'first' | 'root' | 'none';\n}\n\nexport interface TreeSelectionState {\n  expanded: Array<string>;\n}\n\nexport class TreeSelection extends BaseSelection<\n  TreeSelectionProps,\n  TreeSelectionState\n> {\n  valueArray: Array<Option>;\n  state: TreeSelectionState = {\n    expanded: []\n  };\n\n  static defaultProps = {\n    ...BaseSelection.defaultProps,\n    expand: 'first' as 'first'\n  };\n\n  componentDidMount() {\n    this.syncExpanded();\n  }\n\n  componentDidUpdate(prevProps: TreeSelectionProps) {\n    const props = this.props;\n\n    if (\n      !this.state.expanded.length &&\n      (props.expand !== prevProps.expand || props.options !== prevProps.options)\n    ) {\n      this.syncExpanded();\n    }\n  }\n\n  syncExpanded() {\n    const options = this.props.options;\n    const mode = this.props.expand;\n    const expanded: Array<string> = [];\n\n    if (!Array.isArray(options)) {\n      return;\n    }\n\n    if (mode === 'first' || mode === 'root') {\n      options.every((option, index) => {\n        if (Array.isArray(option.children)) {\n          expanded.push(`${index}`);\n          return mode === 'root';\n        }\n        return true;\n      });\n    } else if (mode === 'all') {\n      everyTree(options, (option, index, level, paths, indexes) => {\n        if (Array.isArray(option.children)) {\n          expanded.push(`${indexes.concat(index).join('-')}`);\n        }\n        return true;\n      });\n    }\n\n    this.setState({expanded});\n  }\n\n  toggleOption(option: Option) {\n    const {\n      value,\n      onChange,\n      option2value,\n      options,\n      onDeferLoad,\n      disabled,\n      multiple,\n      clearable\n    } = this.props;\n\n    if (disabled || option.disabled) {\n      return;\n    } else if (option.defer && !option.loaded) {\n      onDeferLoad?.(option);\n      return;\n    }\n\n    let valueArray = BaseSelection.value2array(value, options, option2value);\n\n    if (\n      option.value === void 0 &&\n      Array.isArray(option.children) &&\n      option.children.length &&\n      multiple\n    ) {\n      const someCheckedFn = (child: Option) =>\n        (Array.isArray(child.children) && child.children.length\n          ? child.children.some(someCheckedFn)\n          : false) ||\n        (child.value !== void 0 && ~valueArray.indexOf(child));\n      const someChecked = option.children.some(someCheckedFn);\n      const eachFn = (child: Option) => {\n        if (Array.isArray(child.children) && child.children.length) {\n          child.children.forEach(eachFn);\n        }\n\n        if (child.value !== void 0) {\n          const idx = valueArray.indexOf(child);\n\n          ~idx && valueArray.splice(idx, 1);\n\n          if (!someChecked) {\n            valueArray.push(child);\n          }\n        }\n      };\n      option.children.forEach(eachFn);\n    } else {\n      let idx = valueArray.indexOf(option);\n\n      if (~idx && (multiple || clearable)) {\n        valueArray.splice(idx, 1);\n      } else if (multiple) {\n        valueArray.push(option);\n      } else {\n        valueArray = [option];\n      }\n    }\n\n    let newValue: string | Array<Option> = option2value\n      ? valueArray.map(item => option2value(item))\n      : valueArray;\n\n    onChange && onChange(multiple ? newValue : newValue[0]);\n  }\n\n  toggleCollapsed(option: Option, index: string) {\n    const onDeferLoad = this.props.onDeferLoad;\n    const expanded = this.state.expanded.concat();\n    const idx = expanded.indexOf(index);\n\n    if (~idx) {\n      expanded.splice(idx, 1);\n    } else {\n      expanded.push(index);\n    }\n\n    this.setState(\n      {\n        expanded: expanded\n      },\n      option.defer && onDeferLoad ? () => onDeferLoad(option) : undefined\n    );\n  }\n\n  renderItem(option: Option, index: number, indexes: Array<number> = []) {\n    const {\n      labelClassName,\n      disabled,\n      classnames: cx,\n      itemClassName,\n      itemRender,\n      multiple\n    } = this.props;\n    const id = indexes.join('-');\n    const valueArray = this.valueArray;\n    let partial = false;\n    let checked = false;\n    let hasChildren = Array.isArray(option.children) && option.children.length;\n\n    if (option.value === void 0 && hasChildren) {\n      let allchecked = true;\n      let partialChecked = false;\n      const eachFn = (child: Option) => {\n        if (Array.isArray(child.children) && child.children.length) {\n          child.children.forEach(eachFn);\n        }\n\n        if (child.value !== void 0) {\n          const isIn = !!~valueArray.indexOf(child);\n\n          if (isIn && !partialChecked) {\n            partialChecked = true;\n          } else if (!isIn && allchecked) {\n            allchecked = false;\n          }\n\n          checked = partialChecked;\n          partial = partialChecked && !allchecked;\n        }\n      };\n\n      option.children!.forEach(eachFn);\n    } else {\n      checked = !!~valueArray.indexOf(option);\n    }\n\n    const expaned = !!~this.state.expanded.indexOf(id);\n\n    return (\n      <div\n        key={index}\n        className={cx(\n          'TreeSelection-item',\n          disabled || option.disabled || (option.defer && option.loading)\n            ? 'is-disabled'\n            : '',\n          expaned ? 'is-expanded' : ''\n        )}\n      >\n        <div\n          className={cx(\n            'TreeSelection-itemInner',\n            itemClassName,\n            option.className,\n            checked ? 'is-active' : ''\n          )}\n          onClick={() => this.toggleOption(option)}\n        >\n          {hasChildren || option.defer ? (\n            <a\n              onClick={(e: React.MouseEvent<any>) => {\n                e.stopPropagation();\n                this.toggleCollapsed(option, id);\n              }}\n              className={cx('Table-expandBtn', expaned ? 'is-active' : '')}\n            >\n              <Icon icon=\"right-arrow-bold\" className=\"icon\" />\n            </a>\n          ) : null}\n\n          <div className={cx('TreeSelection-itemLabel')}>\n            {itemRender(option, {\n              index: index,\n              multiple: multiple,\n              checked: checked,\n              onChange: () => this.toggleOption(option),\n              disabled: disabled || option.disabled\n            })}\n          </div>\n\n          {option.defer && option.loading ? <Spinner show size=\"sm\" /> : null}\n\n          {multiple && (!option.defer || option.loaded) ? (\n            <Checkbox\n              size=\"sm\"\n              checked={checked}\n              partial={partial}\n              disabled={disabled || option.disabled}\n              labelClassName={labelClassName}\n              description={option.description}\n            />\n          ) : null}\n        </div>\n        {hasChildren ? (\n          <div className={cx('TreeSelection-sublist')}>\n            {option.children!.map((option, key) =>\n              this.renderItem(option, key, indexes.concat(key))\n            )}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      placeholder,\n      classnames: cx,\n      option2value,\n      translate: __\n    } = this.props;\n\n    this.valueArray = BaseSelection.value2array(value, options, option2value);\n    let body: Array<React.ReactNode> = [];\n\n    if (Array.isArray(options) && options.length) {\n      body = options.map((option, key) => this.renderItem(option, key, [key]));\n    }\n\n    return (\n      <div className={cx('TreeSelection', className)}>\n        {body && body.length ? (\n          body\n        ) : (\n          <div className={cx('TreeSelection-placeholder')}>\n            {__(placeholder)}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(TreeSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/calendar/Calendar.d.ts

@@ -4,6 +4,19 @@
 import ReactDatePicker from 'react-datetime';
 import React from 'react';
 import moment from 'moment';
+export declare type DateType = 'year' | 'month' | 'date' | 'hours' | 'minutes' | 'seconds';
+export interface BoundaryObject {
+    max: number;
+    min: number;
+}
+export interface DateBoundary {
+    year: BoundaryObject;
+    month: BoundaryObject;
+    date: BoundaryObject;
+    hours: BoundaryObject;
+    minutes: BoundaryObject;
+    seconds: BoundaryObject;
+}
 interface BaseDatePickerProps extends Omit<ReactDatePicker.DatetimepickerProps, 'viewMode'> {
     viewMode?: 'years' | 'months' | 'days' | 'time' | 'quarters';
     inputFormat?: string;
@@ -12,6 +25,7 @@ interface BaseDatePickerProps extends Omit<ReactDatePicker.DatetimepickerProps,
     onClose?: () => void;
     isEndDate?: boolean;
     minDate?: moment.Moment;
+    maxDate?: moment.Moment;
     renderDay?: (props: any, currentDate: moment.Moment, selectedDate: moment.Moment) => JSX.Element;
     renderQuarter?: (props: any, quartar: number, year?: number, date?: moment.Moment) => JSX.Element;
     schedules?: Array<{
@@ -22,6 +36,11 @@ interface BaseDatePickerProps extends Omit<ReactDatePicker.DatetimepickerProps,
     }>;
     largeMode?: boolean;
     onScheduleClick?: (scheduleData: any) => void;
+    hideHeader?: boolean;
+    updateOn?: string;
+    useMobileUI?: boolean;
+    embed?: boolean;
+    showToolbar?: boolean;
 }
 declare const _default: React.ComponentType<BaseDatePickerProps>;
 export default _default;

package/lib/components/calendar/Calendar.js

@@ -15,6 +15,15 @@ var BaseDatePicker = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(BaseDatePicker, _super);
     function BaseDatePicker(props) {
         var _this = _super.call(this, props) || this;
+        _this.timeCellLength = {
+            year: 4,
+            month: 2,
+            date: 2,
+            hours: 2,
+            minutes: 2,
+            seconds: 2,
+            milliseconds: 3
+        };
         _this.getUpdateOn = function (formats) {
             if (formats.date.match(/[lLD]/)) {
                 return 'days';
@@ -45,8 +54,15 @@ var BaseDatePicker = /** @class */ (function (_super) {
                     'isEndDate',
                     'classnames',
                     'minDate',
+                    'maxDate',
                     'schedules',
                     'largeMode',
+                    'onScheduleClick',
+                    'hideHeader',
+                    'updateOn',
+                    'useMobileUI',
+                    'showToolbar',
+                    'embed',
                     'onScheduleClick'
                 ].forEach(function (key) { return (props[key] = _this.props[key]); });
                 return props;
@@ -132,9 +148,54 @@ var BaseDatePicker = /** @class */ (function (_super) {
             }
             that.props.onChange(date);
         };
+        _this.getDateBoundary = function (currentDate) {
+            var _a, _b;
+            var _c = currentDate.toObject(), years = _c.years, months = _c.months;
+            var maxDateObject = (_a = _this.props.maxDate) === null || _a === void 0 ? void 0 : _a.toObject();
+            var minDateObject = (_b = _this.props.minDate) === null || _b === void 0 ? void 0 : _b.toObject();
+            var yearBoundary = {
+                max: maxDateObject ? maxDateObject.years : years + 100,
+                min: minDateObject ? minDateObject.years : years - 100,
+            };
+            var monthBoundary = {
+                max: years === (maxDateObject === null || maxDateObject === void 0 ? void 0 : maxDateObject.years) ? maxDateObject.months : 11,
+                min: years === (minDateObject === null || minDateObject === void 0 ? void 0 : minDateObject.years) ? minDateObject.months : 0
+            };
+            var dateBoundary = {
+                max: years === (maxDateObject === null || maxDateObject === void 0 ? void 0 : maxDateObject.years) && months === (maxDateObject === null || maxDateObject === void 0 ? void 0 : maxDateObject.months) ? maxDateObject.date : currentDate.daysInMonth(),
+                min: years === (minDateObject === null || minDateObject === void 0 ? void 0 : minDateObject.years) && months === (minDateObject === null || minDateObject === void 0 ? void 0 : minDateObject.months) ? minDateObject.date : 1
+            };
+            return {
+                year: yearBoundary,
+                month: monthBoundary,
+                date: dateBoundary,
+                hours: { max: 23, min: 0 },
+                minutes: { max: 59, min: 0 },
+                seconds: { max: 59, min: 0 }
+            };
+        };
+        _this.timeCell = function (value, type) {
+            var str = value + '';
+            while (str.length < _this.timeCellLength[type])
+                str = '0' + str;
+            return str;
+        };
+        _this.getColumns = function (types, dateBoundary) {
+            var columns = [];
+            types.map(function (type) {
+                var options = (0, helper_1.getRange)(dateBoundary[type].min, dateBoundary[type].max, 1).map(function (item) {
+                    return {
+                        text: type === 'month' ? _this.timeCell(item + 1, type) : _this.timeCell(item, type),
+                        value: item
+                    };
+                });
+                columns.push({ options: options });
+            });
+            return columns;
+        };
         _this.onConfirm = function (value, types) {
             var currentDate = (_this.state.selectedDate || _this.state.viewDate || (0, moment_1.default)()).clone();
-            var date = (0, helper_1.convertDateArrayToDate)(value, types, currentDate);
+            var date = (0, helper_1.convertArrayValueToMoment)(value, types, currentDate);
             if (!_this.props.value) {
                 _this.setState({
                     selectedDate: date,
@@ -164,7 +225,16 @@ var BaseDatePicker = /** @class */ (function (_super) {
                 this.props.renderQuarter
             ], viewProps.updateOn = _a[0], viewProps.renderQuarter = _a[1];
         }
+        else if (this.props.viewMode === 'years') {
+            viewProps.updateOn = 'years';
+        }
+        else if (this.props.viewMode === 'months') {
+            viewProps.updateOn = 'months';
+        }
         viewProps.onConfirm = this.onConfirm;
+        viewProps.getDateBoundary = this.getDateBoundary;
+        viewProps.getColumns = this.getColumns;
+        viewProps.timeCell = this.timeCell;
         return (react_1.default.createElement("div", { className: (0, classnames_1.default)('rdt rdtStatic rdtOpen', this.props.className) },
             react_1.default.createElement("div", { key: "dt", className: "rdtPicker" },
                 react_1.default.createElement(Component, { view: this.state.currentView, viewProps: viewProps }))));

package/lib/components/calendar/Calendar.js.map

@@ -6,8 +6,8 @@
         "/src/components/calendar/Calendar.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 基于 react-datetime 改造。\n */\nimport ReactDatePicker from 'react-datetime';\nimport React from 'react';\nimport CustomCalendarContainer from './CalendarContainer';\nimport cx from 'classnames';\nimport moment from 'moment';\nimport {themeable, ThemeOutterProps, ThemeProps} from '../../theme';\nimport {convertDateArrayToDate} from \"../../utils/helper\";\n\ninterface BaseDatePickerProps\n  extends Omit<ReactDatePicker.DatetimepickerProps, 'viewMode'> {\n  viewMode?: 'years' | 'months' | 'days' | 'time' | 'quarters';\n  inputFormat?: string;\n  onViewModeChange?: (type: string) => void;\n  requiredConfirm?: boolean;\n  onClose?: () => void;\n  isEndDate?: boolean;\n  minDate?: moment.Moment;\n  renderDay?: (\n    props: any,\n    currentDate: moment.Moment,\n    selectedDate: moment.Moment\n  ) => JSX.Element;\n  renderQuarter?: (\n    props: any,\n    quartar: number,\n    year?: number,\n    date?: moment.Moment\n  ) => JSX.Element;\n  schedules?: Array<{\n    startTime: Date;\n    endTime: Date;\n    content: string | React.ReactElement;\n    color?: string;\n  }>;\n  largeMode?: boolean;\n  onScheduleClick?: (scheduleData: any) => void;\n}\n\nclass BaseDatePicker extends ReactDatePicker {\n  state: any;\n  props: any;\n  setState: (state: any) => void;\n  getStateFromProps: any;\n\n  constructor(props: any) {\n    super(props);\n    const state = this.getStateFromProps(this.props);\n\n    if (state.open === undefined) {\n      state.open = !this.props.input;\n    }\n\n    state.currentView = this.props.dateFormat\n      ? this.props.viewMode || state.updateOn || 'days'\n      : 'time';\n\n    this.state = state;\n  }\n\n  static propTypes = {};\n\n  getUpdateOn = (formats: any) => {\n    if (formats.date.match(/[lLD]/)) {\n      return 'days';\n    } else if (formats.date.indexOf('M') !== -1) {\n      return 'months';\n    } else if (formats.date.indexOf('Q') !== -1) {\n      return 'quarters';\n    } else if (formats.date.indexOf('Y') !== -1) {\n      return 'years';\n    }\n\n    return 'days';\n  };\n\n  getComponentProps = ((origin: Function) => {\n    return () => {\n      const props = origin.call(this);\n      props.setDateTimeState = this.setState.bind(this);\n\n      [\n        'inputFormat',\n        'onChange',\n        'onClose',\n        'requiredConfirm',\n        'classPrefix',\n        'prevIcon',\n        'nextIcon',\n        'isEndDate',\n        'classnames',\n        'minDate',\n        'schedules',\n        'largeMode',\n        'onScheduleClick'\n      ].forEach(key => (props[key] = (this.props as any)[key]));\n\n      return props;\n    };\n  })((this as any).getComponentProps);\n\n  setDate = (type: 'month' | 'year' | 'quarters') => {\n    // todo 没看懂这个是啥意思，好像没啥用\n    const currentShould =\n      this.props.viewMode === 'months' &&\n      !/^mm$/i.test(this.props.inputFormat || '');\n    const nextViews = {\n      month: currentShould ? 'months' : 'days',\n      year: currentShould ? 'months' : 'days',\n      quarters: ''\n    };\n\n    if ((this.props.viewMode as any) === 'quarters') {\n      nextViews.year = 'quarters';\n    }\n\n    return (e: any) => {\n      this.setState({\n        viewDate: this.state.viewDate\n          .clone()\n          [type](\n            parseInt(e.target.closest('td').getAttribute('data-value'), 10)\n          )\n          .startOf(type),\n        currentView: nextViews[type]\n      });\n      this.props.onViewModeChange?.(nextViews[type]);\n    };\n  };\n\n  updateSelectedDate = (e: React.MouseEvent, close?: boolean) => {\n    const that: any = this;\n    let target = e.currentTarget,\n      modifier = 0,\n      viewDate = this.state.viewDate,\n      currentDate = this.state.selectedDate || viewDate,\n      date;\n\n    if (target.className.indexOf('rdtDay') !== -1) {\n      if (target.className.indexOf('rdtNew') !== -1) modifier = 1;\n      else if (target.className.indexOf('rdtOld') !== -1) modifier = -1;\n\n      date = viewDate\n        .clone()\n        .month(viewDate.month() + modifier)\n        .date(parseInt(target.getAttribute('data-value')!, 10));\n    } else if (target.className.indexOf('rdtMonth') !== -1) {\n      date = viewDate\n        .clone()\n        .month(parseInt(target.getAttribute('data-value')!, 10))\n        .date(currentDate.date());\n    } else if (target.className.indexOf('rdtQuarter') !== -1) {\n      date = viewDate\n        .clone()\n        .quarter(parseInt(target.getAttribute('data-value')!, 10))\n        .startOf('quarter')\n        .date(currentDate.date());\n    } else if (target.className.indexOf('rdtYear') !== -1) {\n      date = viewDate\n        .clone()\n        .month(currentDate.month())\n        .date(currentDate.date())\n        .year(parseInt(target.getAttribute('data-value')!, 10));\n    }\n\n    date\n      .hours(currentDate.hours())\n      .minutes(currentDate.minutes())\n      .seconds(currentDate.seconds())\n      .milliseconds(currentDate.milliseconds());\n\n    if (!this.props.value) {\n      var open = !(this.props.closeOnSelect && close);\n      if (!open) {\n        that.props.onBlur(date);\n      }\n\n      this.setState({\n        selectedDate: date,\n        viewDate: date.clone().startOf('month'),\n        inputValue: date.format(this.state.inputFormat),\n        open: open\n      });\n    } else {\n      if (this.props.closeOnSelect && close) {\n        that.closeCalendar();\n      }\n    }\n\n    that.props.onChange(date);\n  };\n\n  onConfirm = (value: number[], types: string[]) => {\n    const currentDate = (this.state.selectedDate || this.state.viewDate || moment()).clone();\n    \n    const date = convertDateArrayToDate(value, types, currentDate);\n\n    if (!this.props.value) {\n      this.setState({\n        selectedDate: date,\n        inputValue: date!.format(this.state.inputFormat)\n      });\n    }\n    this.props.onChange && this.props.onChange(date);\n    this.props.onClose && this.props.onClose();\n  }\n\n  \n  render() {\n    const Component = CustomCalendarContainer as any;\n    const viewProps = this.getComponentProps();\n\n    if (this.props.viewMode === 'quarters') {\n      [viewProps.updateOn, viewProps.renderQuarter] = [\n        'quarters',\n        this.props.renderQuarter\n      ];\n    }\n\n    viewProps.onConfirm = this.onConfirm;\n    return (\n      <div className={cx('rdt rdtStatic rdtOpen', this.props.className)}>\n        <div key=\"dt\" className=\"rdtPicker\">\n          <Component view={this.state.currentView} viewProps={viewProps} />\n        </div>\n      </div>\n    );\n  }\n}\n\nconst Calendar: any = themeable(BaseDatePicker as any);\nexport default Calendar as React.ComponentType<BaseDatePickerProps>;\n"
+        "/**\n * @file 基于 react-datetime 改造。\n */\nimport ReactDatePicker from 'react-datetime';\nimport React from 'react';\nimport CustomCalendarContainer from './CalendarContainer';\nimport cx from 'classnames';\nimport moment from 'moment';\nimport {themeable, ThemeOutterProps, ThemeProps} from '../../theme';\nimport {convertArrayValueToMoment, getRange} from \"../../utils/helper\";\nimport {PickerOption} from '../PickerColumn';\n\nexport type DateType = 'year' | 'month' | 'date' | 'hours' | 'minutes' | 'seconds';\nexport interface BoundaryObject {\n  max: number;\n  min: number;\n}\n\nexport interface DateBoundary {\n  year: BoundaryObject;\n  month: BoundaryObject;\n  date: BoundaryObject;\n  hours: BoundaryObject;\n  minutes: BoundaryObject;\n  seconds: BoundaryObject;\n}\n\ninterface BaseDatePickerProps\n  extends Omit<ReactDatePicker.DatetimepickerProps, 'viewMode'> {\n  viewMode?: 'years' | 'months' | 'days' | 'time' | 'quarters';\n  inputFormat?: string;\n  onViewModeChange?: (type: string) => void;\n  requiredConfirm?: boolean;\n  onClose?: () => void;\n  isEndDate?: boolean;\n  minDate?: moment.Moment;\n  maxDate?: moment.Moment;\n  renderDay?: (\n    props: any,\n    currentDate: moment.Moment,\n    selectedDate: moment.Moment\n  ) => JSX.Element;\n  renderQuarter?: (\n    props: any,\n    quartar: number,\n    year?: number,\n    date?: moment.Moment\n  ) => JSX.Element;\n  schedules?: Array<{\n    startTime: Date;\n    endTime: Date;\n    content: string | React.ReactElement;\n    color?: string;\n  }>;\n  largeMode?: boolean;\n  onScheduleClick?: (scheduleData: any) => void;\n  hideHeader?: boolean;\n  updateOn?: string;\n  useMobileUI?: boolean;\n  embed?: boolean;\n  showToolbar?: boolean;\n}\n\nclass BaseDatePicker extends ReactDatePicker {\n  state: any;\n  props: any;\n  setState: (state: any) => void;\n  getStateFromProps: any;\n\n  timeCellLength = {\n    year: 4,\n    month: 2,\n    date: 2,\n    hours: 2,\n    minutes: 2,\n    seconds: 2,\n    milliseconds: 3\n  };\n\n  constructor(props: any) {\n    super(props);\n    const state = this.getStateFromProps(this.props);\n\n    if (state.open === undefined) {\n      state.open = !this.props.input;\n    }\n\n    state.currentView = this.props.dateFormat\n      ? this.props.viewMode || state.updateOn || 'days'\n      : 'time';\n\n    this.state = state;\n  }\n\n  static propTypes = {};\n\n  getUpdateOn = (formats: any) => {\n    if (formats.date.match(/[lLD]/)) {\n      return 'days';\n    } else if (formats.date.indexOf('M') !== -1) {\n      return 'months';\n    } else if (formats.date.indexOf('Q') !== -1) {\n      return 'quarters';\n    } else if (formats.date.indexOf('Y') !== -1) {\n      return 'years';\n    }\n\n    return 'days';\n  };\n\n  getComponentProps = ((origin: Function) => {\n    return () => {\n      const props = origin.call(this);\n      props.setDateTimeState = this.setState.bind(this);\n\n      [\n        'inputFormat',\n        'onChange',\n        'onClose',\n        'requiredConfirm',\n        'classPrefix',\n        'prevIcon',\n        'nextIcon',\n        'isEndDate',\n        'classnames',\n        'minDate',\n        'maxDate',\n        'schedules',\n        'largeMode',\n        'onScheduleClick',\n        'hideHeader',\n        'updateOn',\n        'useMobileUI',\n        'showToolbar',\n        'embed',\n        'onScheduleClick'\n      ].forEach(key => (props[key] = (this.props as any)[key]));\n\n      return props;\n    };\n  })((this as any).getComponentProps);\n\n  setDate = (type: 'month' | 'year' | 'quarters') => {\n    // todo 没看懂这个是啥意思，好像没啥用\n    const currentShould =\n      this.props.viewMode === 'months' &&\n      !/^mm$/i.test(this.props.inputFormat || '');\n    const nextViews = {\n      month: currentShould ? 'months' : 'days',\n      year: currentShould ? 'months' : 'days',\n      quarters: ''\n    };\n\n    if ((this.props.viewMode as any) === 'quarters') {\n      nextViews.year = 'quarters';\n    }\n\n    return (e: any) => {\n      this.setState({\n        viewDate: this.state.viewDate\n          .clone()\n          [type](\n            parseInt(e.target.closest('td').getAttribute('data-value'), 10)\n          )\n          .startOf(type),\n        currentView: nextViews[type]\n      });\n      this.props.onViewModeChange?.(nextViews[type]);\n    };\n  };\n\n  updateSelectedDate = (e: React.MouseEvent, close?: boolean) => {\n    const that: any = this;\n    let target = e.currentTarget,\n      modifier = 0,\n      viewDate = this.state.viewDate,\n      currentDate = this.state.selectedDate || viewDate,\n      date;\n\n    if (target.className.indexOf('rdtDay') !== -1) {\n      if (target.className.indexOf('rdtNew') !== -1) modifier = 1;\n      else if (target.className.indexOf('rdtOld') !== -1) modifier = -1;\n\n      date = viewDate\n        .clone()\n        .month(viewDate.month() + modifier)\n        .date(parseInt(target.getAttribute('data-value')!, 10));\n    } else if (target.className.indexOf('rdtMonth') !== -1) {\n      date = viewDate\n        .clone()\n        .month(parseInt(target.getAttribute('data-value')!, 10))\n        .date(currentDate.date());\n    } else if (target.className.indexOf('rdtQuarter') !== -1) {\n      date = viewDate\n        .clone()\n        .quarter(parseInt(target.getAttribute('data-value')!, 10))\n        .startOf('quarter')\n        .date(currentDate.date());\n    } else if (target.className.indexOf('rdtYear') !== -1) {\n      date = viewDate\n        .clone()\n        .month(currentDate.month())\n        .date(currentDate.date())\n        .year(parseInt(target.getAttribute('data-value')!, 10));\n    }\n\n    date\n      .hours(currentDate.hours())\n      .minutes(currentDate.minutes())\n      .seconds(currentDate.seconds())\n      .milliseconds(currentDate.milliseconds());\n\n    if (!this.props.value) {\n      var open = !(this.props.closeOnSelect && close);\n      if (!open) {\n        that.props.onBlur(date);\n      }\n\n      this.setState({\n        selectedDate: date,\n        viewDate: date.clone().startOf('month'),\n        inputValue: date.format(this.state.inputFormat),\n        open: open\n      });\n    } else {\n      if (this.props.closeOnSelect && close) {\n        that.closeCalendar();\n      }\n    }\n\n    that.props.onChange(date);\n  };\n\n  getDateBoundary = (currentDate: moment.Moment) => {\n    const {years, months} = currentDate.toObject();\n    const maxDateObject = this.props.maxDate?.toObject();\n    const minDateObject = this.props.minDate?.toObject();\n\n    const yearBoundary = {\n      max: maxDateObject ? maxDateObject.years : years + 100,\n      min: minDateObject ? minDateObject.years : years - 100,\n    };\n    const monthBoundary = {\n      max: years === maxDateObject?.years ? maxDateObject.months : 11,\n      min: years === minDateObject?.years ? minDateObject.months : 0\n    };\n    const dateBoundary  = {\n      max: years === maxDateObject?.years && months === maxDateObject?.months ? maxDateObject.date : currentDate.daysInMonth(),\n      min: years === minDateObject?.years && months === minDateObject?.months ? minDateObject.date : 1\n    }\n    return {\n      year: yearBoundary,\n      month: monthBoundary,\n      date: dateBoundary,\n      hours: {max: 23, min: 0},\n      minutes: {max: 59, min: 0},\n      seconds: {max: 59, min: 0}\n    };\n  };\n\n  timeCell = (value: number, type: DateType) => {\n\t\tlet str = value + '';\n\t\twhile (str.length < this.timeCellLength[type])\n\t\t\tstr = '0' + str;\n\t\treturn str;\n\t};\n\n  getColumns = (types: DateType[], dateBoundary: DateBoundary) => {\n    const columns: { options: PickerOption[] }[] = [];\n    types.map((type: DateType) => {\n      const options = getRange(dateBoundary[type].min, dateBoundary[type].max, 1).map(item => {\n\n        return {\n          text: type === 'month' ? this.timeCell(item+1, type) : this.timeCell(item, type),\n          value: item\n        };\n      });\n      columns.push({options})\n    });\n    return columns;\n  };\n\n  onConfirm = (value: number[], types: string[]) => {\n    const currentDate = (this.state.selectedDate || this.state.viewDate || moment()).clone();\n    const date = convertArrayValueToMoment(value, types, currentDate);\n\n    if (!this.props.value) {\n      this.setState({\n        selectedDate: date,\n        inputValue: date!.format(this.state.inputFormat)\n      });\n    }\n    this.props.onChange && this.props.onChange(date);\n    this.props.onClose && this.props.onClose();\n  };\n\n  \n  render() {\n    const Component = CustomCalendarContainer as any;\n    const viewProps = this.getComponentProps();\n\n    if (this.props.viewMode === 'quarters') {\n      [viewProps.updateOn, viewProps.renderQuarter] = [\n        'quarters',\n        this.props.renderQuarter\n      ];\n    }\n    else if (this.props.viewMode === 'years') {\n      viewProps.updateOn = 'years';\n    }\n    else if (this.props.viewMode === 'months') {\n      viewProps.updateOn = 'months';\n    }\n\n    viewProps.onConfirm = this.onConfirm;\n    viewProps.getDateBoundary = this.getDateBoundary;\n    viewProps.getColumns = this.getColumns;\n    viewProps.timeCell = this.timeCell;\n\n    return (\n      <div className={cx('rdt rdtStatic rdtOpen', this.props.className)}>\n        <div key=\"dt\" className=\"rdtPicker\">\n          <Component view={this.state.currentView} viewProps={viewProps} />\n        </div>\n      </div>\n    );\n  }\n}\n\nconst Calendar: any = themeable(BaseDatePicker as any);\nexport default Calendar as React.ComponentType<BaseDatePickerProps>;\n"
     ]
 }

package/lib/components/calendar/DaysView.d.ts

@@ -4,6 +4,8 @@ import DaysView from 'react-datetime/src/DaysView';
 import React from 'react';
 import { LocaleProps } from '../../locale';
 import { ClassNamesFn } from '../../theme';
+import { PickerOption } from '../PickerColumn';
+import { DateType } from './Calendar';
 interface CustomDaysViewProps extends LocaleProps {
     classPrefix?: string;
     prevIcon?: string;
@@ -11,12 +13,16 @@ interface CustomDaysViewProps extends LocaleProps {
     viewDate: moment.Moment;
     selectedDate: moment.Moment;
     minDate: moment.Moment;
+    maxDate: moment.Moment;
+    useMobileUI: boolean;
+    embed: boolean;
     timeFormat: string;
     requiredConfirm?: boolean;
     isEndDate?: boolean;
     renderDay?: Function;
     onClose?: () => void;
     onChange: (value: moment.Moment) => void;
+    onConfirm?: (value: number[], types: DateType[]) => void;
     setDateTimeState: (state: any) => void;
     setTime: (type: string, amount: number) => void;
     subtractTime: (amount: number, type: string, toSelected?: moment.Moment) => () => void;
@@ -34,11 +40,23 @@ interface CustomDaysViewProps extends LocaleProps {
     }>;
     largeMode?: boolean;
     onScheduleClick?: (scheduleData: any) => void;
+    hideHeader?: boolean;
+    getColumns: (types: DateType[], dateBoundary: void) => any;
+    getDateBoundary: (currentDate: moment.Moment) => any;
 }
 export declare class CustomDaysView extends DaysView {
     props: CustomDaysViewProps;
+    state: {
+        columns: {
+            options: PickerOption[];
+        }[];
+        types: DateType[];
+        pickerValue: number[];
+    };
+    setState: (arg0: any) => () => any;
     getDaysOfWeek: (locale: any) => any;
     renderDays: () => JSX.Element;
+    constructor(props: any);
     updateSelectedDate: (event: React.MouseEvent<any>) => void;
     setTime: (type: 'hours' | 'minutes' | 'seconds' | 'milliseconds', value: number) => void;
     confirm: () => void;
@@ -50,6 +68,9 @@ export declare class CustomDaysView extends DaysView {
     }[];
     renderTimes: () => JSX.Element;
     renderFooter: () => JSX.Element | null;
+    onPickerConfirm: (value: number[]) => void;
+    onPickerChange: (value: number[], index: number) => void;
+    renderPicker: () => JSX.Element;
     render(): JSX.Element;
 }
 declare const _default: {

package/lib/components/calendar/DaysView.js

@@ -7,12 +7,14 @@ var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
 var DaysView_1 = (0, tslib_1.__importDefault)(require("react-datetime/src/DaysView"));
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var downshift_1 = (0, tslib_1.__importDefault)(require("downshift"));
-var locale_1 = require("../../locale");
 var find_1 = (0, tslib_1.__importDefault)(require("lodash/find"));
+var locale_1 = require("../../locale");
+var helper_1 = require("../../utils/helper");
+var Picker_1 = (0, tslib_1.__importDefault)(require("../Picker"));
 var CustomDaysView = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(CustomDaysView, _super);
-    function CustomDaysView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function CustomDaysView(props) {
+        var _this = _super.call(this, props) || this;
         _this.updateSelectedDate = function (event) {
             // need confirm
             if (_this.props.requiredConfirm) {
@@ -72,7 +74,8 @@ var CustomDaysView = /** @class */ (function (_super) {
             if (_this.props.schedules) {
                 var schedule_1 = [];
                 _this.props.schedules.forEach(function (item) {
-                    if (currentDate.isSameOrAfter((0, moment_1.default)(item.startTime).subtract(1, 'days')) && currentDate.isSameOrBefore(item.endTime)) {
+                    if (currentDate.isSameOrAfter((0, moment_1.default)(item.startTime).subtract(1, 'days')) &&
+                        currentDate.isSameOrBefore(item.endTime)) {
                         schedule_1.push(item);
                     }
                 });
@@ -82,7 +85,9 @@ var CustomDaysView = /** @class */ (function (_super) {
                     // 日程数据
                     var scheduleData_1 = {
                         scheduleData: schedule_1.map(function (item) {
-                            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { time: (0, moment_1.default)(item.startTime).format('YYYY-MM-DD HH:mm:ss') + ' - ' + (0, moment_1.default)(item.endTime).format('YYYY-MM-DD HH:mm:ss') });
+                            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { time: (0, moment_1.default)(item.startTime).format('YYYY-MM-DD HH:mm:ss') +
+                                    ' - ' +
+                                    (0, moment_1.default)(item.endTime).format('YYYY-MM-DD HH:mm:ss') });
                         }),
                         currentDate: currentDate
                     };
@@ -103,7 +108,9 @@ var CustomDaysView = /** @class */ (function (_super) {
                         }
                         [0, 1, 2].forEach(function (i) {
                             var findSchedule = (0, find_1.default)(schedule_1, function (item) { return item.height === i; });
-                            if (findSchedule && findSchedule !== showSchedule_1[i] && currentDate.weekday() !== 0) {
+                            if (findSchedule &&
+                                findSchedule !== showSchedule_1[i] &&
+                                currentDate.weekday() !== 0) {
                                 // 生成一个空白格占位
                                 showSchedule_1.splice(i, 0, {
                                     width: 1,
@@ -118,24 +125,31 @@ var CustomDaysView = /** @class */ (function (_super) {
                         // 最多展示3个
                         showSchedule_1 = showSchedule_1.slice(0, 3);
                         var scheduleDiv = showSchedule_1.map(function (item, index) {
-                            var width = item.width || Math.min((0, moment_1.default)(item.endTime).diff((0, moment_1.default)(item.startTime), 'days') + 1, 7 - (0, moment_1.default)(item.startTime).weekday());
-                            return react_1.default.createElement("div", { key: props.key + 'content' + index, className: cx_1('ScheduleCalendar-large-schedule-content', item.className), style: { width: width + '00%' }, onClick: function () { return _this.props.onScheduleClick && _this.props.onScheduleClick(scheduleData_1); } },
-                                react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-text-overflow') }, item.content));
+                            var width = item.width ||
+                                Math.min((0, moment_1.default)(item.endTime).diff((0, moment_1.default)(item.startTime), 'days') + 1, 7 - (0, moment_1.default)(item.startTime).weekday());
+                            return (react_1.default.createElement("div", { key: props.key + 'content' + index, className: cx_1('ScheduleCalendar-large-schedule-content', item.className), style: { width: width + '00%' }, onClick: function () {
+                                    return _this.props.onScheduleClick &&
+                                        _this.props.onScheduleClick(scheduleData_1);
+                                } },
+                                react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-text-overflow') }, item.content)));
                         });
-                        return react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
+                        return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
                             react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-large-day-wrap') },
                                 react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-header') }, currentDate.date()),
                                 scheduleDiv,
-                                schedule_1.length > 3 && react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-footer') },
+                                schedule_1.length > 3 && (react_1.default.createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-footer') },
                                     schedule_1.length - 3,
                                     " ",
-                                    __('more'))));
+                                    __('more'))))));
                     }
                     // 正常模式
-                    var ScheduleIcon = react_1.default.createElement("span", { className: cx_1('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () { return _this.props.onScheduleClick && _this.props.onScheduleClick(scheduleData_1); } });
-                    return react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
+                    var ScheduleIcon = (react_1.default.createElement("span", { className: cx_1('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () {
+                            return _this.props.onScheduleClick &&
+                                _this.props.onScheduleClick(scheduleData_1);
+                        } }));
+                    return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
                         currentDate.date(),
-                        ScheduleIcon);
+                        ScheduleIcon));
                 }
             }
             return react_1.default.createElement("td", (0, tslib_1.__assign)({}, props), currentDate.date());
@@ -201,6 +215,48 @@ var CustomDaysView = /** @class */ (function (_super) {
                             react_1.default.createElement("a", { className: cx('Button', 'Button--default'), onClick: _this.cancel }, __('cancel')),
                             react_1.default.createElement("a", { className: cx('Button', 'Button--primary', 'm-l-sm'), onClick: _this.confirm }, __('confirm')))) : null))));
         };
+        _this.onPickerConfirm = function (value) {
+            _this.props.onConfirm && _this.props.onConfirm(value, _this.state.types);
+        };
+        _this.onPickerChange = function (value, index) {
+            var _a = _this.props, selectedDate = _a.selectedDate, viewDate = _a.viewDate;
+            // 变更年份、月份的时候，需要更新columns
+            if (index === 1 || index === 0) {
+                var currentDate = (selectedDate || viewDate || (0, moment_1.default)()).clone();
+                // 只需计算year 、month
+                var selectDate = (0, helper_1.convertArrayValueToMoment)(value, ['year', 'month'], currentDate);
+                var dateBoundary = _this.props.getDateBoundary(selectDate);
+                _this.setState({
+                    columns: _this.props.getColumns(_this.state.types, dateBoundary),
+                    pickerValue: value
+                });
+            }
+        };
+        _this.renderPicker = function () {
+            var __ = _this.props.translate;
+            var title = _this.state.types.length > 3 ? __('Date.titleTime') : __('Date.titleDate');
+            return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: _this.state.columns, value: _this.state.pickerValue, onChange: _this.onPickerChange, onConfirm: _this.onPickerConfirm, onClose: _this.cancel }));
+        };
+        var selectedDate = props.selectedDate, viewDate = props.viewDate, timeFormat = props.timeFormat;
+        var currentDate = (selectedDate || viewDate || (0, moment_1.default)());
+        var types = ['year', 'month', 'date'];
+        timeFormat.split(':').forEach(function (format) {
+            var type = /h/i.test(format)
+                ? 'hours'
+                : /m/.test(format)
+                    ? 'minutes'
+                    : /s/.test(format)
+                        ? 'seconds'
+                        : '';
+            type && types.push(type);
+        });
+        var dateBoundary = _this.props.getDateBoundary(currentDate);
+        var columns = _this.props.getColumns(types, dateBoundary);
+        _this.state = {
+            columns: columns,
+            types: types,
+            pickerValue: currentDate.toArray()
+        };
         return _this;
     }
     CustomDaysView.prototype.computedTimeOptions = function (total) {
@@ -212,12 +268,15 @@ var CustomDaysView = /** @class */ (function (_super) {
         return times;
     };
     CustomDaysView.prototype.render = function () {
+        var _a = this.props, date = _a.viewDate, useMobileUI = _a.useMobileUI, embed = _a.embed;
         var footer = this.renderFooter();
-        var date = this.props.viewDate;
         var locale = date.localeData();
         var __ = this.props.translate;
+        if ((0, helper_1.isMobile)() && useMobileUI && !embed) {
+            return (react_1.default.createElement("div", { className: "rdtYears" }, this.renderPicker()));
+        }
         var tableChildren = [
-            react_1.default.createElement("thead", { key: "th" },
+            this.props.hideHeader ? null : react_1.default.createElement("thead", { key: "th" },
                 react_1.default.createElement("tr", null,
                     react_1.default.createElement("th", { colSpan: 7 },
                         react_1.default.createElement("div", { className: "rdtHeader" },