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

package/lib/cjs/utils/array.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pullAll = pullAll;
 exports.withOrderSort = withOrderSort;
-
 var _set = require("./set");
-
 /**
  * arrayA remove arrayB
  * @param {array} arrayA
@@ -27,7 +25,6 @@ function pullAll(arrayA, arrayB) {
     const resultSet = (0, _set.pullAll)(setA, setB);
     return Array.from(resultSet);
   }
-
   return arrayA;
 }
 /**
@@ -36,20 +33,16 @@ function pullAll(arrayA, arrayB) {
  * @param {String} order
  * @returns
  */
-
-
 function withOrderSort(fn) {
   let order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ascend';
-
   switch (order) {
     case 'descend':
       return (a, b) => {
-        const result = Number(fn(a, b));
+        const result = Number(fn(a, b, order));
         return result !== 0 ? -result : result;
       };
-
     case 'ascend':
     default:
-      return fn;
+      return (a, b) => fn(a, b, order);
   }
 }

package/lib/cjs/utils/arrayMove.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = arrayMove;
-
 function arrayMove(array, from, to) {
   const newArray = array.slice();
   newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);

package/lib/cjs/utils/classnames.js

@@ -5,38 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addClass = addClass;
 exports.removeClass = removeClass;
-
 var _map2 = _interopRequireDefault(require("lodash/map"));
-
 var _filter2 = _interopRequireDefault(require("lodash/filter"));
-
 var _split2 = _interopRequireDefault(require("lodash/split"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function addClass(rawCls) {
   const clss = (0, _split2.default)(rawCls, /\s+/);
-
   for (var _len = arguments.length, srcClss = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     srcClss[_key - 1] = arguments[_key];
   }
-
   const validClss = (0, _filter2.default)(srcClss, cls => !clss.includes(cls));
   return (0, _classnames.default)(rawCls, ...validClss);
 }
-
 function removeClass(rawCls) {
   const clss = (0, _split2.default)(rawCls, /\s+/);
-
   for (var _len2 = arguments.length, srcClss = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
     srcClss[_key2 - 1] = arguments[_key2];
   }
-
   (0, _map2.default)(srcClss, cls => {
     const index = clss.indexOf(cls);
-
     if (index > -1) {
       clss.splice(index, 1);
     }

package/lib/cjs/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/cjs/utils/date-fns-extra.js

@@ -3,50 +3,96 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zonedTimeToUtc = exports.utcToZonedTime = exports.toIANA = exports.parse = exports.getCurrentTimeZone = exports.format = exports.IANAOffsetMap = void 0;
-
+exports.getCurrentTimeZone = exports.format = exports.IANAOffsetMap = void 0;
+exports.isValidTimezoneIANAString = isValidTimezoneIANAString;
+exports.zonedTimeToUtc = exports.utcToZonedTime = exports.toIANA = exports.parse = void 0;
 var _dateFnsTz = require("date-fns-tz");
-
 var _dateFns = require("date-fns");
-
-/* eslint-disable max-len */
-
-/* eslint-disable eqeqeq */
-
 /**
  * Need to be IANA logo without daylight saving time
  */
 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
+ */
 exports.IANAOffsetMap = IANAOffsetMap;
+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}
  */
-
 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];
   }
 };
+exports.toIANA = toIANA;
+const validIANATimezoneCache = {};
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+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
@@ -55,39 +101,21 @@ const toIANA = tz => {
  * @param {string} [options.timeZone]
  * @returns {Date}
  */
-
 /* istanbul ignore next */
-
-
-exports.toIANA = toIANA;
-
 const parse = (date, formatToken, options) => {
   if (typeof date === 'string') {
     date = (0, _dateFns.parse)(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 (0, _dateFnsTz.toDate)(date, options);
 };
-/**
- *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-
 /* istanbul ignore next */
-
-
 exports.parse = parse;
-
 const format = (date, formatToken, options) => {
   if (options && options.timeZone != null && options.timeZone !== '') {
     const timeZone = toIANA(options.timeZone);
@@ -96,32 +124,39 @@ const format = (date, formatToken, options) => {
     });
     date = (0, _dateFnsTz.utcToZonedTime)(date, timeZone, options);
   }
-
   return (0, _dateFnsTz.format)(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
  */
-
-
 exports.format = format;
-
 const utcToZonedTime = (date, timeZone, options) => (0, _dateFnsTz.utcToZonedTime)(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
  */
-
-
 exports.utcToZonedTime = utcToZonedTime;
-
 const zonedTimeToUtc = (date, timeZone, options) => (0, _dateFnsTz.zonedTimeToUtc)(date, toIANA(timeZone), options);
 /**
  * return current system hour offset based on utc:
@@ -132,10 +167,6 @@ const zonedTimeToUtc = (date, timeZone, options) => (0, _dateFnsTz.zonedTimeToUt
  * -8 => "GMT-08:00"
  * ```
  */
-
-
 exports.zonedTimeToUtc = zonedTimeToUtc;
-
 const getCurrentTimeZone = () => new Date().getTimezoneOffset() / 60;
-
 exports.getCurrentTimeZone = getCurrentTimeZone;

package/lib/cjs/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/cjs/utils/dom.js

@@ -12,11 +12,8 @@ Object.defineProperty(exports, "isHTMLElement", {
   }
 });
 exports.prepend = prepend;
-
 var _isElement = _interopRequireDefault(require("./isElement"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  *
  * @param {HTMLElement} parentNode
@@ -28,11 +25,9 @@ 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;
 }
 /**
@@ -42,23 +37,18 @@ function append(parentNode) {
  *
  * @param {HTMLElement}
  */
-
-
 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;
 }
 /**
@@ -66,8 +56,6 @@ function prepend(parentNode) {
  * @param {DOMRect} domRect
  * @returns {object|undefined}
  */
-
-
 function convertDOMRectToObject(domRect) {
   if (domRect && typeof domRect === 'object') {
     if (typeof domRect.toJSON === 'function') {
@@ -80,6 +68,5 @@ function convertDOMRectToObject(domRect) {
       }, {});
     }
   }
-
   return undefined;
 }

package/lib/cjs/utils/function.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.noop = noop;
-
 /**
  * no operation
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 function noop() {}

package/lib/cjs/utils/getDataAttr.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getDataAttr;
-
 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/cjs/utils/getHighlight.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findAll = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Modified version based on 'highlight-words-core'
 
 const escapeRegExpFn = string => string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
 /**
@@ -15,8 +14,6 @@ const escapeRegExpFn = string => string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$
    * 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,
@@ -29,29 +26,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;
   }, []);
 };
@@ -59,8 +52,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
@@ -72,7 +63,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.
@@ -85,7 +75,6 @@ const combineChunks = _ref2 => {
       } else {
         processedChunks.push(prevChunk, nextChunk);
       }
-
       return processedChunks;
     }
   }, []);
@@ -98,15 +87,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({
@@ -116,7 +102,6 @@ const fillInChunks = _ref3 => {
       });
     }
   };
-
   if (chunksToHighlight.length === 0) {
     append(0, totalLength, false);
   } else {
@@ -128,7 +113,6 @@ const fillInChunks = _ref3 => {
     });
     append(lastIndex, totalLength, false);
   }
-
   return allChunks;
 };
 /**
@@ -163,8 +147,6 @@ const fillInChunks = _ref3 => {
 
  * @return Array of "chunks" (where a Chunk is { start:number, end:number, highlight:boolean })
  */
-
-
 const findAll = _ref4 => {
   let {
     autoEscape = true,
@@ -172,11 +154,9 @@ const findAll = _ref4 => {
     searchWords,
     sourceString
   } = _ref4;
-
   if ((0, _isString2.default)(searchWords)) {
     searchWords = [searchWords];
   }
-
   const chunks = findChunks({
     autoEscape,
     caseSensitive,
@@ -192,5 +172,4 @@ const findAll = _ref4 => {
   });
   return result;
 };
-
 exports.findAll = findAll;

package/lib/cjs/utils/getMotionObjFromProps.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getMotionObjFromProps;
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _warning = _interopRequireDefault(require("./warning"));
-
+var _fastCopy = _interopRequireDefault(require("fast-copy"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * get motion object from props
  *
@@ -28,38 +23,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 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 ((0, _isObject2.default)(motionProp)) {
-    motion = (0, _cloneDeep2.default)(motionProp);
-
+    motion = (0, _fastCopy.default)(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 {
-        (0, _warning.default)(true, "[Semi] duplicate motion key '".concat(key, "' from motion prop and props"));
+        (0, _warning.default)(true, `[Semi] duplicate motion key '${key}' from motion prop and props`);
       }
     }
   } else if (typeof motionProp === 'function') {
     const motionFnResult = motionProp(props);
     motion = (0, _isObject2.default)(motionFnResult) ? motionFnResult : {};
   }
-
   if ((0, _isObject2.default)(motion)) {
     for (const key of MOTION_PROPS) {
       if (key in props && !(key in motion)) {
@@ -67,6 +56,5 @@ function getMotionObjFromProps(props) {
       }
     }
   }
-
   return motion;
 }