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

package/lib/es/calendar/foundation.js

@@ -4,100 +4,74 @@ import { parseEvent, parseAllDayEvent, calcWeekData, getCurrDate, parseWeeklyAll
 export default class CalendarFoundation extends BaseFoundation {
   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 && isSameDay(displayValue, 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 || 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 = getPos(getCurrDate());
-
     this._adapter.updateCurrPos(round(pos));
-
     const frameFunc = () => {
       const timestamp = Date.now();
-
       if (!startTime) {
         startTime = timestamp;
       }
-
       const time = timestamp - startTime;
-
       if (time > 30000) {
         pos = getPos(getCurrDate());
-
         this._adapter.updateCurrPos(round(pos));
-
         startTime = timestamp;
       }
-
       this.raf = requestAnimationFrame(frameFunc);
     };
-
     this.raf = requestAnimationFrame(frameFunc);
   }
-
   getWeeklyData(value, dateFnsLocale) {
     const data = {};
     const {
@@ -108,12 +82,9 @@ export default class CalendarFoundation extends BaseFoundation {
       weekStartsOn
     });
     data.week = calcWeekData(value, null, 'week', dateFnsLocale, weekStartsOn);
-
     this._adapter.setWeeklyData(data);
-
     return data;
   }
-
   getRangeData(value, dateFnsLocale) {
     const data = {};
     const {
@@ -125,13 +96,11 @@ export default class CalendarFoundation extends BaseFoundation {
       locale: dateFnsLocale,
       weekStartsOn
     });
-    data.week = calcRangeData(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
-
+    const startDate = startOfDay(range[0]);
+    data.week = calcRangeData(value, startDate, len, 'week', dateFnsLocale, weekStartsOn);
     this._adapter.setRangeData(data);
-
     return data;
   }
-
   getMonthlyData(value, dateFnsLocale) {
     const monthStart = startOfMonth(value);
     const data = {};
@@ -144,13 +113,10 @@ export default class CalendarFoundation extends BaseFoundation {
     [...Array(numberOfWeek).keys()].map(ind => {
       data[ind] = calcWeekData(addDays(monthStart, ind * 7), monthStart, 'month', dateFnsLocale, weekStartsOn);
     });
-
     this._adapter.setMonthlyData(data);
-
     return data;
-  } // ================== Daily Event ==================
-
-
+  }
+  // ================== Daily Event ==================
   _parseEvents(events) {
     const parsed = {
       allDay: [],
@@ -163,46 +129,36 @@ export default class CalendarFoundation extends BaseFoundation {
     });
     return parsed;
   }
-
   getParseDailyEvents(events, date) {
     if (!date) {
       date = this._getDate();
     }
-
     const parsed = this._parseEvents(events);
-
     const {
       displayValue
     } = this.getProps();
     const key = startOfDay(date).toString();
     parsed.allDay = convertEventsArrToMap(parsed.allDay, 'date', startOfDay, displayValue).get(key);
     parsed.day = convertEventsArrToMap(parsed.day, 'date', null, displayValue).get(key);
-
     if (!parsed.allDay) {
       parsed.allDay = [];
     }
-
     if (!parsed.day) {
       parsed.day = [];
     }
-
     parsed.day = parsed.day.map(item => 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
@@ -216,7 +172,6 @@ export default class CalendarFoundation extends BaseFoundation {
     });
     return parsed;
   }
-
   _renderWeeklyAllDayEvent(events) {
     const res = [];
     events.forEach(row => {
@@ -224,26 +179,19 @@ export default class CalendarFoundation extends BaseFoundation {
       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();
@@ -251,21 +199,17 @@ export default class CalendarFoundation extends BaseFoundation {
     result.allDay = convertEventsArrToMap(parsed.allDay, 'start', startOfDay, displayValue);
     result.day = 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);
@@ -273,23 +217,17 @@ export default class CalendarFoundation extends BaseFoundation {
       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 {
@@ -297,9 +235,7 @@ export default class CalendarFoundation extends BaseFoundation {
       events,
       weekStartsOn
     } = this.getProps();
-
     const currDate = this._getDate();
-
     const firstDayOfMonth = startOfMonth(displayValue);
     const lastDayOfMonth = endOfMonth(displayValue);
     const res = [];
@@ -307,11 +243,9 @@ export default class CalendarFoundation extends BaseFoundation {
       if (isBefore(prev.start, next.start)) {
         return -1;
       }
-
       if (isAfter(prev.start, next.start)) {
         return 1;
       }
-
       return 0;
     }).forEach(event => {
       const parsedEvent = parseAllDayEvent(event, event.allDay, currDate);
@@ -327,20 +261,17 @@ export default class CalendarFoundation extends BaseFoundation {
         }) - 1;
         this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         return;
-      } // When the date is within the previous month
-
-
+      }
+      // When the date is within the previous month
       if (isBefore(item.date, firstDayOfMonth)) {
         if (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 (isAfter(item.date, lastDayOfMonth)) {
         if (isSameWeek(item.date, lastDayOfMonth, {
           weekStartsOn
@@ -350,7 +281,6 @@ export default class CalendarFoundation extends BaseFoundation {
           }) - 1;
           this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         }
-
         return;
       }
     });
@@ -360,41 +290,33 @@ export default class CalendarFoundation extends BaseFoundation {
       const weekStart = startOfWeek(week[0].date, {
         weekStartsOn
       });
-      const weekMap = convertEventsArrToMap(week, 'start', startOfDay); // When there are multiple events in a week, multiple events should be parsed
+      const weekMap = convertEventsArrToMap(week, 'start', 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 = 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');
@@ -406,7 +328,6 @@ export default class CalendarFoundation extends BaseFoundation {
     });
     return parsed;
   }
-
   _renderRangeAllDayEvent(events) {
     let res = [];
     events.forEach(row => {
@@ -414,40 +335,30 @@ export default class CalendarFoundation extends BaseFoundation {
       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 = convertEventsArrToMap(parsed.allDay, 'start', startOfDay, start);
     parsed.day = 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 checkWeekend(val);
   }
-
 }

package/lib/es/carousel/foundation.js

@@ -2,206 +2,161 @@ import _get from "lodash/get";
 import _isObject from "lodash/isObject";
 import BaseFoundation from '../base/foundation';
 import { numbers } from './constants';
-
 class CarouselFoundation extends BaseFoundation {
   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 numbers.DEFAULT_INTERVAL + speed;
     }
-
     if (_isObject(autoPlay)) {
       return _get(autoPlay, 'interval', 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 || _isObject(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;
   }
-
 }
-
 export default CarouselFoundation;

package/lib/es/cascader/constants.js

@@ -10,7 +10,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',

package/lib/es/cascader/foundation.d.ts

@@ -30,10 +30,10 @@ export interface BasicCascaderData {
     loading?: boolean;
     children?: BasicCascaderData[];
 }
-export declare type CascaderType = 'large' | 'small' | 'default';
-export declare type BasicSimpleValueType = string | number | BasicCascaderData;
-export declare type BasicValue = BasicSimpleValueType | Array<BasicSimpleValueType> | Array<Array<BasicSimpleValueType>>;
-export declare type ShowNextType = 'click' | 'hover';
+export type CascaderType = 'large' | 'small' | 'default';
+export type BasicSimpleValueType = string | number | BasicCascaderData;
+export type BasicValue = BasicSimpleValueType | Array<BasicSimpleValueType> | Array<Array<BasicSimpleValueType>>;
+export type ShowNextType = 'click' | 'hover';
 export interface BasicTriggerRenderProps {
     componentProps: BasicCascaderProps;
     disabled: boolean;