@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/cjs/calendar/foundation.js

@@ -4,112 +4,80 @@ 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
-
-
+  }
   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 {
@@ -119,13 +87,10 @@ class CalendarFoundation extends _foundation.default {
       locale: dateFnsLocale,
       weekStartsOn
     });
-    data.week = (0, _eventUtil.calcWeekData)(value, 'week', dateFnsLocale, 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 +102,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 = {};
@@ -154,15 +117,12 @@ class CalendarFoundation extends _foundation.default {
       weekStartsOn
     });
     [...Array(numberOfWeek).keys()].map(ind => {
-      data[ind] = (0, _eventUtil.calcWeekData)((0, _dateFns.addDays)(monthStart, ind * 7), 'month', dateFnsLocale, weekStartsOn);
+      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 +135,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 +178,6 @@ class CalendarFoundation extends _foundation.default {
     });
     return parsed;
   }
-
   _renderWeeklyAllDayEvent(events) {
     const res = [];
     events.forEach(row => {
@@ -236,26 +185,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 +205,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 +223,17 @@ class CalendarFoundation extends _foundation.default {
       map[index] = [item];
     }
   }
-
   convertMapToArray(weekMap, weekStart) {
     const eventArray = [];
-
+    const map = new Map();
     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);
     }
-
+    const weekEvents = this._parseWeeklyEvents(map, weekStart);
+    eventArray.push(...weekEvents);
     return eventArray;
   }
-
   getParseMonthlyEvents(itemLimit) {
     const parsed = {};
     const {
@@ -309,9 +241,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 +249,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 +267,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 +287,6 @@ class CalendarFoundation extends _foundation.default {
           }) - 1;
           this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         }
-
         return;
       }
     });
@@ -372,41 +296,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 +334,6 @@ class CalendarFoundation extends _foundation.default {
     });
     return parsed;
   }
-
   _renderRangeAllDayEvent(events) {
     let res = [];
     events.forEach(row => {
@@ -426,42 +341,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,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-card")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-card`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/carousel/carousel.css

@@ -34,16 +34,20 @@
 .semi-carousel-content-slide .semi-carousel-content-item-slide-out {
   display: block;
   animation: semi-carousel-content-item-keyframe-slide-out;
+  animation-fill-mode: forwards;
 }
 .semi-carousel-content-slide .semi-carousel-content-item-slide-in {
   display: block;
   animation: semi-carousel-content-item-keyframe-slide-in;
+  animation-fill-mode: forwards;
 }
 .semi-carousel-content-reverse .semi-carousel-content-item-slide-out {
   animation: semi-carousel-content-item-keyframe-slide-out-reverse;
+  animation-fill-mode: forwards;
 }
 .semi-carousel-content-reverse .semi-carousel-content-item-slide-in {
   animation: semi-carousel-content-item-keyframe-slide-in-reverse;
+  animation-fill-mode: forwards;
 }
 .semi-carousel-indicator {
   display: flex;

package/lib/cjs/carousel/carousel.scss

@@ -44,21 +44,25 @@ $module: #{$prefix}-carousel;
             .#{$module}-content-item-slide-out {
                 display: block;
                 animation: #{$module}-content-item-keyframe-slide-out;
+                animation-fill-mode: forwards;
             }
 
             .#{$module}-content-item-slide-in {
                 display: block;
                 animation: #{$module}-content-item-keyframe-slide-in;
+                animation-fill-mode: forwards;
             }
         }
 
         &-reverse {
             .#{$module}-content-item-slide-out {
                 animation: #{$module}-content-item-keyframe-slide-out-reverse;
+                animation-fill-mode: forwards;
             }
 
             .#{$module}-content-item-slide-in {
                 animation: #{$module}-content-item-keyframe-slide-in-reverse;
+                animation-fill-mode: forwards;
             }
         }
     }

package/lib/cjs/carousel/constants.js

@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
-  CAROUSEL: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel"),
-  CAROUSEL_INDICATOR: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator"),
-  CAROUSEL_INDICATOR_LINE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-line"),
-  CAROUSEL_INDICATOR_DOT: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-dot"),
-  CAROUSEL_INDICATOR_COLUMNAR: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-columnar"),
-  CAROUSEL_INDICATOR_INACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-inactive"),
-  CAROUSEL_INDICATOR_ACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-active"),
-  CAROUSEL_CONTENT: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-content"),
-  CAROUSEL_ARROW: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-arrow")
+  CAROUSEL: `${_constants.BASE_CLASS_PREFIX}-carousel`,
+  CAROUSEL_INDICATOR: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator`,
+  CAROUSEL_INDICATOR_LINE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-line`,
+  CAROUSEL_INDICATOR_DOT: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-dot`,
+  CAROUSEL_INDICATOR_COLUMNAR: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-columnar`,
+  CAROUSEL_INDICATOR_INACTIVE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-inactive`,
+  CAROUSEL_INDICATOR_ACTIVE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-active`,
+  CAROUSEL_CONTENT: `${_constants.BASE_CLASS_PREFIX}-carousel-content`,
+  CAROUSEL_ARROW: `${_constants.BASE_CLASS_PREFIX}-carousel-arrow`
 };
 exports.cssClasses = cssClasses;
 const numbers = {

package/lib/cjs/carousel/foundation.d.ts

@@ -9,6 +9,8 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
     constructor(adapter: CarouselAdapter<P, S>);
     _interval: any;
+    _forcePlay: boolean;
+    setForcePlay(forcePlay: boolean): void;
     play(interval: number): void;
     stop(): void;
     goTo(activeIndex: number): void;