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

package/lib/cjs/calendar/foundation.js

@@ -4,112 +4,81 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _dateFns = require("date-fns");
-
 var _eventUtil = require("./eventUtil");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class CalendarFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {}
-
   destroy() {
     this.raf && cancelAnimationFrame(this.raf);
   }
-
   initCurrTime() {
     const {
       showCurrTime,
       displayValue
     } = this.getProps();
-
     if (showCurrTime && (0, _dateFns.isSameDay)(displayValue, (0, _eventUtil.getCurrDate)())) {
       this._adapter.updateShowCurrTime();
-
       this.getCurrLocation();
     }
   }
-
   notifyScrollHeight(height) {
     this._adapter.updateScrollHeight(height);
   }
-
   closeCard(e, key) {
     this._adapter.unregisterClickOutsideHandler();
-
     this._adapter.notifyClose(e, key);
   }
-
   _getDate() {
     const {
       displayValue
     } = this.getProps();
     return displayValue || (0, _eventUtil.getCurrDate)();
   }
-
   showCard(e, key) {
     this._adapter.unregisterClickOutsideHandler();
-
     const bodyWidth = document.querySelector('body').clientWidth;
     const popoverWidth = 110;
     const spacing = bodyWidth - e.target.getBoundingClientRect().right - popoverWidth;
-
     this._adapter.openCard(key, spacing > 0);
-
     this._adapter.registerClickOutsideHandler(key, () => {
       this.closeCard(null, key);
     });
   }
-
   formatCbValue(val) {
     const date = val.shift();
-    const dateArr = [date.getFullYear(), date.getMonth(), date.getDate(), ...val]; // @ts-ignore skip
-
+    const dateArr = [date.getFullYear(), date.getMonth(), date.getDate(), ...val];
+    // @ts-ignore skip
     return new Date(...dateArr);
   }
   /**
    *
    * find the location of showCurrTime red line
    */
-
-
   getCurrLocation() {
     let startTime = null;
     let pos = (0, _eventUtil.getPos)((0, _eventUtil.getCurrDate)());
-
     this._adapter.updateCurrPos((0, _eventUtil.round)(pos));
-
     const frameFunc = () => {
       const timestamp = Date.now();
-
       if (!startTime) {
         startTime = timestamp;
       }
-
       const time = timestamp - startTime;
-
       if (time > 30000) {
         pos = (0, _eventUtil.getPos)((0, _eventUtil.getCurrDate)());
-
         this._adapter.updateCurrPos((0, _eventUtil.round)(pos));
-
         startTime = timestamp;
       }
-
       this.raf = requestAnimationFrame(frameFunc);
     };
-
     this.raf = requestAnimationFrame(frameFunc);
   }
-
   getWeeklyData(value, dateFnsLocale) {
     const data = {};
     const {
@@ -120,12 +89,9 @@ class CalendarFoundation extends _foundation.default {
       weekStartsOn
     });
     data.week = (0, _eventUtil.calcWeekData)(value, null, 'week', dateFnsLocale, weekStartsOn);
-
     this._adapter.setWeeklyData(data);
-
     return data;
   }
-
   getRangeData(value, dateFnsLocale) {
     const data = {};
     const {
@@ -137,13 +103,11 @@ class CalendarFoundation extends _foundation.default {
       locale: dateFnsLocale,
       weekStartsOn
     });
-    data.week = (0, _eventUtil.calcRangeData)(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
-
+    const startDate = (0, _dateFns.startOfDay)(range[0]);
+    data.week = (0, _eventUtil.calcRangeData)(value, startDate, len, 'week', dateFnsLocale, weekStartsOn);
     this._adapter.setRangeData(data);
-
     return data;
   }
-
   getMonthlyData(value, dateFnsLocale) {
     const monthStart = (0, _dateFns.startOfMonth)(value);
     const data = {};
@@ -156,13 +120,10 @@ class CalendarFoundation extends _foundation.default {
     [...Array(numberOfWeek).keys()].map(ind => {
       data[ind] = (0, _eventUtil.calcWeekData)((0, _dateFns.addDays)(monthStart, ind * 7), monthStart, 'month', dateFnsLocale, weekStartsOn);
     });
-
     this._adapter.setMonthlyData(data);
-
     return data;
-  } // ================== Daily Event ==================
-
-
+  }
+  // ================== Daily Event ==================
   _parseEvents(events) {
     const parsed = {
       allDay: [],
@@ -175,46 +136,36 @@ class CalendarFoundation extends _foundation.default {
     });
     return parsed;
   }
-
   getParseDailyEvents(events, date) {
     if (!date) {
       date = this._getDate();
     }
-
     const parsed = this._parseEvents(events);
-
     const {
       displayValue
     } = this.getProps();
     const key = (0, _dateFns.startOfDay)(date).toString();
     parsed.allDay = (0, _eventUtil.convertEventsArrToMap)(parsed.allDay, 'date', _dateFns.startOfDay, displayValue).get(key);
     parsed.day = (0, _eventUtil.convertEventsArrToMap)(parsed.day, 'date', null, displayValue).get(key);
-
     if (!parsed.allDay) {
       parsed.allDay = [];
     }
-
     if (!parsed.day) {
       parsed.day = [];
     }
-
     parsed.day = parsed.day.map(item => (0, _eventUtil.renderDailyEvent)(item));
     return parsed;
   }
-
   parseDailyEvents() {
     const {
       events,
       displayValue
     } = this.getProps();
     const parsed = this.getParseDailyEvents(events, displayValue);
-
     this._adapter.setParsedEvents(parsed);
-
     this._adapter.cacheEventKeys(events.map(i => i.key));
-  } // ================== Weekly Event ==================
-
-
+  }
+  // ================== Weekly Event ==================
   _parseWeeklyEvents(events, weekStart) {
     const {
       weekStartsOn
@@ -228,7 +179,6 @@ class CalendarFoundation extends _foundation.default {
     });
     return parsed;
   }
-
   _renderWeeklyAllDayEvent(events) {
     const res = [];
     events.forEach(row => {
@@ -236,26 +186,19 @@ class CalendarFoundation extends _foundation.default {
       res.push(...event);
     });
     return res;
-  } // return parsed weekly allday events
-
-
+  }
+  // return parsed weekly allday events
   parseWeeklyAllDayEvents(events) {
     const {
       week
     } = this._adapter.getWeeklyData();
-
     const weekStart = week[0].date;
-
     const parsed = this._parseWeeklyEvents(events, weekStart);
-
     const res = this._renderWeeklyAllDayEvent(parsed);
-
     return res;
   }
-
   getParsedWeeklyEvents(events) {
     const parsed = this._parseEvents(events);
-
     const {
       displayValue
     } = this.getProps();
@@ -263,21 +206,17 @@ class CalendarFoundation extends _foundation.default {
     result.allDay = (0, _eventUtil.convertEventsArrToMap)(parsed.allDay, 'start', _dateFns.startOfDay, displayValue);
     result.day = (0, _eventUtil.convertEventsArrToMap)(parsed.day, 'date', null, displayValue);
     return result;
-  } // return parsed weekly allday events
-
-
+  }
+  // return parsed weekly allday events
   parseWeeklyEvents() {
     const {
       events
     } = this.getProps();
     const parsed = this.getParsedWeeklyEvents(events);
-
     this._adapter.setParsedEvents(parsed);
-
     this._adapter.cacheEventKeys(events.map(i => i.key));
-  } // ================== Monthly Event ==================
-
-
+  }
+  // ================== Monthly Event ==================
   pushDayEventIntoWeekMap(item, index, map) {
     if (index in map) {
       map[index].push(item);
@@ -285,23 +224,17 @@ class CalendarFoundation extends _foundation.default {
       map[index] = [item];
     }
   }
-
   convertMapToArray(weekMap, weekStart) {
     const eventArray = [];
-
     for (const entry of weekMap.entries()) {
       const [key, value] = entry;
       const map = new Map();
       map.set(key, value);
-
       const weekEvents = this._parseWeeklyEvents(map, weekStart);
-
       eventArray.push(...weekEvents);
     }
-
     return eventArray;
   }
-
   getParseMonthlyEvents(itemLimit) {
     const parsed = {};
     const {
@@ -309,9 +242,7 @@ class CalendarFoundation extends _foundation.default {
       events,
       weekStartsOn
     } = this.getProps();
-
     const currDate = this._getDate();
-
     const firstDayOfMonth = (0, _dateFns.startOfMonth)(displayValue);
     const lastDayOfMonth = (0, _dateFns.endOfMonth)(displayValue);
     const res = [];
@@ -319,11 +250,9 @@ class CalendarFoundation extends _foundation.default {
       if ((0, _dateFns.isBefore)(prev.start, next.start)) {
         return -1;
       }
-
       if ((0, _dateFns.isAfter)(prev.start, next.start)) {
         return 1;
       }
-
       return 0;
     }).forEach(event => {
       const parsedEvent = (0, _eventUtil.parseAllDayEvent)(event, event.allDay, currDate);
@@ -339,20 +268,17 @@ class CalendarFoundation extends _foundation.default {
         }) - 1;
         this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         return;
-      } // When the date is within the previous month
-
-
+      }
+      // When the date is within the previous month
       if ((0, _dateFns.isBefore)(item.date, firstDayOfMonth)) {
         if ((0, _dateFns.isSameWeek)(item.date, firstDayOfMonth, {
           weekStartsOn
         })) {
           this.pushDayEventIntoWeekMap(item, 0, parsed);
         }
-
         return;
-      } // When the date is within the next month
-
-
+      }
+      // When the date is within the next month
       if ((0, _dateFns.isAfter)(item.date, lastDayOfMonth)) {
         if ((0, _dateFns.isSameWeek)(item.date, lastDayOfMonth, {
           weekStartsOn
@@ -362,7 +288,6 @@ class CalendarFoundation extends _foundation.default {
           }) - 1;
           this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         }
-
         return;
       }
     });
@@ -372,41 +297,33 @@ class CalendarFoundation extends _foundation.default {
       const weekStart = (0, _dateFns.startOfWeek)(week[0].date, {
         weekStartsOn
       });
-      const weekMap = (0, _eventUtil.convertEventsArrToMap)(week, 'start', _dateFns.startOfDay); // When there are multiple events in a week, multiple events should be parsed
+      const weekMap = (0, _eventUtil.convertEventsArrToMap)(week, 'start', _dateFns.startOfDay);
+      // When there are multiple events in a week, multiple events should be parsed
       // const oldParsedWeeklyEvent = this._parseWeeklyEvents(weekMap, weekStart);
-
       const parsedWeeklyEvent = this.convertMapToArray(weekMap, weekStart);
       parsed[key].day = (0, _eventUtil.collectDailyEvents)(parsedWeeklyEvent);
       parsed[key].display = this._renderDisplayEvents(parsedWeeklyEvent);
     });
     return parsed;
   }
-
   parseMonthlyEvents(itemLimit) {
     const {
       events
     } = this.getProps();
     const parsed = this.getParseMonthlyEvents(itemLimit);
-
     this._adapter.setParsedEvents(parsed);
-
     this._adapter.setItemLimit(itemLimit);
-
     this._adapter.cacheEventKeys(events.map(i => i.key));
   }
-
   _renderDisplayEvents(events) {
     // Limits should not be added when calculating the relative position of each event, because there will be calculations that separate two events in the middle of the week
     let displayEvents = events.slice();
-
     if (displayEvents.length) {
       displayEvents = this._renderWeeklyAllDayEvent(displayEvents);
     }
-
     return displayEvents;
-  } // ================== Range Event ==================
-
-
+  }
+  // ================== Range Event ==================
   _parseRangeEvents(events) {
     let parsed = [[]];
     const [start, end] = this.getProp('range');
@@ -418,7 +335,6 @@ class CalendarFoundation extends _foundation.default {
     });
     return parsed;
   }
-
   _renderRangeAllDayEvent(events) {
     let res = [];
     events.forEach(row => {
@@ -426,42 +342,31 @@ class CalendarFoundation extends _foundation.default {
       res = [...res, ...event];
     });
     return res;
-  } // return parsed weekly allday events
-
-
+  }
+  // return parsed weekly allday events
   parseRangeAllDayEvents(events) {
     const parsed = this._parseRangeEvents(events);
-
     const res = this._renderRangeAllDayEvent(parsed);
-
     return res;
   }
-
   getParsedRangeEvents(events) {
     const parsed = this._parseEvents(events);
-
     const [start] = this.getProp('range');
     parsed.allDay = (0, _eventUtil.convertEventsArrToMap)(parsed.allDay, 'start', _dateFns.startOfDay, start);
     parsed.day = (0, _eventUtil.convertEventsArrToMap)(parsed.day, 'date', null, start);
     return parsed;
-  } // return parsed weekly allday events
-
-
+  }
+  // return parsed weekly allday events
   parseRangeEvents() {
     const {
       events
     } = this.getProps();
     const parsed = this.getParsedRangeEvents(events);
-
     this._adapter.setParsedEvents(parsed);
-
     this._adapter.cacheEventKeys(events.map(i => i.key));
   }
-
   checkWeekend(val) {
     return (0, _eventUtil.checkWeekend)(val);
   }
-
 }
-
 exports.default = CalendarFoundation;

package/lib/cjs/card/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-card`
 };

package/lib/cjs/carousel/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   CAROUSEL: `${_constants.BASE_CLASS_PREFIX}-carousel`,
   CAROUSEL_INDICATOR: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator`,

package/lib/cjs/carousel/foundation.js

@@ -4,217 +4,167 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class CarouselFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this._interval = null;
     this._forcePlay = false;
   }
-
   setForcePlay(forcePlay) {
     this._forcePlay = forcePlay;
   }
-
   play(interval) {
     if (this._interval) {
       clearInterval(this._interval);
     }
-
     this._interval = setInterval(() => {
       this.next();
     }, interval);
   }
-
   stop() {
     if (this._interval) {
       clearInterval(this._interval);
     }
   }
-
   goTo(activeIndex) {
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
     const targetIndex = this.getValidIndex(activeIndex);
-
     this._adapter.setIsReverse(stateActiveIndex > targetIndex);
-
     if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
-
       this.handleNewActiveIndex(targetIndex);
     }
   }
-
   next() {
     this.stop();
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
     const targetIndex = this.getValidIndex(stateActiveIndex + 1);
-
     this._adapter.setIsReverse(false);
-
     if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
-
       this.handleNewActiveIndex(targetIndex);
     }
-
     this.handleAutoPlay();
   }
-
   prev() {
     this.stop();
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
     const targetIndex = this.getValidIndex(stateActiveIndex - 1);
-
     this._adapter.setIsReverse(true);
-
     if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
-
       this.handleNewActiveIndex(targetIndex);
     }
-
     this.handleAutoPlay();
   }
-
   destroy() {
     this._unregisterInterval();
   }
-
   _unregisterInterval() {
     if (this._interval) {
       clearInterval(this._interval);
       this._interval = null;
     }
   }
-
   _notifyChange(activeIndex) {
     const {
       activeIndex: stateActiveIndex,
       isInit
     } = this.getStates();
-
     if (isInit) {
       this._adapter.setIsInit(false);
     }
-
     if (stateActiveIndex !== activeIndex) {
       this._adapter.setPreActiveIndex(stateActiveIndex);
-
       this._adapter.notifyChange(activeIndex, stateActiveIndex);
     }
   }
-
   getValidIndex(index) {
     const {
       children
     } = this.getStates();
     return (index + children.length) % children.length;
   }
-
   getSwitchingTime() {
     const {
       autoPlay,
       speed
     } = this.getProps();
     const autoPlayType = typeof autoPlay;
-
     if (autoPlayType === 'boolean') {
       return _constants.numbers.DEFAULT_INTERVAL + speed;
     }
-
     if ((0, _isObject2.default)(autoPlay)) {
       return (0, _get2.default)(autoPlay, 'interval', _constants.numbers.DEFAULT_INTERVAL) + speed;
     }
-
     return speed;
   }
-
   getIsControlledComponent() {
     return this._isInProps('activeIndex');
   }
-
   handleAutoPlay() {
     const {
       autoPlay
     } = this.getProps();
-    const autoPlayType = typeof autoPlay; // when user manually call the play function, force play
-
+    const autoPlayType = typeof autoPlay;
+    // when user manually call the play function, force play
     if (autoPlayType === 'boolean' && autoPlay || (0, _isObject2.default)(autoPlay) || this._forcePlay) {
       this.play(this.getSwitchingTime());
     }
   }
-
   handleKeyDown(event) {
     if (event.key === 'ArrowLeft') {
       this.prev();
     }
-
     if (event.key === 'ArrowRight') {
       this.next();
     }
   }
-
   onIndicatorChange(activeIndex) {
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
-
     this._adapter.setIsReverse(stateActiveIndex > activeIndex);
-
     this._notifyChange(activeIndex);
-
     if (!this.getIsControlledComponent()) {
       this.handleNewActiveIndex(activeIndex);
     }
   }
-
   handleNewActiveIndex(activeIndex) {
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
-
     if (stateActiveIndex !== activeIndex) {
       this._adapter.setNewActiveIndex(activeIndex);
     }
   }
-
   getDefaultActiveIndex() {
     let activeIndex;
     const props = this.getProps();
-
     if ('activeIndex' in props) {
       activeIndex = props.activeIndex;
     } else if ('defaultActiveIndex' in props) {
       activeIndex = props.defaultActiveIndex;
     }
-
     return activeIndex;
   }
-
 }
-
 var _default = CarouselFoundation;
 exports.default = _default;

package/lib/cjs/cascader/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-cascader`,
   PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-cascader-option`
@@ -19,7 +17,6 @@ const strings = {
   IS_VALUE: 'isValue',
   SHOW_NEXT_BY_CLICK: 'click',
   SHOW_NEXT_BY_HOVER: 'hover',
-
   /* Merge Type */
   LEAF_ONLY_MERGE_TYPE: 'leafOnly',
   AUTO_MERGE_VALUE_MERGE_TYPE: 'autoMergeValue',