@douyinfe/semi-foundation 2.19.0-beta.0 → 2.19.0

package/lib/es/datePicker/monthsGridFoundation.js

@@ -1,15 +1,6 @@
 import _isEqual from "lodash/isEqual";
 import _isSet from "lodash/isSet";
 import _includes from "lodash/includes";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
 
 /* eslint-disable max-len */
 import BaseFoundation from '../base/foundation';
@@ -33,7 +24,7 @@ const dateCalcFns = {
 };
 export default class MonthsGridFoundation extends BaseFoundation {
   constructor(adapter) {
-    super(_Object$assign({}, adapter)); // Date change data when double panels
+    super(Object.assign({}, adapter)); // Date change data when double panels
 
     this.newBiMonthPanelDate = [this.getState('monthLeft').pickerDate, this.getState('monthRight').pickerDate];
   }
@@ -92,10 +83,10 @@ export default class MonthsGridFoundation extends BaseFoundation {
         default:
           break;
       }
-    } else if (_Array$isArray(values) && !values.length || !values) {
+    } else if (Array.isArray(values) && !values.length || !values) {
       // Empty panel when value is empty Select date
       if (_isSet(selected) && selected.size) {
-        this._adapter.updateDaySelected(new _Set());
+        this._adapter.updateDaySelected(new Set());
       }
 
       if (rangeStart) {
@@ -109,14 +100,12 @@ export default class MonthsGridFoundation extends BaseFoundation {
   }
 
   calcDisabledTime(panelType) {
-    var _context;
-
     const {
       disabledTime,
       type
     } = this.getProps();
 
-    if (typeof disabledTime === 'function' && panelType && _includesInstanceProperty(_context = ['dateTime', 'dateTimeRange']).call(_context, type)) {
+    if (typeof disabledTime === 'function' && panelType && ['dateTime', 'dateTimeRange'].includes(type)) {
       const {
         rangeStart,
         rangeEnd,
@@ -136,8 +125,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
         selected.push(monthLeft.showDate);
       }
 
-      const selectedDates = _mapInstanceProperty(selected).call(selected, str => str instanceof Date ? str : parseISO(str));
-
+      const selectedDates = selected.map(str => str instanceof Date ? str : parseISO(str));
       const cbDates = type === 'dateTimeRange' ? selectedDates : selectedDates[0];
       return disabledTime(cbDates, panelType);
     }
@@ -146,18 +134,16 @@ export default class MonthsGridFoundation extends BaseFoundation {
   _initDatePickerFromValue(values) {
     let refreshPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const monthLeft = this.getState('monthLeft');
-
-    const newMonthLeft = _Object$assign({}, monthLeft); // REMOVE:
-
+    const newMonthLeft = Object.assign({}, monthLeft); // REMOVE:
 
     this._adapter.updateMonthOnLeft(newMonthLeft);
 
-    const newSelected = new _Set();
+    const newSelected = new Set();
 
     if (!this._isMultiple()) {
       values[0] && newSelected.add(format(values[0], strings.FORMAT_FULL_DATE));
     } else {
-      _forEachInstanceProperty(values).call(values, date => {
+      values.forEach(date => {
         date && newSelected.add(format(date, strings.FORMAT_FULL_DATE));
       });
     }
@@ -178,9 +164,9 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const monthLeft = this.getState('monthLeft');
     const monthRight = this.getState('monthRight');
 
-    const adjustResult = this._autoAdjustMonth(_Object$assign(_Object$assign({}, monthLeft), {
+    const adjustResult = this._autoAdjustMonth(Object.assign(Object.assign({}, monthLeft), {
       pickerDate: values[0] || monthLeft.pickerDate
-    }), _Object$assign(_Object$assign({}, monthRight), {
+    }), Object.assign(Object.assign({}, monthRight), {
       pickerDate: values[1] || monthRight.pickerDate
     }));
 
@@ -405,13 +391,11 @@ export default class MonthsGridFoundation extends BaseFoundation {
   }
 
   isValidTimeZone(timeZone) {
-    var _context2;
-
     const propTimeZone = this.getProp('timeZone');
 
     const _timeZone = isNullOrUndefined(timeZone) ? propTimeZone : timeZone;
 
-    return _includesInstanceProperty(_context2 = ['string', 'number']).call(_context2, typeof _timeZone) && _timeZone !== '';
+    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
   }
   /**
    * 根据 type 处理 onChange 返回的参数
@@ -443,11 +427,11 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
 
   disposeCallbackArgs(value) {
-    let _value = _Array$isArray(value) ? value : value && [value] || [];
+    let _value = Array.isArray(value) ? value : value && [value] || [];
 
     if (this.isValidTimeZone()) {
       const timeZone = this.getProp('timeZone');
-      _value = _mapInstanceProperty(_value).call(_value, date => zonedTimeToUtc(date, timeZone));
+      _value = _value.map(date => zonedTimeToUtc(date, timeZone));
     }
 
     const type = this.getProp('type');
@@ -462,7 +446,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
           notifyValue = _value[0] && this.localeFormat(_value[0], formatToken);
           [notifyDate] = _value;
         } else {
-          notifyValue = _mapInstanceProperty(_value).call(_value, v => v && this.localeFormat(v, formatToken));
+          notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
           notifyDate = [..._value];
         }
 
@@ -470,7 +454,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
       case 'dateRange':
       case 'dateTimeRange':
-        notifyValue = _mapInstanceProperty(_value).call(_value, v => v && this.localeFormat(v, formatToken));
+        notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
         notifyDate = [..._value];
         break;
 
@@ -557,35 +541,41 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
 
   updateDateAfterChangeYM(type, targetDate) {
-    var _context3;
-
     const {
       multiple,
-      disabledDate
+      disabledDate,
+      type: dateType
     } = this.getProps();
     const {
       selected: selectedSet,
       rangeStart,
-      rangeEnd
+      rangeEnd,
+      monthLeft
     } = this.getStates(); // FIXME:
 
-    const includeRange = _includesInstanceProperty(_context3 = ['dateRange', 'dateTimeRange']).call(_context3, type);
-
+    const includeRange = ['dateRange', 'dateTimeRange'].includes(type);
     const options = {
       closePanel: false
     };
 
     if (!multiple && !includeRange && selectedSet.size) {
-      const selectedStr = _Array$from(selectedSet)[0];
-
+      const selectedStr = Array.from(selectedSet)[0];
       const selectedDate = new Date(selectedStr);
       const year = targetDate.getFullYear();
       const month = targetDate.getMonth();
-      const fullDate = set(selectedDate, {
+      let fullDate = set(selectedDate, {
         year,
         month
       });
 
+      if (dateType === 'dateTime') {
+        /**
+         * 如果是 type dateTime 切换月份要读取只取的time
+         * 无论 monthLeft 还是 monthRight 他们的 time 是不变的，所以只取 monthLeft 即可
+         */
+        fullDate = this._mergeDateAndTime(fullDate, monthLeft.pickerDate);
+      }
+
       if (disabledDate(fullDate, {
         rangeStart,
         rangeEnd
@@ -622,8 +612,6 @@ export default class MonthsGridFoundation extends BaseFoundation {
   }
 
   handleDateSelected(day, panelType) {
-    var _context4;
-
     const {
       max,
       type,
@@ -639,7 +627,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
     const monthDetail = this._getPanelDetail(panelType);
 
-    const newSelected = new _Set(multiple ? [...selected] : []);
+    const newSelected = new Set(multiple ? [...selected] : []);
     const {
       fullDate
     } = day;
@@ -660,8 +648,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
     const dateFormat = this.getValidDateFormat(); // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
 
-    const newSelectedDates = _mapInstanceProperty(_context4 = [...newSelected]).call(_context4, _dateStr => compatibleParse(_dateStr, dateFormat, undefined, dateFnsLocale));
-
+    const newSelectedDates = [...newSelected].map(_dateStr => compatibleParse(_dateStr, dateFormat, undefined, dateFnsLocale));
     this.handleShowDateAndTime(panelType, time);
 
     if (!isControlledComponent) {
@@ -691,14 +678,12 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
 
   _mergeDateAndTime(date, time) {
-    var _context5;
-
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
 
     const dateStr = format(isValidDate(date) ? date : compatibleParse(date, strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), strings.FORMAT_FULL_DATE);
     const timeStr = format(isValidDate(time) ? time : compatibleParse(time, strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return compatibleParse(_concatInstanceProperty(_context5 = "".concat(dateStr, " ")).call(_context5, timeStr), timeFormat, undefined, dateFnsLocale);
+    return compatibleParse("".concat(dateStr, " ").concat(timeStr), timeFormat, undefined, dateFnsLocale);
   }
 
   handleRangeSelected(day) {
@@ -730,7 +715,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
       if (rangeInputFocus === 'rangeEnd') {
         rangeEnd = fullDate; // rangStart Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeEnd parten: 'yyyy-MM-dd'
 
-        if (rangeStart && rangeEnd && isBefore(rangeEnd, _trimInstanceProperty(rangeStart).call(rangeStart).split(/\s+/)[0])) {
+        if (rangeStart && rangeEnd && isBefore(rangeEnd, rangeStart.trim().split(/\s+/)[0])) {
           rangeStart = null;
           rangeStartReset = true;
         } // Compatible to select date after opening the panel without click input
@@ -738,7 +723,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
       } else if (rangeInputFocus === 'rangeStart' || !rangeInputFocus) {
         rangeStart = fullDate; // rangEnd Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeStart parten: 'yyyy-MM-dd'
 
-        if (rangeStart && rangeEnd && isBefore(_trimInstanceProperty(rangeEnd).call(rangeEnd).split(/\s+/)[0], rangeStart)) {
+        if (rangeStart && rangeEnd && isBefore(rangeEnd.trim().split(/\s+/)[0], rangeStart)) {
           rangeEnd = null;
           rangeEndReset = true;
         }
@@ -854,12 +839,12 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
     if (difference > 0) {
       // The month on the left is larger than the month on the right, swap
-      newMonthLeft = _Object$assign({}, monthRight);
-      newMonthRight = _Object$assign({}, monthLeft);
+      newMonthLeft = Object.assign({}, monthRight);
+      newMonthRight = Object.assign({}, monthLeft);
     } else if (difference === 0) {
       // Around the same month, the number of months on the right + 1
       newMonthLeft = monthLeft;
-      newMonthRight = _Object$assign(_Object$assign({}, monthRight), {
+      newMonthRight = Object.assign(Object.assign({}, monthRight), {
         pickerDate: addMonths(monthRight.pickerDate, 1)
       });
     }
@@ -1007,9 +992,9 @@ export default class MonthsGridFoundation extends BaseFoundation {
     } = this.getStates();
 
     if (panelType === strings.PANEL_TYPE_RIGHT) {
-      this._adapter.updateMonthOnRight(_Object$assign(_Object$assign({}, monthRight), kvs));
+      this._adapter.updateMonthOnRight(Object.assign(Object.assign({}, monthRight), kvs));
     } else {
-      this._adapter.updateMonthOnLeft(_Object$assign(_Object$assign({}, monthLeft), kvs));
+      this._adapter.updateMonthOnLeft(Object.assign(Object.assign({}, monthLeft), kvs));
     }
   }
 

package/lib/es/datePicker/yearAndMonthFoundation.js

@@ -1,8 +1,7 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import BaseFoundation from '../base/foundation';
 export default class YearAndMonthFoundation extends BaseFoundation {
   constructor(adapter) {
-    super(_Object$assign({}, adapter));
+    super(Object.assign({}, adapter));
   } // eslint-disable-next-line @typescript-eslint/no-empty-function
 
 

package/lib/es/dropdown/foundation.js

@@ -1,5 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import BaseFoundation from '../base/foundation';
 import { handlePrevent, setFocusToFirstItem, setFocusToLastItem } from '../utils/a11y';
 export default class DropdownFoundation extends BaseFoundation {
@@ -10,12 +8,10 @@ export default class DropdownFoundation extends BaseFoundation {
   }
 
   getMenuItemNodes(target) {
-    var _context;
-
     const id = target.attributes['data-popupid'].value;
     const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
 
-    return menuWrapper ? _filterInstanceProperty(_context = _Array$from(menuWrapper.getElementsByTagName('li'))).call(_context, item => item.ariaDisabled === "false") : null;
+    return menuWrapper ? Array.from(menuWrapper.getElementsByTagName('li')).filter(item => item.ariaDisabled === "false") : null;
   }
 
   setFocusToFirstMenuItem(target) {
@@ -32,8 +28,9 @@ export default class DropdownFoundation extends BaseFoundation {
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click();
-        handlePrevent(event);
+        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        // handlePrevent(event);
+
         break;
 
       case 'ArrowDown':

package/lib/es/dropdown/menuFoundation.js

@@ -1,7 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import BaseFoundation from '../base/foundation';
 import { handlePrevent, isPrintableCharacter, findIndexByCharacter, getAncestorNodeByRole, getMenuButton, setFocusToFirstItem, setFocusToItem, setFocusToNextMenuitem, setFocusToPreviousMenuItem } from '../utils/a11y';
 export default class DropdownMenuFoundation extends BaseFoundation {
@@ -16,10 +12,8 @@ export default class DropdownMenuFoundation extends BaseFoundation {
     const trigger = this._adapter.getContext('trigger');
 
     if (trigger === 'click') {
-      var _context;
-
       // find all non-disabled li under this menu and set focus to the first menu
-      this.menuItemNodes = _filterInstanceProperty(_context = [...ulElement.getElementsByTagName('li')]).call(_context, item => item.ariaDisabled !== "true");
+      this.menuItemNodes = [...ulElement.getElementsByTagName('li')].filter(item => item.ariaDisabled !== "true");
       setFocusToFirstItem(this.menuItemNodes);
     }
   }
@@ -42,37 +36,30 @@ export default class DropdownMenuFoundation extends BaseFoundation {
   }
 
   onMenuKeydown(event) {
-    var _context5;
-
     const menu = getAncestorNodeByRole(event.target, 'tooltip');
 
     if (!this.menuItemNodes) {
-      var _context2;
-
-      this.menuItemNodes = _filterInstanceProperty(_context2 = [...event.target.parentNode.getElementsByTagName('li')]).call(_context2, item => item.ariaDisabled !== "true");
+      this.menuItemNodes = [...event.target.parentNode.getElementsByTagName('li')].filter(item => item.ariaDisabled !== "true");
     }
 
     if (this.firstChars.length === 0) {
-      var _context3;
-
-      _forEachInstanceProperty(_context3 = this.menuItemNodes).call(_context3, item => {
-        var _context4;
-
+      this.menuItemNodes.forEach(item => {
         var _a; // the menuItemNodes can be an component and not exit textContent
 
 
-        this.firstChars.push((_a = _trimInstanceProperty(_context4 = item.textContent).call(_context4)[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+        this.firstChars.push((_a = item.textContent.trim()[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
       });
     } // get the currently focused menu item
 
 
-    const curItem = _findInstanceProperty(_context5 = this.menuItemNodes).call(_context5, item => item.tabIndex === 0);
+    const curItem = this.menuItemNodes.find(item => item.tabIndex === 0);
 
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click();
-        handlePrevent(event);
+        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        // handlePrevent(event);
+
         break;
 
       case 'Escape':