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

package/lib/es/utils/date-fns-extra.d.ts

@@ -9,6 +9,10 @@ export declare const IANAOffsetMap: (number | string[])[][];
  * @returns {number|undefined}
  */
 export declare const toIANA: (tz: string | number) => any;
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+export declare function isValidTimezoneIANAString(timeZoneString: string): boolean;
 /**
  *
  * @param {string | number | Date} date
@@ -18,30 +22,37 @@ export declare const toIANA: (tz: string | number) => any;
  * @returns {Date}
  */
 declare const parse: (date: string | number | Date, formatToken: string, options?: any) => Date;
+declare const format: (date: number | Date, formatToken: string, options?: any) => string;
 /**
+ * Returns a Date which will format as the local time of any time zone from a specific UTC time
  *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-declare const format: (date: string | number | Date, formatToken: string, options?: any) => string;
-/**
+ * @example
+ * ```javascript
+ * import { utcToZonedTime } from 'date-fns-tz'
+ * const { isoDate, timeZone } = fetchInitialValues() // 2014-06-25T10:00:00.000Z, America/New_York
+ * const date = utcToZonedTime(isoDate, timeZone) // In June 10am UTC is 6am in New York (-04:00)
+ * renderDatePicker(date) // 2014-06-25 06:00:00 (in the system time zone)
+ * renderTimeZoneSelect(timeZone) // America/New_York
+ * ```
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @see https://github.com/marnusw/date-fns-tz#utctozonedtime
  */
-declare const utcToZonedTime: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const utcToZonedTime: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
+ * Given a date and any time zone, returns a Date with the equivalent UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```
+ * import { zonedTimeToUtc } from 'date-fns-tz'
+ * const date = getDatePickerValue() // e.g. 2014-06-25 10:00:00 (picked in any time zone)
+ * const timeZone = getTimeZoneValue() // e.g. America/Los_Angeles
+ * const utcDate = zonedTimeToUtc(date, timeZone) // In June 10am in Los Angeles is 5pm UTC
+ * postToServer(utcDate.toISOString(), timeZone) // post 2014-06-25T17:00:00.000Z, America/Los_Angeles
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#zonedtimetoutc
  */
-declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
  * return current system hour offset based on utc:
  *

package/lib/es/utils/date-fns-extra.js

@@ -1,42 +1,88 @@
-/* eslint-disable max-len */
-
-/* eslint-disable eqeqeq */
 import { toDate, format as dateFnsFormat, utcToZonedTime as dateFnsUtcToZonedTime, zonedTimeToUtc as dateFnsZonedTimeToUtc } from 'date-fns-tz';
 import { parse as dateFnsParse } from 'date-fns';
 /**
  * Need to be IANA logo without daylight saving time
  */
-
 export const IANAOffsetMap = [[-11, ['Pacific/Midway']], [-10, ['Pacific/Honolulu']], [-9.5, ['Pacific/Marquesas']], [-9, ['Pacific/Gambier']], [-8, ['Pacific/Pitcairn']], [-7, ['America/Phoenix']], [-6, ['America/Tegucigalpa']], [-5, ['America/Bogota']], [-4, ['America/Puerto_Rico']], [-3.5, ['America/St_Johns']], [-3, ['America/Montevideo']], [-2, ['Atlantic/South_Georgia']], [-1, ['Atlantic/Cape_Verde']], [0, ['Africa/Accra']], [1, ['Africa/Bangui']], [2, ['Africa/Cairo']], [3, ['Asia/Bahrain', 'Indian/Antananarivo']], [3.5, ['Asia/Tehran']], [4, ['Asia/Dubai', 'Asia/Muscat']], [4.5, ['Asia/Kabul']], [5, ['Asia/Samarkand', 'Asia/Karachi']], [5.5, ['Asia/Kolkata']], [5.75, ['Asia/Kathmandu']], [6, ['Asia/Dhaka']], [6.5, ['Asia/Rangoon', 'Asia/Rangoon']], [7, ['Asia/Jakarta', 'Asia/Phnom_Penh', 'Asia/Bangkok']], [8, ['Asia/Shanghai', 'Asia/Singapore']], [8.75, ['Australia/Eucla']], [9, ['Asia/Tokyo', 'Asia/Seoul', 'Asia/Pyongyang']], [9.5, ['Australia/Darwin']], [10, ['Pacific/Guam']], [10.5, ['Australia/Adelaide']], [11, ['Pacific/Guadalcanal']], [12, ['Pacific/Funafuti']], [13, ['Pacific/Enderbury']], [13.75, ['Pacific/Chatham']], [14, ['Pacific/Kiritimati']]];
+/**
+ * Etc/GMT* no DST
+ * @see https://data.iana.org/time-zones/tzdb/etcetera
+ */
+const IANAEtcGMTOffsetMap = {
+  '0': 'Etc/GMT',
+  '1': 'Etc/GMT-1',
+  '2': 'Etc/GMT-2',
+  '3': 'Etc/GMT-3',
+  '4': 'Etc/GMT-4',
+  '5': 'Etc/GMT-5',
+  '6': 'Etc/GMT-6',
+  '7': 'Etc/GMT-7',
+  '8': 'Etc/GMT-8',
+  '9': 'Etc/GMT-9',
+  '10': 'Etc/GMT-10',
+  '11': 'Etc/GMT-11',
+  '12': 'Etc/GMT-12',
+  '13': 'Etc/GMT-13',
+  '14': 'Etc/GMT-14',
+  '-1': 'Etc/GMT+1',
+  '-2': 'Etc/GMT+2',
+  '-3': 'Etc/GMT+3',
+  '-4': 'Etc/GMT+4',
+  '-5': 'Etc/GMT+5',
+  '-6': 'Etc/GMT+6',
+  '-7': 'Etc/GMT+7',
+  '-8': 'Etc/GMT+8',
+  '-9': 'Etc/GMT+9',
+  '-10': 'Etc/GMT+10',
+  '-11': 'Etc/GMT+11',
+  '-12': 'Etc/GMT+12'
+};
 const GMTStringReg = /([\-\+]{1})(\d{2})\:(\d{2})/;
 /**
  *
  * @param {string|number} tz
  * @returns {number|undefined}
  */
-
 export const toIANA = tz => {
   let matches = null;
-
   if (typeof tz === 'string') {
     matches = tz.match(GMTStringReg);
-
     if (!matches) {
       return tz;
     }
-
     const symbol = parseInt(matches[1] + 1, 10); // => -1 or 1
-
     const hourOffset = parseInt(matches[2], 10);
     const minuteOffset = parseInt(matches[3], 10);
     tz = symbol * (hourOffset + minuteOffset / 60);
   }
-
   if (typeof tz === 'number') {
+    // if tz can be transformed to a Etc/GMT* and browser supports it
+    if (tz in IANAEtcGMTOffsetMap) {
+      const etcGMTtimeZone = IANAEtcGMTOffsetMap[tz];
+      if (isValidTimezoneIANAString(etcGMTtimeZone)) {
+        return etcGMTtimeZone;
+      }
+    }
     const found = IANAOffsetMap.find(item => item[0] === tz);
     return found && found[1][0];
   }
 };
+const validIANATimezoneCache = {};
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+export function isValidTimezoneIANAString(timeZoneString) {
+  if (validIANATimezoneCache[timeZoneString]) return true;
+  try {
+    new Intl.DateTimeFormat(undefined, {
+      timeZone: timeZoneString
+    });
+    validIANATimezoneCache[timeZoneString] = true;
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
 /**
  *
  * @param {string | number | Date} date
@@ -45,34 +91,20 @@ export const toIANA = tz => {
  * @param {string} [options.timeZone]
  * @returns {Date}
  */
-
 /* istanbul ignore next */
-
 const parse = (date, formatToken, options) => {
   if (typeof date === 'string') {
     date = dateFnsParse(date, formatToken, new Date(), options);
   }
-
   if (options && options.timeZone != null && options.timeZone !== '') {
     const timeZone = toIANA(options.timeZone);
     options = Object.assign(Object.assign({}, options), {
       timeZone
     });
   }
-
   return toDate(date, options);
 };
-/**
- *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-
 /* istanbul ignore next */
-
-
 const format = (date, formatToken, options) => {
   if (options && options.timeZone != null && options.timeZone !== '') {
     const timeZone = toIANA(options.timeZone);
@@ -81,28 +113,37 @@ const format = (date, formatToken, options) => {
     });
     date = dateFnsUtcToZonedTime(date, timeZone, options);
   }
-
   return dateFnsFormat(date, formatToken, options);
 };
 /**
+ * Returns a Date which will format as the local time of any time zone from a specific UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```javascript
+ * import { utcToZonedTime } from 'date-fns-tz'
+ * const { isoDate, timeZone } = fetchInitialValues() // 2014-06-25T10:00:00.000Z, America/New_York
+ * const date = utcToZonedTime(isoDate, timeZone) // In June 10am UTC is 6am in New York (-04:00)
+ * renderDatePicker(date) // 2014-06-25 06:00:00 (in the system time zone)
+ * renderTimeZoneSelect(timeZone) // America/New_York
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#utctozonedtime
  */
-
-
 const utcToZonedTime = (date, timeZone, options) => dateFnsUtcToZonedTime(date, toIANA(timeZone), options);
 /**
+ * Given a date and any time zone, returns a Date with the equivalent UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```
+ * import { zonedTimeToUtc } from 'date-fns-tz'
+ * const date = getDatePickerValue() // e.g. 2014-06-25 10:00:00 (picked in any time zone)
+ * const timeZone = getTimeZoneValue() // e.g. America/Los_Angeles
+ * const utcDate = zonedTimeToUtc(date, timeZone) // In June 10am in Los Angeles is 5pm UTC
+ * postToServer(utcDate.toISOString(), timeZone) // post 2014-06-25T17:00:00.000Z, America/Los_Angeles
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#zonedtimetoutc
  */
-
-
 const zonedTimeToUtc = (date, timeZone, options) => dateFnsZonedTimeToUtc(date, toIANA(timeZone), options);
 /**
  * return current system hour offset based on utc:
@@ -113,8 +154,5 @@ const zonedTimeToUtc = (date, timeZone, options) => dateFnsZonedTimeToUtc(date,
  * -8 => "GMT-08:00"
  * ```
  */
-
-
 const getCurrentTimeZone = () => new Date().getTimezoneOffset() / 60;
-
 export { format, parse, utcToZonedTime, zonedTimeToUtc, getCurrentTimeZone };

package/lib/es/utils/dom.d.ts

@@ -21,7 +21,7 @@ export declare function prepend(parentNode: HTMLElement, ...nodes: HTMLElement[]
  * @returns {object|undefined}
  */
 export declare function convertDOMRectToObject(domRect: DOMRect): DOMRectLikeType;
-export declare type DOMRectLikeType = {
+export type DOMRectLikeType = {
     [key in 'left' | 'top' | 'right' | 'bottom' | 'width' | 'height']?: number;
 };
 export { isHTMLElement };

package/lib/es/utils/dom.js

@@ -6,16 +6,13 @@ import isHTMLElement from './isElement';
  *
  * @param {HTMLElement}
  */
-
 export function append(parentNode) {
   for (var _len = arguments.length, nodes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     nodes[_key - 1] = arguments[_key];
   }
-
   for (const node of nodes) {
     parentNode.appendChild(node);
   }
-
   return parentNode;
 }
 /**
@@ -25,22 +22,18 @@ export function append(parentNode) {
  *
  * @param {HTMLElement}
  */
-
 export function prepend(parentNode) {
   for (var _len2 = arguments.length, nodes = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
     nodes[_key2 - 1] = arguments[_key2];
   }
-
   if (parentNode.children && parentNode.children.length) {
     const firstNode = parentNode.children[0];
-
     for (const node of nodes) {
       parentNode.insertBefore(node, firstNode);
     }
   } else {
     append(parentNode, ...nodes);
   }
-
   return parentNode;
 }
 /**
@@ -48,7 +41,6 @@ export function prepend(parentNode) {
  * @param {DOMRect} domRect
  * @returns {object|undefined}
  */
-
 export function convertDOMRectToObject(domRect) {
   if (domRect && typeof domRect === 'object') {
     if (typeof domRect.toJSON === 'function') {
@@ -61,7 +53,6 @@ export function convertDOMRectToObject(domRect) {
       }, {});
     }
   }
-
   return undefined;
 }
 export { isHTMLElement };

package/lib/es/utils/function.js

@@ -1,5 +1,4 @@
 /**
  * no operation
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}

package/lib/es/utils/getDataAttr.js

@@ -1,9 +1,8 @@
 export default function getDataAttr(props) {
   return Object.keys(props).reduce((prev, key) => {
-    if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
+    if (key.substr(0, 5) === 'data-') {
       prev[key] = props[key];
     }
-
     return prev;
   }, {});
 }

package/lib/es/utils/getHighlight.js

@@ -1,13 +1,10 @@
-import _isString from "lodash/isString";
-
+import _isString from "lodash/isString"; // Modified version based on 'highlight-words-core'
 const escapeRegExpFn = string => string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
 /**
    * Examine text for any matches.
    * If we find matches, add them to the returned array as a "chunk" object ({start:number, end:number}).
    * @return { start:number, end:number }[]
    */
-
-
 const findChunks = _ref => {
   let {
     autoEscape,
@@ -20,29 +17,25 @@ const findChunks = _ref => {
     if (autoEscape) {
       searchWord = escapeRegExpFn(searchWord);
     }
-
     const regex = new RegExp(searchWord, caseSensitive ? 'g' : 'gi');
     let match;
-
     while (match = regex.exec(sourceString)) {
       const start = match.index;
-      const end = regex.lastIndex; // We do not return zero-length matches
-
+      const end = regex.lastIndex;
+      // We do not return zero-length matches
       if (end > start) {
         chunks.push({
           highlight: false,
           start,
           end
         });
-      } // Prevent browsers like Firefox from getting stuck in an infinite loop
+      }
+      // Prevent browsers like Firefox from getting stuck in an infinite loop
       // See http://www.regexguru.com/2008/04/watch-out-for-zero-length-matches/
-
-
       if (match.index === regex.lastIndex) {
         regex.lastIndex++;
       }
     }
-
     return chunks;
   }, []);
 };
@@ -50,8 +43,6 @@ const findChunks = _ref => {
    * Takes an array of {start:number, end:number} objects and combines chunks that overlap into single chunks.
    * @return {start:number, end:number}[]
    */
-
-
 const combineChunks = _ref2 => {
   let {
     chunks
@@ -63,7 +54,6 @@ const combineChunks = _ref2 => {
     } else {
       // ... subsequent chunks get checked to see if they overlap...
       const prevChunk = processedChunks.pop();
-
       if (nextChunk.start <= prevChunk.end) {
         // It may be the case that prevChunk completely surrounds nextChunk, so take the
         // largest of the end indeces.
@@ -76,7 +66,6 @@ const combineChunks = _ref2 => {
       } else {
         processedChunks.push(prevChunk, nextChunk);
       }
-
       return processedChunks;
     }
   }, []);
@@ -89,15 +78,12 @@ const combineChunks = _ref2 => {
    * @param totalLength number
    * @return {start:number, end:number, highlight:boolean}[]
    */
-
-
 const fillInChunks = _ref3 => {
   let {
     chunksToHighlight,
     totalLength
   } = _ref3;
   const allChunks = [];
-
   const append = (start, end, highlight) => {
     if (end - start > 0) {
       allChunks.push({
@@ -107,7 +93,6 @@ const fillInChunks = _ref3 => {
       });
     }
   };
-
   if (chunksToHighlight.length === 0) {
     append(0, totalLength, false);
   } else {
@@ -119,7 +104,6 @@ const fillInChunks = _ref3 => {
     });
     append(lastIndex, totalLength, false);
   }
-
   return allChunks;
 };
 /**
@@ -154,8 +138,6 @@ const fillInChunks = _ref3 => {
 
  * @return Array of "chunks" (where a Chunk is { start:number, end:number, highlight:boolean })
  */
-
-
 const findAll = _ref4 => {
   let {
     autoEscape = true,
@@ -163,11 +145,9 @@ const findAll = _ref4 => {
     searchWords,
     sourceString
   } = _ref4;
-
   if (_isString(searchWords)) {
     searchWords = [searchWords];
   }
-
   const chunks = findChunks({
     autoEscape,
     caseSensitive,
@@ -183,5 +163,4 @@ const findAll = _ref4 => {
   });
   return result;
 };
-
 export { findAll };

package/lib/es/utils/getMotionObjFromProps.js

@@ -1,6 +1,6 @@
 import _isObject from "lodash/isObject";
-import _cloneDeep from "lodash/cloneDeep";
 import warning from './warning';
+import copy from "fast-copy";
 /**
  * get motion object from props
  *
@@ -14,41 +14,34 @@ import warning from './warning';
  * @param { props: Object }
  * @returns { motion: Object }
  */
-
 export default function getMotionObjFromProps(props) {
   if (typeof props !== 'object' || props === null) {
-    throw new TypeError("props should be object type, got ".concat(typeof props));
+    throw new TypeError(`props should be object type, got ${typeof props}`);
   }
-
   const MOTION_PROPS = ['willEnter', 'didEnter', 'willLeave', 'didLeave', 'onStart', 'onRest', 'state'];
   const {
     motion: motionProp = {}
   } = props;
   let motion = {};
-
   if (_isObject(motionProp)) {
-    motion = _cloneDeep(motionProp);
-
+    motion = copy(motionProp);
     for (const key of Object.keys(motionProp)) {
       const handler = motionProp[key];
-
       if (typeof handler === 'function') {
         if (key in props) {
           motion[key] = () => {
             props[key](); // call handler function of semi build-in components firstly
-
             handler(); // call user given handler function
           };
         }
       } else {
-        warning(true, "[Semi] duplicate motion key '".concat(key, "' from motion prop and props"));
+        warning(true, `[Semi] duplicate motion key '${key}' from motion prop and props`);
       }
     }
   } else if (typeof motionProp === 'function') {
     const motionFnResult = motionProp(props);
     motion = _isObject(motionFnResult) ? motionFnResult : {};
   }
-
   if (_isObject(motion)) {
     for (const key of MOTION_PROPS) {
       if (key in props && !(key in motion)) {
@@ -56,6 +49,5 @@ export default function getMotionObjFromProps(props) {
       }
     }
   }
-
   return motion;
 }

package/lib/es/utils/isBothNaN.js

@@ -10,5 +10,4 @@ const isBothNaN = (a, b) => {
   } = Number;
   return isNaN(a) && isNaN(b);
 };
-
 export default isBothNaN;

package/lib/es/utils/isEnterPress.js

@@ -1,8 +1,6 @@
 import _get from "lodash/get";
 import { ENTER_KEY } from './keyCode';
-
 function isEnterPress(e) {
   return _get(e, 'key') === ENTER_KEY ? true : false;
 }
-
 export default isEnterPress;

package/lib/es/utils/isEscPress.js

@@ -1,9 +1,7 @@
 import _get from "lodash/get";
 import { ESC_KEY } from './keyCode';
 /* istanbul ignore next */
-
 function isEscPress(e) {
   return _get(e, 'key') === ESC_KEY ? true : false;
 }
-
 export default isEscPress;