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

package/lib/es/utils/array.js

@@ -0,0 +1,46 @@
+import { pullAll as setPullAll } from './set';
+/**
+ * arrayA remove arrayB
+ * @param {array} arrayA
+ * @param {array} arrayB
+ * @returns {array}  new array
+ *
+ * const arrayA = ['a', 'b', 'c', 'a', 'b', 'c'];
+ *
+ * const result = pullAll(arrayA, ['a', 'c'])
+ * console.log(result);
+ * => ['b', 'b']
+ */
+
+export function pullAll(arrayA, arrayB) {
+  if (arrayA !== null && arrayA.length && arrayB !== null && arrayB.length) {
+    const setA = new Set(arrayA);
+    const setB = new Set(arrayB);
+    const resultSet = setPullAll(setA, setB);
+    return Array.from(resultSet);
+  }
+
+  return arrayA;
+}
+/**
+ * Adapt the descending order
+ * @param {Function} fn
+ * @param {String} order
+ * @returns
+ */
+
+export 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));
+        return result !== 0 ? -result : result;
+      };
+
+    case 'ascend':
+    default:
+      return fn;
+  }
+}

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

@@ -0,0 +1 @@
+export default function arrayMove(array: Array<any>, from: number, to: number): any[];

package/lib/es/utils/arrayMove.js

@@ -0,0 +1,5 @@
+export default function arrayMove(array, from, to) {
+  const newArray = array.slice();
+  newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);
+  return newArray;
+}

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

@@ -0,0 +1,4 @@
+import { Argument } from 'classnames';
+declare function addClass(rawCls: Argument, ...srcClss: Argument[]): string;
+declare function removeClass(rawCls: Argument, ...srcClss: Argument[]): string;
+export { addClass, removeClass };

package/lib/es/utils/classnames.js

@@ -0,0 +1,36 @@
+import _map from "lodash/map";
+import _filter from "lodash/filter";
+import _split from "lodash/split";
+import classnames from 'classnames';
+
+function addClass(rawCls) {
+  const clss = _split(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 = _filter(srcClss, cls => !clss.includes(cls));
+
+  return classnames(rawCls, ...validClss);
+}
+
+function removeClass(rawCls) {
+  const clss = _split(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];
+  }
+
+  _map(srcClss, cls => {
+    const index = clss.indexOf(cls);
+
+    if (index > -1) {
+      clss.splice(index, 1);
+    }
+  });
+
+  return classnames(...clss);
+}
+
+export { addClass, removeClass };

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

@@ -0,0 +1,55 @@
+import { OptionsWithTZ } from 'date-fns-tz';
+/**
+ * Need to be IANA logo without daylight saving time
+ */
+export declare const IANAOffsetMap: (number | string[])[][];
+/**
+ *
+ * @param {string|number} tz
+ * @returns {number|undefined}
+ */
+export declare const toIANA: (tz: string | number) => any;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} formatToken
+ * @param {object} [options]
+ * @param {string} [options.timeZone]
+ * @returns {Date}
+ */
+declare const parse: (date: string | number | Date, formatToken: string, options?: any) => Date;
+/**
+ *
+ * @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;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+declare const utcToZonedTime: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+/**
+ * return current system hour offset based on utc:
+ *
+ * ```
+ * 8 => "GMT+08:00"
+ * -9.5 => "GMT-09:30"
+ * -8 => "GMT-08:00"
+ * ```
+ */
+declare const getCurrentTimeZone: () => number;
+export { format, parse, utcToZonedTime, zonedTimeToUtc, getCurrentTimeZone };

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

@@ -0,0 +1,120 @@
+/* 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']]];
+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') {
+    const found = IANAOffsetMap.find(item => item[0] === tz);
+    return found && found[1][0];
+  }
+};
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} formatToken
+ * @param {object} [options]
+ * @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);
+    options = Object.assign(Object.assign({}, options), {
+      timeZone
+    });
+    date = dateFnsUtcToZonedTime(date, timeZone, options);
+  }
+
+  return dateFnsFormat(date, formatToken, options);
+};
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+
+
+const utcToZonedTime = (date, timeZone, options) => dateFnsUtcToZonedTime(date, toIANA(timeZone), options);
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+
+
+const zonedTimeToUtc = (date, timeZone, options) => dateFnsZonedTimeToUtc(date, toIANA(timeZone), options);
+/**
+ * return current system hour offset based on utc:
+ *
+ * ```
+ * 8 => "GMT+08:00"
+ * -9.5 => "GMT-09:30"
+ * -8 => "GMT-08:00"
+ * ```
+ */
+
+
+const getCurrentTimeZone = () => new Date().getTimezoneOffset() / 60;
+
+export { format, parse, utcToZonedTime, zonedTimeToUtc, getCurrentTimeZone };

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

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

package/lib/es/utils/dom.js

@@ -0,0 +1,67 @@
+import isHTMLElement from './isElement';
+/**
+ *
+ * @param {HTMLElement} parentNode
+ * @param  {...HTMLElement} nodes
+ *
+ * @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;
+}
+/**
+ *
+ * @param {HTMLElement} parentNode
+ * @param  {...HTMLElement} nodes
+ *
+ * @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;
+}
+/**
+ *
+ * @param {DOMRect} domRect
+ * @returns {object|undefined}
+ */
+
+export function convertDOMRectToObject(domRect) {
+  if (domRect && typeof domRect === 'object') {
+    if (typeof domRect.toJSON === 'function') {
+      return domRect.toJSON();
+    } else {
+      const keys = ['left', 'top', 'right', 'bottom', 'width', 'height'];
+      return keys.reduce((obj, key) => {
+        obj[key] = domRect[key];
+        return obj;
+      }, {});
+    }
+  }
+
+  return undefined;
+}
+export { isHTMLElement };

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

@@ -0,0 +1,4 @@
+/**
+ * no operation
+ */
+export declare function noop(): void;

package/lib/es/utils/function.js

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

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

@@ -0,0 +1 @@
+export default function getDataAttr(props: Record<string, any>): {};

package/lib/es/utils/getDataAttr.js

@@ -0,0 +1,9 @@
+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') {
+      prev[key] = props[key];
+    }
+
+    return prev;
+  }, {});
+}

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

@@ -0,0 +1,45 @@
+interface ChunkQuery {
+    autoEscape?: boolean;
+    caseSensitive?: boolean;
+    searchWords: string[];
+    sourceString: string;
+}
+interface Chunk {
+    start: number;
+    end: number;
+    highlight: boolean;
+}
+/**
+ * Creates an array of chunk objects representing both higlightable and non highlightable pieces of text that match each search word.
+ *
+    findAll ['z'], 'aaazaaazaaa'
+        result #=> [
+            { start: 0, end: 3, highlight: false }
+            { start: 3, end: 4, highlight: true }
+            { start: 4, end: 7, highlight: false }
+            { start: 7, end: 8, highlight: true }
+            { start: 8, end: 11, highlight: false }
+        ]
+
+    findAll ['do', 'dollar'], 'aaa do dollar aaa'
+        #=> chunks: [
+                { start: 4, end: 6 },
+                { start: 7, end: 9 },
+                { start: 7, end: 13 },
+            ]
+        #=> chunksToHight: [
+                { start: 4, end: 6 },
+                { start: 7, end: 13 },
+            ]
+        #=> result: [
+                { start: 0, end: 4, highlight: false },
+                { start: 4, end: 6, highlight: true },
+                { start: 6, end: 7, highlight: false },
+                { start: 7, end: 13, highlight: true },
+                { start: 13, end: 17, highlight: false },
+            ]
+
+ * @return Array of "chunks" (where a Chunk is { start:number, end:number, highlight:boolean })
+ */
+declare const findAll: ({ autoEscape, caseSensitive, searchWords, sourceString }: ChunkQuery) => Chunk[];
+export { findAll };

package/lib/es/utils/getHighlight.js

@@ -0,0 +1,187 @@
+import _isString from "lodash/isString";
+
+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,
+    caseSensitive,
+    searchWords,
+    sourceString
+  } = _ref;
+  return searchWords.filter(searchWord => searchWord) // Remove empty words
+  .reduce((chunks, searchWord) => {
+    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
+
+      if (end > start) {
+        chunks.push({
+          highlight: false,
+          start,
+          end
+        });
+      } // 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;
+  }, []);
+};
+/**
+   * 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
+  } = _ref2;
+  chunks = chunks.sort((first, second) => first.start - second.start).reduce((processedChunks, nextChunk) => {
+    // First chunk just goes straight in the array...
+    if (processedChunks.length === 0) {
+      return [nextChunk];
+    } 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.
+        const endIndex = Math.max(prevChunk.end, nextChunk.end);
+        processedChunks.push({
+          highlight: false,
+          start: prevChunk.start,
+          end: endIndex
+        });
+      } else {
+        processedChunks.push(prevChunk, nextChunk);
+      }
+
+      return processedChunks;
+    }
+  }, []);
+  return chunks;
+};
+/**
+   * Given a set of chunks to highlight, create an additional set of chunks
+   * to represent the bits of text between the highlighted text.
+   * @param chunksToHighlight {start:number, end:number}[]
+   * @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({
+        start,
+        end,
+        highlight
+      });
+    }
+  };
+
+  if (chunksToHighlight.length === 0) {
+    append(0, totalLength, false);
+  } else {
+    let lastIndex = 0;
+    chunksToHighlight.forEach(chunk => {
+      append(lastIndex, chunk.start, false);
+      append(chunk.start, chunk.end, true);
+      lastIndex = chunk.end;
+    });
+    append(lastIndex, totalLength, false);
+  }
+
+  return allChunks;
+};
+/**
+ * Creates an array of chunk objects representing both higlightable and non highlightable pieces of text that match each search word.
+ *
+    findAll ['z'], 'aaazaaazaaa'
+        result #=> [
+            { start: 0, end: 3, highlight: false }
+            { start: 3, end: 4, highlight: true }
+            { start: 4, end: 7, highlight: false }
+            { start: 7, end: 8, highlight: true }
+            { start: 8, end: 11, highlight: false }
+        ]
+
+    findAll ['do', 'dollar'], 'aaa do dollar aaa'
+        #=> chunks: [
+                { start: 4, end: 6 },
+                { start: 7, end: 9 },
+                { start: 7, end: 13 },
+            ]
+        #=> chunksToHight: [
+                { start: 4, end: 6 },
+                { start: 7, end: 13 },
+            ]
+        #=> result: [
+                { start: 0, end: 4, highlight: false },
+                { start: 4, end: 6, highlight: true },
+                { start: 6, end: 7, highlight: false },
+                { start: 7, end: 13, highlight: true },
+                { start: 13, end: 17, highlight: false },
+            ]
+
+ * @return Array of "chunks" (where a Chunk is { start:number, end:number, highlight:boolean })
+ */
+
+
+const findAll = _ref4 => {
+  let {
+    autoEscape = true,
+    caseSensitive = false,
+    searchWords,
+    sourceString
+  } = _ref4;
+
+  if (_isString(searchWords)) {
+    searchWords = [searchWords];
+  }
+
+  const chunks = findChunks({
+    autoEscape,
+    caseSensitive,
+    searchWords,
+    sourceString
+  });
+  const chunksToHighlight = combineChunks({
+    chunks
+  });
+  const result = fillInChunks({
+    chunksToHighlight,
+    totalLength: sourceString ? sourceString.length : 0
+  });
+  return result;
+};
+
+export { findAll };

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

@@ -0,0 +1,26 @@
+import { MotionObject } from "./type";
+export interface MergeMotionProps {
+    [x: string]: any;
+    motion?: any;
+    willEnter?: () => void;
+    didEnter?: () => void;
+    willLeave?: () => void;
+    didLeave?: () => void;
+    onStart?: () => void;
+    onRest?: () => void;
+    state?: Record<string, any>;
+}
+/**
+ * get motion object from props
+ *
+ * example:
+ *
+ * ```
+ *  props = { didLeave: componentHandler, motion: { didLeave: userHandler } };
+ *  return { didLeave: () => { componentHandler(); userHandler(); }};
+ * ```
+ *
+ * @param { props: Object }
+ * @returns { motion: Object }
+ */
+export default function getMotionObjFromProps(props: MergeMotionProps): MotionObject;