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

package/lib/es/cascader/util.js

@@ -2,11 +2,9 @@ import _isEqual from "lodash/isEqual";
 import _isUndefined from "lodash/isUndefined";
 import _isNull from "lodash/isNull";
 import { strings } from './constants';
-
 function getPosition(level, index) {
   return `${level}-${index}`;
 }
-
 export function isValid(val) {
   return !_isNull(val) && !_isUndefined(val);
 }
@@ -20,12 +18,11 @@ export function normalizedArr(val) {
 /**
  * Traverse all the data by `treeData`.
  */
-
 function traverseDataNodes(treeNodes, callback) {
   const processNode = (node, ind, parent) => {
     const children = node ? node.children : treeNodes;
-    let item = null; // Process node if is not root
-
+    let item = null;
+    // Process node if is not root
     if (node) {
       const key = parent ? getPosition(parent.key, ind) : `${ind}`;
       item = {
@@ -38,19 +35,16 @@ function traverseDataNodes(treeNodes, callback) {
         valuePath: parent ? [...parent.valuePath, node.value] : [node.value]
       };
       callback(item);
-    } // Process children node
-
-
+    }
+    // Process children node
     if (children) {
       children.forEach((subNode, subIndex) => {
         processNode(subNode, subIndex, item);
       });
     }
   };
-
   processNode(null);
 }
-
 export function convertDataToEntities(dataNodes) {
   const keyEntities = {};
   traverseDataNodes(dataNodes, data => {
@@ -59,10 +53,9 @@ export function convertDataToEntities(dataNodes) {
       parentKey
     } = data;
     const entity = Object.assign({}, data);
-    keyEntities[key] = entity; // Fill children
-
+    keyEntities[key] = entity;
+    // Fill children
     entity.parent = keyEntities[parentKey];
-
     if (entity.parent) {
       entity.parent.children = entity.parent.children || [];
       entity.parent.children.push(entity);
@@ -77,7 +70,6 @@ export function findKeysForValues(value, keyEntities) {
 }
 export function calcMergeType(autoMergeValue, leafOnly) {
   let mergeType;
-
   if (leafOnly) {
     mergeType = strings.LEAF_ONLY_MERGE_TYPE;
   } else if (autoMergeValue) {
@@ -85,6 +77,5 @@ export function calcMergeType(autoMergeValue, leafOnly) {
   } else {
     mergeType = strings.NONE_MERGE_TYPE;
   }
-
   return mergeType;
 }

package/lib/es/checkbox/checkboxFoundation.js

@@ -1,23 +1,19 @@
 import BaseFoundation from '../base/foundation';
 import isEnterPress from '../utils/isEnterPress';
 import warning from '../utils/warning';
-
 class CheckboxFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.clickState = false;
-
     this.handleFocusVisible = event => {
       const {
         target
       } = event;
-
       try {
         if (this.clickState) {
           this.clickState = false;
           return;
         }
-
         if (target.matches(':focus-visible')) {
           this._adapter.setFocusVisible(true);
         }
@@ -25,14 +21,11 @@ class CheckboxFoundation extends BaseFoundation {
         warning(true, 'Warning: [Semi Checkbox] The current browser does not support the focus-visible');
       }
     };
-
     this.handleBlur = () => {
       this.clickState = false;
-
       this._adapter.setFocusVisible(false);
     };
   }
-
   init() {
     const {
       children,
@@ -40,50 +33,36 @@ class CheckboxFoundation extends BaseFoundation {
       extraId,
       addonId
     } = this.getProps();
-
     if (children && !addonId) {
       this._adapter.setAddonId();
     }
-
     if (extra && !extraId) {
       this._adapter.setExtraId();
     }
   }
-
   notifyChange(checked, e) {
     const cbValue = this._adapter.generateEvent(checked, e);
-
     this._adapter.notifyChange(cbValue);
   }
-
   handleChange(e) {
     const disabled = this.getProp('disabled');
-
     if (disabled) {
       return;
     }
-
     if ((e === null || e === void 0 ? void 0 : e.type) === 'click') {
       this.clickState = true;
     }
-
     this._adapter.focusCheckboxEntity();
-
     const isInGroup = this._adapter.getIsInGroup();
-
     if (isInGroup) {
       const groupDisabled = this._adapter.getGroupDisabled();
-
       if (!groupDisabled) {
         this.handleChangeInGroup(e);
       }
-
       return;
     }
-
     const checked = this.getState('checked');
     const newChecked = !checked;
-
     if (this._isControlledComponent('checked')) {
       this.notifyChange(newChecked, e);
     } else {
@@ -91,37 +70,26 @@ class CheckboxFoundation extends BaseFoundation {
       this.notifyChange(newChecked, e);
     }
   }
-
   handleChangeInGroup(e) {
     const {
       value
     } = this.getProps();
-
     const groupValue = this._adapter.getGroupValue();
-
     const checked = groupValue.includes(value);
     const newChecked = !checked;
-
     const event = this._adapter.generateEvent(newChecked, e);
-
     this._adapter.notifyChange(event);
-
     this._adapter.notifyGroupChange(event);
   }
-
   handleEnterPress(e) {
     if (isEnterPress(e)) {
       this.handleChange(e);
     }
   }
-
   setChecked(checked) {
     this._adapter.setNativeControlChecked(checked);
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
 }
-
 export default CheckboxFoundation;

package/lib/es/checkbox/checkboxGroupFoundation.js

@@ -1,67 +1,53 @@
 import BaseFoundation from '../base/foundation';
 import warning from '../utils/warning';
-
 class CheckboxGroupFoundation extends BaseFoundation {
   static get checkboxGroupDefaultAdapter() {
     return {};
   }
-
   constructor(adapter) {
     super(Object.assign(Object.assign({}, CheckboxGroupFoundation.checkboxGroupDefaultAdapter), adapter));
   }
-
   init() {
     const {
       defaultValue,
       value
     } = this.getProps();
-
     if (typeof defaultValue !== 'undefined' && !Array.isArray(defaultValue)) {
       warning(true, 'Warning: [Semi CheckboxGroup] defaultValue should be an Array');
     }
-
     if (typeof value !== 'undefined' && !Array.isArray(value)) {
       warning(true, 'Warning: [Semi CheckboxGroup] value should be an Array');
     }
   }
-
   notifyChange(value) {
     this._adapter.notifyChange(value);
   }
-
   handleChange(evt) {
     const prevValue = this.getState('value');
     let newValue = [];
-
     if (!Array.isArray(prevValue)) {
       newValue = [prevValue];
     }
-
     if (evt.target.checked) {
       newValue = [...prevValue, evt.target.value];
     } else {
       newValue = prevValue.filter((itm, idx) => itm !== evt.target.value);
     }
-
     const isControlledMode = ('value' in this.getProps());
-
     if (isControlledMode) {
       // Controlled mode only needs to notify
       this.notifyChange(newValue);
     } else {
       // In uncontrolled mode, update the value in the state, and then notify
       this._adapter.updateGroupValue(newValue);
-
       this.notifyChange(newValue);
     }
   }
-
   getFormatName() {
     const propName = this.getProp('name');
     const defaultName = 'default';
     return propName || defaultName;
   }
-
   handlePropValueChange(newPropValue) {
     if (Array.isArray(newPropValue)) {
       this._adapter.updateGroupValue(newPropValue);
@@ -70,14 +56,10 @@ class CheckboxGroupFoundation extends BaseFoundation {
       if (typeof newPropValue === 'undefined') {
         this._adapter.updateGroupValue([]);
       }
-
       warning(true, 'Warning: [Semi CheckboxGroup] value should be an Array');
     }
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
 }
-
 export default CheckboxGroupFoundation;

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

@@ -1,5 +1,5 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type ArgsType<T> = T extends (...args: infer A) => any ? A : never;
+export type ArgsType<T> = T extends (...args: infer A) => any ? A : never;
 export interface CollapseProps {
     activeKey?: string | string[];
     defaultActiveKey?: string | string[];

package/lib/es/collapse/foundation.js

@@ -3,7 +3,6 @@ export default class CollapseFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   initActiveKey() {
     const {
       defaultActiveKey,
@@ -11,17 +10,15 @@ export default class CollapseFoundation extends BaseFoundation {
       accordion
     } = this.getProps();
     let activeKeyList = activeKey ? activeKey : defaultActiveKey;
-
     if (accordion) {
       activeKeyList = Array.isArray(activeKeyList) ? activeKeyList[0] : activeKeyList;
     }
-
     if (activeKeyList && activeKeyList.length) {
       activeKeyList = Array.isArray(activeKeyList) ? activeKeyList : [activeKeyList];
       return activeKeyList;
     }
-
-    return []; // this._adapter.initActiveSet(activeKeyList);
+    return [];
+    // this._adapter.initActiveSet(activeKeyList);
   }
 
   handleChange(newKey, e) {
@@ -33,7 +30,6 @@ export default class CollapseFoundation extends BaseFoundation {
       activeSet
     } = this.getStates();
     let newSet = new Set(activeSet);
-
     if (newSet.has(newKey)) {
       newSet.delete(newKey);
     } else {
@@ -43,12 +39,9 @@ export default class CollapseFoundation extends BaseFoundation {
         newSet.add(newKey);
       }
     }
-
     this._adapter.handleChange([...newSet.values()], e);
-
     if (typeof activeKey === 'undefined') {
       this._adapter.addActiveKey(newSet);
     }
   }
-
 }

package/lib/es/collapsible/foundation.js

@@ -1,26 +1,19 @@
 import BaseFoundation from "../base/foundation";
-
 class CollapsibleFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-
     this.updateDOMInRenderTree = isInRenderTree => {
       this._adapter.setDOMInRenderTree(isInRenderTree);
     };
-
     this.updateDOMHeight = domHeight => {
       this._adapter.setDOMHeight(domHeight);
     };
-
     this.updateVisible = visible => {
       this._adapter.setVisible(visible);
     };
-
     this.updateIsTransitioning = isTransitioning => {
       this._adapter.setIsTransitioning(isTransitioning);
     };
   }
-
 }
-
 export default CollapsibleFoundation;

package/lib/es/datePicker/_utils/formatter.js

@@ -12,7 +12,6 @@ import { strings } from '../constants';
  * @param {Object} locale
  * @returns {string}
  */
-
 export function formatDateValues(values, formatToken) {
   let {
     groupInnerSeparator = strings.DEFAULT_SEPARATOR_RANGE,
@@ -21,23 +20,21 @@ export function formatDateValues(values, formatToken) {
   } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let locale = arguments.length > 3 ? arguments[3] : undefined;
   let text = '';
-  (groupSize <= 0 || typeof groupSize !== 'number') && (groupSize = 1); // console.log(values, formatToken, groupInnerSeparator, groupSize, groupSeparator);
-
+  (groupSize <= 0 || typeof groupSize !== 'number') && (groupSize = 1);
+  // console.log(values, formatToken, groupInnerSeparator, groupSize, groupSeparator);
   if (Array.isArray(values) && values.length) {
     const groups = [];
     const {
       length
-    } = values; // chunk
-
+    } = values;
+    // chunk
     for (let i = 0; i < length; i++) {
       if (i % groupSize === 0) {
         groups.push([]);
       }
-
       const curArrIdx = Math.floor(i / groupSize);
       groups[curArrIdx].push(values[i]);
     }
-
     text = groups.map(arr => arr.map(v => {
       if (v) {
         // console.log(`formatDateValues() -> formatDateValues: ${v}`);
@@ -49,6 +46,5 @@ export function formatDateValues(values, formatToken) {
       }
     }).join(groupInnerSeparator)).join(groupSeparator);
   }
-
   return text;
 }

package/lib/es/datePicker/_utils/getDayOfWeek.d.ts

@@ -4,7 +4,7 @@
  * the index of the first day of the week （0-Sunday，1-Monday, etc）
  *
  */
-declare type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 declare const getDayofWeek: ({ weekStartsOn }: {
     weekStartsOn: WeekStartNumber;
 }) => string[];

package/lib/es/datePicker/_utils/getDayOfWeek.js

@@ -9,12 +9,9 @@ const getDayofWeek = _ref => {
     weekStartsOn = 0
   } = _ref;
   const weekDay = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-
   for (let index = 0; index < weekStartsOn; index++) {
     weekDay.push(weekDay.shift());
   }
-
   return weekDay;
 };
-
 export default getDayofWeek;

package/lib/es/datePicker/_utils/getDefaultFormatToken.js

@@ -7,9 +7,7 @@ const defaultFormatTokens = {
   month: strings.FORMAT_YEAR_MONTH,
   monthRange: strings.FORMAT_YEAR_MONTH
 };
-
 const getDefaultFormatToken = type => defaultFormatTokens;
-
 export function getDefaultFormatTokenByType(type) {
   return type && defaultFormatTokens[type];
 }

package/lib/es/datePicker/_utils/getDefaultPickerDate.d.ts

@@ -6,7 +6,7 @@ export default function getDefaultPickerDate(options: GetDefaultPickerValueDateO
     nowDate: Date;
     nextDate: Date;
 };
-declare type BaseValueType = string | number | Date;
+type BaseValueType = string | number | Date;
 interface GetDefaultPickerValueDateOptions {
     defaultPickerValue?: BaseValueType | BaseValueType[];
     format: string;

package/lib/es/datePicker/_utils/getDefaultPickerDate.js

@@ -5,7 +5,6 @@ import isTimestamp from './isTimestamp';
 /**
  * get left panel picker date and right panel picker date
  */
-
 export default function getDefaultPickerDate(options) {
   const {
     defaultPickerValue,
@@ -14,41 +13,32 @@ export default function getDefaultPickerDate(options) {
   } = options;
   let nowDate = Array.isArray(defaultPickerValue) ? defaultPickerValue[0] : defaultPickerValue;
   let nextDate = Array.isArray(defaultPickerValue) ? defaultPickerValue[1] : undefined;
-
   switch (true) {
     case isValidDate(nowDate):
       break;
-
     case isTimestamp(nowDate):
       nowDate = new Date(nowDate);
       break;
-
     case typeof nowDate === 'string':
       nowDate = compatibleParse(nowDate, format, undefined, dateFnsLocale);
       break;
-
     default:
       nowDate = new Date();
       break;
   }
-
   switch (true) {
     case isValidDate(nextDate):
       break;
-
     case isTimestamp(nextDate):
       nextDate = new Date(nextDate);
       break;
-
     case typeof nextDate === 'string':
       nextDate = compatibleParse(nextDate, format, undefined, dateFnsLocale);
       break;
-
     default:
       nextDate = addMonths(nowDate, 1);
       break;
   }
-
   return {
     nowDate: nowDate,
     nextDate: nextDate

package/lib/es/datePicker/_utils/getFullDateOffset.js

@@ -6,15 +6,12 @@ import { format } from 'date-fns';
  * @param {*} fn
  * @param {*} date
  */
-
 const getFullDateOffset = (fn, date) => {
   if (!date) {
     return '';
   }
-
   const getDate = new Date(date);
   const offsetDate = _isFunction(fn) ? fn(getDate) : getDate;
   return format(new Date(offsetDate), strings.FORMAT_FULL_DATE);
 };
-
 export default getFullDateOffset;

package/lib/es/datePicker/_utils/getInsetInputFormatToken.js

@@ -14,7 +14,6 @@ import { getDefaultFormatTokenByType } from './getDefaultFormatToken';
  * 'yyyy-MM-dd HH:mm' => 'yyyy-MM-dd HH:mm'
  * 'Pp' => 'yyyy-MM-dd'
  */
-
 export default function getInsetInputFormatToken(options) {
   const {
     format,
@@ -24,14 +23,12 @@ export default function getInsetInputFormatToken(options) {
   const dateTimeReg = /([yMd]{0,4}[^a-z\s]*[yMd]{0,4}[^a-z\s]*[yMd]{0,4}) (H{0,2}[^a-z\s]*m{0,2}[^a-z\s]*s{0,2})/i;
   const defaultToken = getDefaultFormatTokenByType(type);
   let insetInputFormat;
-
   switch (type) {
     case 'dateTime':
     case 'dateTimeRange':
       const dateTimeResult = dateTimeReg.exec(format);
       insetInputFormat = dateTimeResult && dateTimeResult[1] && dateTimeResult[2] ? `${dateTimeResult[1]} ${dateTimeResult[2]}` : defaultToken;
       break;
-
     case 'date':
     case 'month':
     case 'monthRange':
@@ -41,6 +38,5 @@ export default function getInsetInputFormatToken(options) {
       insetInputFormat = dateResult && dateResult[1] || defaultToken;
       break;
   }
-
   return insetInputFormat;
 }

package/lib/es/datePicker/_utils/getInsetInputValueFromInsetInputStr.js

@@ -32,26 +32,22 @@ export default function getInsetInputValueFromInsetInputStr(options) {
       timeInput: ''
     }
   };
-
   switch (type) {
     case 'date':
     case 'month':
     case 'monthRange':
       insetInputValue.monthLeft.dateInput = inputValue;
       break;
-
     case 'dateRange':
       [leftDateInput = '', rightDateInput = ''] = inputValue.split(rangeSeparator);
       insetInputValue.monthLeft.dateInput = leftDateInput;
       insetInputValue.monthRight.dateInput = rightDateInput;
       break;
-
     case 'dateTime':
       [leftDateInput = '', leftTimeInput = ''] = inputValue.split(timeSeparator);
       insetInputValue.monthLeft.dateInput = leftDateInput;
       insetInputValue.monthLeft.timeInput = leftTimeInput;
       break;
-
     case 'dateTimeRange':
       const [leftInput = '', rightInput = ''] = inputValue.split(rangeSeparator);
       [leftDateInput = '', leftTimeInput = ''] = leftInput.split(timeSeparator);
@@ -62,6 +58,5 @@ export default function getInsetInputValueFromInsetInputStr(options) {
       insetInputValue.monthRight.timeInput = rightTimeInput;
       break;
   }
-
   return insetInputValue;
 }

package/lib/es/datePicker/_utils/getMonthTable.d.ts

@@ -2,7 +2,7 @@ declare function formatFullDate(year?: number | string, month?: number | string,
 /**
  * [getWeeks description]
  */
-export declare type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 declare const getMonthTable: (month: Date, weekStartsOn: WeekStartNumber) => {
     monthText: string;
     weeks: any[];

package/lib/es/datePicker/_utils/getMonthTable.js

@@ -2,10 +2,10 @@
  *
  * @param {string} month
  */
-import { startOfMonth, lastDayOfMonth, getDaysInMonth, // getDay,
+import { startOfMonth, lastDayOfMonth, getDaysInMonth,
+// getDay,
 // parseISO,
 format } from 'date-fns';
-
 function formatFullDate() {
   let year = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -16,7 +16,6 @@ function formatFullDate() {
   dateStr = `${String(year)}-${monthFull}-${dayNumberFull}`;
   return dateStr;
 }
-
 function getWeeks(date) {
   let weekStartsOn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   const weekDayNotInMonth = {
@@ -24,27 +23,22 @@ function getWeeks(date) {
     dateNumberFull: '',
     fullDate: ''
   }; // For the first or last week epmtyDays
-
   const daysInMonth = getDaysInMonth(date); // Get the total number of days in the month
-
   const year = format(date, 'yyyy');
   const month = format(date, 'MM');
   const lastday = lastDayOfMonth(date); // Get the last day of the month
-
   const firstDay = startOfMonth(date); // Get the first day of the month
   // Const firstDayInWeek = getDay (firstDay);//The first day belongs to the day of the week
   // What is the first day of the month in the first row?
-
   const firstDayInWeek = Number(format(firstDay, 'e', {
     weekStartsOn
   }));
   const weeks = [];
-  let week = []; // add empty days to set first day in correct position
-
+  let week = [];
+  // add empty days to set first day in correct position
   for (let s = 1; s < firstDayInWeek; s++) {
     week.push(weekDayNotInMonth);
   }
-
   for (let d = 0; d < daysInMonth; d++) {
     const dayNumber = d + 1;
     const dayNumberFull = dayNumber < 10 ? `0${dayNumber}` : dayNumber.toString();
@@ -54,7 +48,6 @@ function getWeeks(date) {
       dayNumberFull,
       fullDate
     });
-
     if (week.length === 7) {
       weeks.push(week);
       week = [];
@@ -64,10 +57,8 @@ function getWeeks(date) {
       week = [];
     }
   }
-
   return weeks;
 }
-
 const getMonthTable = (month, weekStartsOn) => {
   const weeks = getWeeks(month, weekStartsOn);
   const monthText = format(month, 'yyyy-MM');
@@ -77,6 +68,5 @@ const getMonthTable = (month, weekStartsOn) => {
     month
   };
 };
-
 export default getMonthTable;
 export { formatFullDate };

package/lib/es/datePicker/_utils/getMonthsInYear.js

@@ -1,5 +1,4 @@
 const getMonthsInYear = year => Array.from({
   length: 12
 }, (v, i) => `${year}-${i + 1}`);
-
 export default getMonthsInYear;

package/lib/es/datePicker/_utils/getYears.d.ts

@@ -1,2 +1,2 @@
-declare const getYears: () => number[];
+declare const getYears: (startYear?: number, endYear?: number) => number[];
 export default getYears;