@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/cjs/datePicker/monthsGrid.js

@@ -4,81 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _stubFalse2 = _interopRequireDefault(require("lodash/stubFalse"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _dateFns = require("date-fns");
-
 var _monthsGridFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/datePicker/monthsGridFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
 var _parser = require("@douyinfe/semi-foundation/lib/cjs/datePicker/_utils/parser");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _navigation = _interopRequireDefault(require("./navigation"));
-
 var _month = _interopRequireDefault(require("./month"));
-
 var _Combobox = _interopRequireDefault(require("../timePicker/Combobox"));
-
 var _yearAndMonth = _interopRequireDefault(require("./yearAndMonth"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _getDefaultFormatToken = require("@douyinfe/semi-foundation/lib/cjs/datePicker/_utils/getDefaultFormatToken");
-
 var _getDefaultPickerDate = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/datePicker/_utils/getDefaultPickerDate"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable react/no-did-update-set-state */
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
-const prefixCls = _constants.cssClasses.PREFIX;
 
+const prefixCls = _constants.cssClasses.PREFIX;
 class MonthsGrid extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.cacheRefCurrent = (key, current) => {
       if (typeof key === 'string' && key.length) {
         this.adapter.setCache(key, current);
       }
     };
-
     this.leftIsYearOrTime = state => {
       const {
         monthLeft
       } = state || this.state;
-
       if (monthLeft && (monthLeft.isTimePickerOpen || monthLeft.isYearPickerOpen)) {
         return true;
       } else {
         return false;
       }
     };
-
     this.rightIsYearOrTime = state => {
       const {
         monthRight
       } = state || this.state;
-
       if (monthRight && (monthRight.isTimePickerOpen || monthRight.isYearPickerOpen)) {
         return true;
       } else {
@@ -88,8 +60,6 @@ class MonthsGrid extends _baseComponent.default {
     /**
      * Calculate the height of the scrolling list, if the animation is not over, return 0
      */
-
-
     this.calcScrollListHeight = () => {
       const wrapLeft = this.adapter.getCache(`wrap-${_constants.strings.PANEL_TYPE_LEFT}`);
       const wrapRight = this.adapter.getCache(`wrap-${_constants.strings.PANEL_TYPE_RIGHT}`);
@@ -99,23 +69,18 @@ class MonthsGrid extends _baseComponent.default {
       const rightRect = wrapRight && wrapRight.getBoundingClientRect();
       let leftHeight = leftRect && leftRect.height || 0;
       let rightHeight = rightRect && rightRect.height || 0;
-
       if (switchLeft) {
         leftHeight += switchLeft.getBoundingClientRect().height;
       }
-
       if (switchRight) {
         rightHeight += switchRight.getBoundingClientRect().height;
       }
-
       return Math.max(leftHeight, rightHeight);
     };
-
     this.handleWeeksRowNumChange = (weeksRowNum, panelType) => {
       const isLeft = panelType === _constants.strings.PANEL_TYPE_RIGHT;
       const isRight = panelType === _constants.strings.PANEL_TYPE_RIGHT;
       const allIsYearOrTime = this.leftIsYearOrTime() && this.rightIsYearOrTime();
-
       if (this.foundation.isRangeType() && !allIsYearOrTime) {
         const states = {
           weeksRowNum,
@@ -128,22 +93,18 @@ class MonthsGrid extends _baseComponent.default {
         });
       }
     };
-
     this.reselect = () => {
       const refKeys = [`timepicker-${_constants.strings.PANEL_TYPE_LEFT}`, `timepicker-${_constants.strings.PANEL_TYPE_RIGHT}`, `yam-${_constants.strings.PANEL_TYPE_LEFT}`, `yam-${_constants.strings.PANEL_TYPE_RIGHT}`];
       refKeys.forEach(key => {
         const current = this.adapter.getCache(key);
-
         if (current && typeof current.reselect === 'function') {
           current.reselect();
         }
       });
     };
-
     this.getYAMOpenType = () => {
       return this.foundation.getYAMOpenType();
     };
-
     const validFormat = props.format || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(props.type);
     const {
       nowDate,
@@ -182,7 +143,6 @@ class MonthsGrid extends _baseComponent.default {
     this.state = Object.assign(Object.assign({}, dateState), rangeState);
     this.foundation = new _monthsGridFoundation.default(this.adapter);
   }
-
   get dateAdapter() {
     return {
       updateDaySelected: selected => this.setState({
@@ -190,7 +150,6 @@ class MonthsGrid extends _baseComponent.default {
       })
     };
   }
-
   get rangeAdapter() {
     return {
       setRangeStart: rangeStart => this.setState({
@@ -213,7 +172,6 @@ class MonthsGrid extends _baseComponent.default {
       })
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), this.dateAdapter), this.rangeAdapter), {
       updateMonthOnLeft: v => this.setState({
@@ -229,28 +187,22 @@ class MonthsGrid extends _baseComponent.default {
       isAnotherPanelHasOpened: currentRangeInput => this.props.isAnotherPanelHasOpened(currentRangeInput)
     });
   }
-
   componentDidMount() {
     super.componentDidMount();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       defaultValue,
       defaultPickerValue
     } = this.props;
-
     if (prevProps.defaultValue !== defaultValue) {
       // we should always update panel state when value changes
       this.foundation.updateSelectedFromProps(defaultValue);
     }
-
     if (prevProps.defaultPickerValue !== defaultPickerValue) {
       this.foundation.initDefaultPickerValue();
     }
-
     const isRange = this.foundation.isRangeType();
-
     if (isRange) {
       /**
        * we have to add these code to ensure that scroll list's selector places center
@@ -261,7 +213,6 @@ class MonthsGrid extends _baseComponent.default {
       const nowSome = this.leftIsYearOrTime() && !this.rightIsYearOrTime() || !this.leftIsYearOrTime() && this.rightIsYearOrTime();
       const prevAllToSome = prevAll && nowSome;
       const prevSomeToAll = prevSome && nowAll;
-
       if (prevSomeToAll) {
         this.setState({
           currentPanelHeight: this.calcScrollListHeight()
@@ -271,7 +222,6 @@ class MonthsGrid extends _baseComponent.default {
       }
     }
   }
-
   renderPanel(month, panelType) {
     let monthCls = (0, _classnames.default)(`${prefixCls}-month-grid-${panelType}`);
     const {
@@ -298,12 +248,10 @@ class MonthsGrid extends _baseComponent.default {
     const wrapLeft = this.adapter.getCache(`wrap-${_constants.strings.PANEL_TYPE_LEFT}`);
     const wrapRight = this.adapter.getCache(`wrap-${_constants.strings.PANEL_TYPE_RIGHT}`);
     const wrap = panelType === _constants.strings.PANEL_TYPE_RIGHT ? wrapRight : wrapLeft;
-
     if (this.foundation.isRangeType()) {
       if (isYearPickerOpen || isTimePickerOpen) {
         style.minWidth = wrap.getBoundingClientRect().width;
       }
-
       if (this.leftIsYearOrTime() && this.rightIsYearOrTime() && !insetInput) {
         /**
          * left和right同时为tpk时，panel会有一个minHeight
@@ -321,9 +269,7 @@ class MonthsGrid extends _baseComponent.default {
     } else if (this.props.type !== 'year' && this.props.type !== 'month' && (isTimePickerOpen || isYearPickerOpen)) {
       monthCls = (0, _classnames.default)(monthCls, `${prefixCls}-yam-showing`);
     }
-
     const _isDatePanelOpen = !(isYearPickerOpen || isTimePickerOpen);
-
     const xOpenType = _isDatePanelOpen ? 'date' : isYearPickerOpen ? 'year' : 'time';
     return /*#__PURE__*/_react.default.createElement("div", {
       className: monthCls,
@@ -332,7 +278,6 @@ class MonthsGrid extends _baseComponent.default {
       "x-open-type": xOpenType
     }, yearAndMonthLayer, timePickerLayer, this.foundation.isRangeType() ? panelContent : isYearPickerOpen || isTimePickerOpen ? null : panelContent, this.renderSwitch(panelType));
   }
-
   showYearPicker(panelType, e) {
     // e.stopPropagation();
     // When switching to the year and month, the e.target at this time is generated from Navigation, and the Navigation module will be removed from the DOM after switching
@@ -344,7 +289,6 @@ class MonthsGrid extends _baseComponent.default {
     e.nativeEvent.stopImmediatePropagation();
     this.foundation.showYearPicker(panelType);
   }
-
   renderMonth(month, panelType) {
     const {
       selected,
@@ -369,26 +313,24 @@ class MonthsGrid extends _baseComponent.default {
       syncSwitchMonth,
       multiple
     } = this.props;
-    let monthText = ''; // i18n monthText
-
+    let monthText = '';
+    // i18n monthText
     if (month) {
       // Get the absolute value of the year and month
       const yearNumber = month ? (0, _dateFns.format)(month, 'yyyy') : '';
-      const monthNumber = month ? (0, _dateFns.format)(month, 'L') : ''; // Display the month as the corresponding language text
-
+      const monthNumber = month ? (0, _dateFns.format)(month, 'L') : '';
+      // Display the month as the corresponding language text
       const mText = locale.months[monthNumber];
-      const monthFormatToken = locale.monthText; // Display the year and month in a specific language format order
-
+      const monthFormatToken = locale.monthText;
+      // Display the year and month in a specific language format order
       monthText = monthFormatToken.replace('${year}', yearNumber).replace('${month}', mText);
     }
-
     let style = {};
-    const detail = panelType === _constants.strings.PANEL_TYPE_RIGHT ? this.state.monthRight : this.state.monthLeft; // Whether to select type for range
-
-    const isRangeType = this.foundation.isRangeType(); // Whether to switch synchronously for two panels
-
+    const detail = panelType === _constants.strings.PANEL_TYPE_RIGHT ? this.state.monthRight : this.state.monthLeft;
+    // Whether to select type for range
+    const isRangeType = this.foundation.isRangeType();
+    // Whether to switch synchronously for two panels
     const shouldBimonthSwitch = isRangeType && syncSwitchMonth;
-
     if (isRangeType && detail && (detail.isYearPickerOpen || detail.isTimePickerOpen)) {
       style = {
         visibility: 'hidden',
@@ -396,7 +338,6 @@ class MonthsGrid extends _baseComponent.default {
         pointerEvents: 'none'
       };
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: current => this.cacheRefCurrent(`wrap-${panelType}`, current),
       style: style
@@ -437,7 +378,6 @@ class MonthsGrid extends _baseComponent.default {
       multiple: multiple
     }));
   }
-
   renderTimePicker(panelType, panelDetail) {
     const {
       type,
@@ -455,7 +395,6 @@ class MonthsGrid extends _baseComponent.default {
       hideDisabledOptions
     });
     const disabledOptions = this.foundation.calcDisabledTime(panelType);
-
     if (disabledOptions) {
       ['disabledHours', 'disabledMinutes', 'disabledSeconds'].forEach(key => {
         if (disabledOptions[key]) {
@@ -463,23 +402,20 @@ class MonthsGrid extends _baseComponent.default {
         }
       });
     }
-
     const {
       rangeStart,
       rangeEnd
     } = this.state;
     const dateFormat = this.foundation.getValidDateFormat();
     let startDate, endDate;
-
     if (type === 'dateTimeRange' && rangeStart && rangeEnd && (0, _dateFns.isSameDay)(startDate = (0, _parser.compatibleParse)(rangeStart, dateFormat, undefined, dateFnsLocale), endDate = (0, _parser.compatibleParse)(rangeEnd, dateFormat, undefined, dateFnsLocale))) {
       if (panelType === _constants.strings.PANEL_TYPE_RIGHT) {
         rangeStart && (restProps.startDate = startDate);
       } else {
         rangeEnd && (restProps.endDate = endDate);
       }
-    } // i18n placeholder
-
-
+    }
+    // i18n placeholder
     const placeholder = locale.selectTime;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: timePanelCls
@@ -491,7 +427,6 @@ class MonthsGrid extends _baseComponent.default {
       onChange: newTime => this.foundation.handleTimeChange(newTime, panelType)
     }, restProps)));
   }
-
   renderYearAndMonth(panelType, panelDetail) {
     const {
       pickerDate
@@ -524,7 +459,6 @@ class MonthsGrid extends _baseComponent.default {
       onBackToMain: () => {
         this.foundation.showDatePanel(panelType);
         const wrapCurrent = this.adapter.getCache(`wrap-${panelType}`);
-
         if (wrapCurrent) {
           wrapCurrent.style.height = 'auto';
         }
@@ -535,7 +469,6 @@ class MonthsGrid extends _baseComponent.default {
       endYear: endYear
     });
   }
-
   renderSwitch(panelType) {
     const {
       rangeStart,
@@ -550,23 +483,21 @@ class MonthsGrid extends _baseComponent.default {
       density,
       dateFnsLocale,
       insetInput
-    } = this.props; // Type: date, dateRange, year, month, inset input no rendering required
-
+    } = this.props;
+    // Type: date, dateRange, year, month, inset input no rendering required
     if (!type.includes('Time') || insetInput) {
       return null;
-    } // switch year/month & time
-
-
-    let panelDetail, dateText; // i18n
-
+    }
+    // switch year/month & time
+    let panelDetail, dateText;
+    // i18n
     const {
       FORMAT_SWITCH_DATE
-    } = locale.localeFormatToken; // Timepicker format is constant and does not change with language
+    } = locale.localeFormatToken;
+    // Timepicker format is constant and does not change with language
     // const FORMAT_TIME_PICKER = strings.FORMAT_TIME_PICKER;
-
     const formatTimePicker = this.foundation.getValidTimeFormat();
     const dateFormat = this.foundation.getValidDateFormat();
-
     if (panelType === _constants.strings.PANEL_TYPE_LEFT) {
       panelDetail = monthLeft;
       dateText = rangeStart ? (0, _dateFns.format)((0, _parser.compatibleParse)(rangeStart, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
@@ -574,7 +505,6 @@ class MonthsGrid extends _baseComponent.default {
       panelDetail = monthRight;
       dateText = rangeEnd ? (0, _dateFns.format)((0, _parser.compatibleParse)(rangeEnd, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
     }
-
     const {
       isTimePickerOpen,
       showDate
@@ -616,7 +546,6 @@ class MonthsGrid extends _baseComponent.default {
       className: textCls
     }, timeText)));
   }
-
   render() {
     const {
       monthLeft,
@@ -635,7 +564,6 @@ class MonthsGrid extends _baseComponent.default {
     const panelTypeLeft = _constants.strings.PANEL_TYPE_LEFT;
     const panelTypeRight = _constants.strings.PANEL_TYPE_RIGHT;
     let content = null;
-
     if (type === 'date' || type === 'dateTime') {
       content = this.renderPanel(monthLeft.pickerDate, panelTypeLeft);
     } else if (type === 'dateRange' || type === 'dateTimeRange') {
@@ -643,7 +571,6 @@ class MonthsGrid extends _baseComponent.default {
     } else if (type === 'year' || type === 'month') {
       content = 'year month';
     }
-
     const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
@@ -658,9 +585,7 @@ class MonthsGrid extends _baseComponent.default {
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content)), presetPosition === "right" && renderQuickControls);
   }
-
 }
-
 exports.default = MonthsGrid;
 MonthsGrid.propTypes = {
   type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),

package/lib/cjs/datePicker/navigation.js

@@ -4,36 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _iconButton = _interopRequireDefault(require("../iconButton"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // import cls from 'classnames';
-const prefixCls = _constants.cssClasses.NAVIGATION;
 
+const prefixCls = _constants.cssClasses.NAVIGATION;
 class Navigation extends _react.PureComponent {
   constructor(props) {
     super(props);
     this.navRef = /*#__PURE__*/_react.default.createRef();
   }
-
   render() {
     const {
       forwardRef,
@@ -52,23 +40,20 @@ class Navigation extends _react.PureComponent {
     const btnNoHorizontalPadding = true;
     const buttonSize = density === 'compact' ? 'small' : 'default';
     const isLeftPanel = panelType === _constants.strings.PANEL_TYPE_LEFT;
-    const isRightPanel = panelType === _constants.strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
-
-    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
-
-    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
-
+    const isRightPanel = panelType === _constants.strings.PANEL_TYPE_RIGHT;
+    // syncSwitchMonth and the current panel is the left
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel;
+    // syncSwitchMonth and the current panel is the right
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel;
+    // `visibility: hidden` will keep the icon in position
     const leftButtonStyle = {};
     const rightButtonStyle = {};
-
     if (hiddenRightPanelLeftButtons) {
       leftButtonStyle.visibility = 'hidden';
     }
-
     if (hiddenLeftPanelRightButtons) {
       rightButtonStyle.visibility = 'hidden';
     }
-
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls,
@@ -129,9 +114,7 @@ class Navigation extends _react.PureComponent {
       style: rightButtonStyle
     }));
   }
-
 }
-
 exports.default = Navigation;
 Navigation.propTypes = {
   monthText: _propTypes.default.string,

package/lib/cjs/datePicker/quickControl.js

@@ -4,33 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
 var _index = _interopRequireDefault(require("../button/index"));
-
 var _index2 = _interopRequireDefault(require("../typography/index"));
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events */
+
 const prefixCls = _constants.cssClasses.PREFIX;
 const {
   Text
 } = _index2.default;
-
 class QuickControl extends _react.PureComponent {
   render() {
     const {
@@ -70,11 +59,9 @@ class QuickControl extends _react.PureComponent {
       [`${prefixCls}-quick-control-${presetPosition}-range-content-item-ellipsis`]: isTopAndBottomRange,
       [`${prefixCls}-quick-control-${presetPosition}-month-content-item-ellipsis`]: isTopAndBottomMonth
     });
-
     if (!presets.length) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls,
       "x-insetinput": insetInput ? "true" : "false"
@@ -86,7 +73,6 @@ class QuickControl extends _react.PureComponent {
       className: contentCls
     }, presets.map((item, index) => {
       const _item = typeof item === 'function' ? item() : item;
-
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         size: "small",
         type: "primary",
@@ -102,9 +88,7 @@ class QuickControl extends _react.PureComponent {
       }, _item.text)));
     }))));
   }
-
 }
-
 QuickControl.propTypes = {
   presets: _propTypes.default.array,
   presetPosition: _propTypes.default.oneOf(_constants.strings.PRESET_POSITION_SET),

package/lib/cjs/datePicker/yearAndMonth.d.ts

@@ -8,7 +8,7 @@ import { PanelType } from '@douyinfe/semi-foundation/lib/cjs/datePicker/monthsGr
 export interface YearAndMonthProps extends YearAndMonthFoundationProps, BaseProps {
     locale?: Locale['DatePicker'];
 }
-export declare type YearAndMonthState = YearAndMonthFoundationState;
+export type YearAndMonthState = YearAndMonthFoundationState;
 declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonthState> {
     static propTypes: {
         currentYear: PropTypes.Requireable<object>;