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

package/lib/es/base/foundation.js

@@ -1,47 +1,32 @@
 import _noop from "lodash/noop";
-
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
  * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
  *
  */
 import log from '../utils/log';
-
 class BaseFoundation {
-  constructor(adapter) {
-    this._adapter = Object.assign(Object.assign({}, BaseFoundation.defaultAdapter), adapter);
-  }
   /** @return enum{css className} */
-
   /* istanbul ignore next */
-
-
   static get cssClasses() {
     // Classes extending Foundation should implement this method to return an object which exports every
     // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'component--active'}
     return {};
   }
   /** @return enum{strings} */
-
   /* istanbul ignore next */
-
-
   static get strings() {
     // Classes extending Foundation should implement this method to return an object which exports all
     // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}
     return {};
   }
   /** @return enum{numbers} */
-
   /* istanbul ignore next */
-
-
   static get numbers() {
     // Classes extending Foundation should implement this method to return an object which exports all
     // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}
     return {};
   }
-
   static get defaultAdapter() {
     return {
       getProp: _noop,
@@ -58,90 +43,72 @@ class BaseFoundation {
       persistEvent: _noop
     };
   }
-
+  constructor(adapter) {
+    this._adapter = Object.assign(Object.assign({}, BaseFoundation.defaultAdapter), adapter);
+  }
   getProp(key) {
     return this._adapter.getProp(key);
   }
-
   getProps() {
     return this._adapter.getProps();
   }
-
   getState(key) {
     return this._adapter.getState(key);
   }
-
   getStates() {
     return this._adapter.getStates();
   }
-
   setState(states, cb) {
     return this._adapter.setState(Object.assign({}, states), cb);
   }
-
   getContext(key) {
     return this._adapter.getContext(key);
   }
   /* istanbul ignore next */
-
-
   getContexts() {
     return this._adapter.getContexts();
   }
   /* istanbul ignore next */
-
-
   getCaches() {
     return this._adapter.getCaches();
   }
-
   getCache(key) {
     return this._adapter.getCache(key);
   }
-
   setCache(key, value) {
     return key && this._adapter.setCache(key, value);
   }
-
   stopPropagation(e) {
     this._adapter.stopPropagation(e);
-  } // Determine whether a controlled component
-
-
+  }
+  // Determine whether a controlled component
   _isControlledComponent() {
     let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
     const props = this.getProps();
     const isControlComponent = (key in props);
     return isControlComponent;
-  } // Does the user have incoming props, eg: _isInProps (value)
-
-
+  }
+  // Does the user have incoming props, eg: _isInProps (value)
   _isInProps(key) {
     const props = this.getProps();
     return key in props;
   }
-
-  init(lifecycle) {// Subclasses should override this method to perform initialization routines (registering events, etc.)
+  init(lifecycle) {
+    // Subclasses should override this method to perform initialization routines (registering events, etc.)
   }
-
-  destroy() {// Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
+  destroy() {
+    // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
   }
   /* istanbul ignore next */
-
-
   log(text) {
     for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       rest[_key - 1] = arguments[_key];
     }
-
     log(text, ...rest);
   }
-
   _persistEvent(e) {
     // only work for react adapter for now
     this._adapter.persistEvent(e);
   }
-
 }
-
 export default BaseFoundation;

package/lib/es/breadcrumb/foundation.js

@@ -5,25 +5,20 @@ export default class BreadcrumbFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   handleClick(info, event) {
     this._adapter.notifyClick(info, event);
   }
-
   handleExpand(clickEvent) {
     this._adapter.expandCollapsed(clickEvent);
   }
   /**
    * A11y: simulate clear button click
    */
-
-
   handleExpandEnterPress(keyboardEvent) {
     if (isEnterPress(keyboardEvent)) {
       this.handleExpand(keyboardEvent);
     }
   }
-
   genRoutes(routes) {
     return routes.map(route => {
       if (typeof route !== 'object') {
@@ -34,11 +29,9 @@ export default class BreadcrumbFoundation extends BaseFoundation {
           }
         };
       }
-
       let config = {};
       config._origin = route;
       return Object.assign(Object.assign({}, config), route);
     });
   }
-
 }

package/lib/es/breadcrumb/itemFoundation.js

@@ -3,12 +3,9 @@ export default class BreadcrumbItemFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   handleClick(item, e) {
     // Trigger its own onClick first, then trigger the parent
     this._adapter.notifyClick(item, e);
-
     this._adapter.notifyParent(item, e);
   }
-
 }

package/lib/es/calendar/calendar.css

@@ -263,13 +263,13 @@
   justify-content: center;
   align-items: center;
 }
-.semi-calendar-week-grid-row li span {
+.semi-calendar-week-grid-row li > span {
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 26px;
 }
-.semi-calendar-week-grid-row li span:last-child {
+.semi-calendar-week-grid-row li > span:last-child {
   padding: 0 4px;
 }
 .semi-calendar-week .semi-calendar-all-day {

package/lib/es/calendar/calendar.scss

@@ -273,7 +273,7 @@ $module: #{$prefix}-calendar;
                 justify-content: center;
                 align-items: center;
 
-                span {
+                > span {
                     display: flex;
                     align-items: center;
                     justify-content: center;

package/lib/es/calendar/eventUtil.d.ts

@@ -30,7 +30,7 @@ export interface DateObj {
     isSameMonth: boolean;
     month: string;
 }
-export declare type weekStartsOnEnum = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type weekStartsOnEnum = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare const calcRangeData: (value: Date, start: Date, rangeLen: number, mode: string, locale: Locale, weekStartsOn: weekStartsOnEnum) => DateObj[];
 /**
  *

package/lib/es/calendar/eventUtil.js

@@ -1,5 +1,4 @@
 import { format, isSameMonth, isWeekend, differenceInCalendarDays, isBefore, addDays, startOfWeek, endOfWeek, getSeconds, differenceInHours, getMinutes, getHours, addHours, isSameDay, endOfDay, startOfDay, toDate } from 'date-fns';
-
 const copyEvent = function (event, date, start, end) {
   let allDay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   const copied = Object.assign({}, event);
@@ -9,14 +8,12 @@ const copyEvent = function (event, date, start, end) {
   copied.allDay = allDay;
   return copied;
 };
-
 const isDateInRange = (dirtyDate, dirtyStart, dirtyEnd) => {
   const date = toDate(dirtyDate);
   const start = toDate(dirtyStart);
   const end = toDate(dirtyEnd);
   return date.getTime() < end.getTime() && date.getTime() >= start.getTime();
 };
-
 export const sortDate = (a, b) => {
   const res = isBefore(new Date(a), new Date(b)) ? -1 : 1;
   return res;
@@ -37,13 +34,11 @@ export const isAllDayEvent = event => 'allDay' in event && event.allDay;
  * if event object does not have start time, add start time = end time - 1h; if not same day, then startday of the end
  * if event object does not have end time, add end time = start time + 1h; if not same day, then endday of the start
  */
-
 export const amendEvent = event => {
   const {
     start,
     end
   } = event;
-
   if (!start && !end) {
     return undefined;
   } else if (!start) {
@@ -51,7 +46,6 @@ export const amendEvent = event => {
   } else {
     event.end = isSameDay(start, addHours(start, 1)) ? addHours(start, 1) : endOfDay(start);
   }
-
   return event;
 };
 /**
@@ -59,7 +53,6 @@ export const amendEvent = event => {
  * @param {arr} events
  * find the max topInd and used as row height
  */
-
 export const calcRowHeight = events => {
   const topIndArr = events.map(item => item.topInd);
   return topIndArr.length ? Math.max(...topIndArr) + 1 : 1;
@@ -82,14 +75,12 @@ export const calcRangeData = (value, start, rangeLen, mode, locale, weekStartsOn
     });
     dateObj.isToday = isSameDay(date, today);
     dateObj.isWeekend = checkWeekend(date);
-
     if (mode === 'month') {
       dateObj.isSameMonth = isSameMonth(value, date);
       dateObj.month = format(date, 'LLL', {
         locale
       });
     }
-
     arr.push(dateObj);
   });
   return arr;
@@ -103,7 +94,6 @@ export const calcRangeData = (value, start, rangeLen, mode, locale, weekStartsOn
  * @returns {object[]} { date: Date, dayString: string, ind: number, isToday: boolean, isWeekend: boolean, weekday: string }
  * create weekly object array
  */
-
 export const calcWeekData = function (value, monthStart) {
   let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'week';
   let locale = arguments.length > 3 ? arguments[3] : undefined;
@@ -121,7 +111,6 @@ export const calcWeekData = function (value, monthStart) {
  * @returns {object[]} { allDay: boolean, data: Date, start: Date, end: Date, children: ReactNode }
  * parsed a spanned all-day event into multiple dates
  */
-
 export const parseAllDayEvent = function (event) {
   let allDay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   let currDate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
@@ -130,7 +119,6 @@ export const parseAllDayEvent = function (event) {
     start,
     end
   } = event;
-
   if (start && end) {
     const diff = differenceInCalendarDays(end, start);
     [...Array(diff + 1).keys()].map(day => {
@@ -140,7 +128,6 @@ export const parseAllDayEvent = function (event) {
     const date = start || end || currDate;
     res.push(copyEvent(event, startOfDay(date), null, null, allDay));
   }
-
   return res;
 };
 /**
@@ -149,23 +136,19 @@ export const parseAllDayEvent = function (event) {
  * @returns {object[]} { allDay: boolean, data: Date, start: Date, end: Date, children: ReactNode }
  * parsed events
  */
-
 export const parseEvent = event => {
   const {
     start,
     end
   } = event;
   let res = [];
-
   if (isAllDayEvent(event)) {
     return parseAllDayEvent(event);
   }
-
   if (start && end) {
     if (!isBefore(start, end)) {
       [event.start, event.end] = [event.end, event.start];
     }
-
     if (isSameDay(start, end)) {
       res.push(copyEvent(event, startOfDay(start)));
     } else if (Math.abs(differenceInHours(start, end)) < 24) {
@@ -178,7 +161,6 @@ export const parseEvent = event => {
     const amend = amendEvent(event);
     res.push(copyEvent(amend, startOfDay(amend.start)));
   }
-
   return res;
 };
 /**
@@ -189,20 +171,16 @@ export const parseEvent = event => {
  * @returns {map}
  * convert events array to may, use datestring as key
  */
-
 export const convertEventsArrToMap = (arr, key, func, displayValue) => {
   const res = new Map();
   arr.forEach(item => {
     let val;
-
     if (key in item) {
       val = item[key];
     } else {
       val = startOfDay(displayValue);
     }
-
     const k = func ? func(val).toString() : val.toString();
-
     if (res.has(k)) {
       res.get(k).push(item);
     } else {
@@ -215,20 +193,18 @@ export const convertEventsArrToMap = (arr, key, func, displayValue) => {
  * @returns {arr}
  * filter out event that is not in the date range
  */
-
 export const filterEvents = (events, start, end) => {
   const res = new Map();
   [...events.keys()].map(day => {
     const item = events.get(day);
     const date = new Date(day);
-
     if (isDateInRange(date, start, end)) {
       res.set(day, item);
-    } else if (isBefore(end, date)) {// do nothing
+    } else if (isBefore(end, date)) {
+      // do nothing
     } else {
       const filtered = item.filter(i => !i.end || !isBefore(i.end, start));
       const key = start.toString();
-
       if (res.has(key)) {
         res.set(key, [...res.get(key), ...filtered]);
       } else {
@@ -243,7 +219,6 @@ export const filterEvents = (events, start, end) => {
  * filter out event that is not in the week range
  */
 // eslint-disable-next-line max-len
-
 export const filterWeeklyEvents = (events, weekStart, weekStartsOn) => filterEvents(events, weekStart, addDays(endOfWeek(weekStart, {
   weekStartsOn
 }), 1));
@@ -251,7 +226,6 @@ export const filterWeeklyEvents = (events, weekStart, weekStartsOn) => filterEve
  * @returns {arr}
  * arrange and sort all day event for a range
  */
-
 export const parseRangeAllDayEvent = (event, startDate, rangeStart, rangeEnd, parsed) => {
   const dateRangeLen = differenceInCalendarDays(rangeEnd, rangeStart);
   event.sort((a, b) => sortDate(a.start, b.start)).forEach(item => {
@@ -262,17 +236,14 @@ export const parseRangeAllDayEvent = (event, startDate, rangeStart, rangeEnd, pa
     let dateLength;
     const j = differenceInCalendarDays(startDate, rangeStart);
     let i = 0;
-
     while (Boolean(parsed[i]) && Boolean(parsed[i][j])) {
       i++;
     }
-
     if (!end) {
       dateLength = 0;
     } else {
       dateLength = isDateInRange(end, rangeStart, rangeEnd) ? differenceInCalendarDays(end, startDate) : differenceInCalendarDays(rangeEnd, startDate);
     }
-
     itemInfo.leftPos = round(Number(j) / dateRangeLen);
     itemInfo.width = Math.min(1 - round(Number(j) / dateRangeLen), round((dateLength + 1) * 1 / dateRangeLen));
     itemInfo.topInd = i;
@@ -280,7 +251,6 @@ export const parseRangeAllDayEvent = (event, startDate, rangeStart, rangeEnd, pa
       if (!parsed[i]) {
         parsed[i] = [];
       }
-
       if (dist > 0) {
         parsed[i][j + dist] = item;
       } else {
@@ -294,7 +264,6 @@ export const parseRangeAllDayEvent = (event, startDate, rangeStart, rangeEnd, pa
  * @returns {arr}
  * arrange and sort weekly all day event
  */
-
 export const parseWeeklyAllDayEvent = (event, startDate, weekStart, parsed, weekStartsOn) => parseRangeAllDayEvent(event, startDate, weekStart, addDays(endOfWeek(startDate, {
   weekStartsOn
 }), 1), parsed);
@@ -321,7 +290,6 @@ export const renderDailyEvent = event => {
     children
   } = event;
   let startPos, endPos;
-
   if (isAllDayEvent(event)) {
     startPos = 0;
     endPos = 0;
@@ -333,11 +301,9 @@ export const renderDailyEvent = event => {
     if (!isBefore(start, end)) {
       [start, end] = [end, start];
     }
-
     startPos = getPos(start);
     endPos = getPos(end);
   }
-
   const parsed = {
     startPos: round(startPos),
     endPos: round(endPos),

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

@@ -36,8 +36,8 @@ export interface WeeklyData {
     month: string;
     week: DateObj[];
 }
-export declare type MonthData = Record<number, DateObj[]>;
-export declare type ParsedEventsType = ParsedEvents | ParsedEventsWithArray | MonthlyEvent;
+export type MonthData = Record<number, DateObj[]>;
+export type ParsedEventsType = ParsedEvents | ParsedEventsWithArray | MonthlyEvent;
 export interface CalendarAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     updateCurrPos?: (currPos: number) => void;
     updateShowCurrTime?: () => void;