@douyinfe/semi-foundation 2.27.1 → 2.28.0-beta.0

package/lib/cjs/calendar/foundation.js

@@ -1,467 +0,0 @@
-"use strict";
-
-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
-
-    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 {
-      weekStartsOn
-    } = this.getProps();
-    data.month = (0, _dateFns.format)(value, 'LLL', {
-      locale: dateFnsLocale,
-      weekStartsOn
-    });
-    data.week = (0, _eventUtil.calcWeekData)(value, 'week', dateFnsLocale, weekStartsOn);
-
-    this._adapter.setWeeklyData(data);
-
-    return data;
-  }
-
-  getRangeData(value, dateFnsLocale) {
-    const data = {};
-    const {
-      range,
-      weekStartsOn
-    } = this.getProps();
-    const len = (0, _dateFns.differenceInCalendarDays)(range[1], range[0]);
-    data.month = (0, _dateFns.format)(value, 'LLL', {
-      locale: dateFnsLocale,
-      weekStartsOn
-    });
-    data.week = (0, _eventUtil.calcRangeData)(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
-
-    this._adapter.setRangeData(data);
-
-    return data;
-  }
-
-  getMonthlyData(value, dateFnsLocale) {
-    const monthStart = (0, _dateFns.startOfMonth)(value);
-    const data = {};
-    const {
-      weekStartsOn
-    } = this.getProps();
-    const numberOfWeek = (0, _dateFns.getWeeksInMonth)(value, {
-      weekStartsOn
-    });
-    [...Array(numberOfWeek).keys()].map(ind => {
-      data[ind] = (0, _eventUtil.calcWeekData)((0, _dateFns.addDays)(monthStart, ind * 7), 'month', dateFnsLocale, weekStartsOn);
-    });
-
-    this._adapter.setMonthlyData(data);
-
-    return data;
-  } // ================== Daily Event ==================
-
-
-  _parseEvents(events) {
-    const parsed = {
-      allDay: [],
-      day: []
-    };
-    events.map(event => (0, _eventUtil.parseEvent)(event)).forEach(item => {
-      item.forEach(i => {
-        i.allDay ? parsed.allDay.push(i) : parsed.day.push(i);
-      });
-    });
-    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 ==================
-
-
-  _parseWeeklyEvents(events, weekStart) {
-    const {
-      weekStartsOn
-    } = this.getProps();
-    let parsed = [[]];
-    const filtered = (0, _eventUtil.filterWeeklyEvents)(events, weekStart, weekStartsOn);
-    [...filtered.keys()].sort((a, b) => (0, _eventUtil.sortDate)(a, b)).forEach(item => {
-      const startDate = new Date(item);
-      const curr = filtered.get(item).filter(event => (0, _dateFns.isSameDay)(event.date, startDate));
-      parsed = (0, _eventUtil.parseWeeklyAllDayEvent)(curr, startDate, weekStart, parsed, weekStartsOn);
-    });
-    return parsed;
-  }
-
-  _renderWeeklyAllDayEvent(events) {
-    const res = [];
-    events.forEach(row => {
-      const event = row.filter(item => 'leftPos' in item);
-      res.push(...event);
-    });
-    return res;
-  } // 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();
-    const result = {};
-    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
-
-
-  parseWeeklyEvents() {
-    const {
-      events
-    } = this.getProps();
-    const parsed = this.getParsedWeeklyEvents(events);
-
-    this._adapter.setParsedEvents(parsed);
-
-    this._adapter.cacheEventKeys(events.map(i => i.key));
-  } // ================== Monthly Event ==================
-
-
-  pushDayEventIntoWeekMap(item, index, map) {
-    if (index in map) {
-      map[index].push(item);
-    } else {
-      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 {
-      displayValue,
-      events,
-      weekStartsOn
-    } = this.getProps();
-
-    const currDate = this._getDate();
-
-    const firstDayOfMonth = (0, _dateFns.startOfMonth)(displayValue);
-    const lastDayOfMonth = (0, _dateFns.endOfMonth)(displayValue);
-    const res = [];
-    events.sort((prev, next) => {
-      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);
-      res.push(...parsedEvent);
-    });
-    res.filter(item => (0, _dateFns.isSameMonth)(item.date, displayValue));
-    res.forEach(item => {
-      // WeekInd calculation error, need to consider the boundary situation at the beginning/end of the month
-      // When the date falls within the month
-      if ((0, _dateFns.isSameMonth)(item.date, displayValue)) {
-        const weekInd = (0, _dateFns.getWeekOfMonth)(item.date, {
-          weekStartsOn
-        }) - 1;
-        this.pushDayEventIntoWeekMap(item, weekInd, parsed);
-        return;
-      } // 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
-
-
-      if ((0, _dateFns.isAfter)(item.date, lastDayOfMonth)) {
-        if ((0, _dateFns.isSameWeek)(item.date, lastDayOfMonth, {
-          weekStartsOn
-        })) {
-          const weekInd = (0, _dateFns.getWeekOfMonth)(lastDayOfMonth, {
-            weekStartsOn
-          }) - 1;
-          this.pushDayEventIntoWeekMap(item, weekInd, parsed);
-        }
-
-        return;
-      }
-    });
-    Object.keys(parsed).forEach(key => {
-      const week = parsed[key];
-      parsed[key] = {};
-      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 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 ==================
-
-
-  _parseRangeEvents(events) {
-    let parsed = [[]];
-    const [start, end] = this.getProp('range');
-    const filtered = (0, _eventUtil.filterEvents)(events, start, end);
-    [...filtered.keys()].sort((a, b) => (0, _eventUtil.sortDate)(a, b)).forEach(item => {
-      const startDate = new Date(item);
-      const curr = filtered.get(item).filter(event => (0, _dateFns.isSameDay)(event.date, startDate));
-      parsed = (0, _eventUtil.parseRangeAllDayEvent)(curr, startDate, start, end, parsed);
-    });
-    return parsed;
-  }
-
-  _renderRangeAllDayEvent(events) {
-    let res = [];
-    events.forEach(row => {
-      const event = row.filter(item => 'leftPos' in item);
-      res = [...res, ...event];
-    });
-    return res;
-  } // 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
-
-
-  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.d.ts

@@ -1,8 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    SHADOWS: string[];
-    TYPE: string[];
-};
-export { cssClasses, strings };

package/lib/cjs/card/constants.js

@@ -1,18 +0,0 @@
-"use strict";
-
-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")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SHADOWS: ['hover', 'always'],
-  TYPE: ['grid']
-};
-exports.strings = strings;

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

@@ -1,27 +0,0 @@
-declare const cssClasses: {
-    CAROUSEL: string;
-    CAROUSEL_INDICATOR: string;
-    CAROUSEL_INDICATOR_LINE: string;
-    CAROUSEL_INDICATOR_DOT: string;
-    CAROUSEL_INDICATOR_COLUMNAR: string;
-    CAROUSEL_INDICATOR_INACTIVE: string;
-    CAROUSEL_INDICATOR_ACTIVE: string;
-    CAROUSEL_CONTENT: string;
-    CAROUSEL_ARROW: string;
-};
-declare const numbers: {
-    DEFAULT_ACTIVE_INDEX: number;
-    DEFAULT_INTERVAL: number;
-    DEFAULT_SPEED: number;
-};
-declare const strings: {
-    readonly ANIMATION_MAP: readonly ["slide", "fade"];
-    readonly DIRECTION: readonly ["left", "right"];
-    readonly TYPE_MAP: readonly ["columnar", "line", "dot"];
-    readonly THEME_MAP: readonly ["dark", "primary", "light"];
-    readonly POSITION_MAP: readonly ["left", "center", "right"];
-    readonly ARROW_MAP: readonly ["always", "hover"];
-    readonly SIZE: readonly ["small", "medium"];
-    readonly TRIGGER: readonly ["click", "hover"];
-};
-export { cssClasses, numbers, strings };

package/lib/cjs/carousel/constants.js

@@ -1,38 +0,0 @@
-"use strict";
-
-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")
-};
-exports.cssClasses = cssClasses;
-const numbers = {
-  DEFAULT_ACTIVE_INDEX: 0,
-  DEFAULT_INTERVAL: 2000,
-  DEFAULT_SPEED: 300
-};
-exports.numbers = numbers;
-const strings = {
-  ANIMATION_MAP: ['slide', 'fade'],
-  DIRECTION: ['left', 'right'],
-  TYPE_MAP: ['columnar', 'line', 'dot'],
-  THEME_MAP: ['dark', 'primary', 'light'],
-  POSITION_MAP: ['left', 'center', 'right'],
-  ARROW_MAP: ['always', 'hover'],
-  SIZE: ['small', 'medium'],
-  TRIGGER: ['click', 'hover']
-};
-exports.strings = strings;

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

@@ -1,29 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    notifyChange: (activeIndex: number, preIndex: number) => void;
-    setNewActiveIndex: (activeIndex: number) => void;
-    setPreActiveIndex: (activeIndex: number) => void;
-    setIsReverse: (isReverse: boolean) => void;
-    setIsInit: (isInit: boolean) => void;
-}
-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;
-    play(interval: number): void;
-    stop(): void;
-    goTo(activeIndex: number): void;
-    next(): void;
-    prev(): void;
-    destroy(): void;
-    _unregisterInterval(): void;
-    _notifyChange(activeIndex: number): void;
-    getValidIndex(index: number): number;
-    getSwitchingTime(): number;
-    getIsControlledComponent(): boolean;
-    handleAutoPlay(): void;
-    handleKeyDown(event: any): void;
-    onIndicatorChange(activeIndex: number): void;
-    handleNewActiveIndex(activeIndex: number): void;
-    getDefaultActiveIndex(): number;
-}
-export default CarouselFoundation;