@douyinfe/semi-foundation 2.1.1 → 2.1.5

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

@@ -0,0 +1,148 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.zonedTimeToUtc = exports.utcToZonedTime = exports.toIANA = exports.parse = exports.getCurrentTimeZone = exports.format = exports.IANAOffsetMap = void 0;
+
+var _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-int"));
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+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']]];
+exports.IANAOffsetMap = IANAOffsetMap;
+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 = (0, _parseInt2.default)(matches[1] + 1, 10); // => -1 or 1
+
+    const hourOffset = (0, _parseInt2.default)(matches[2], 10);
+    const minuteOffset = (0, _parseInt2.default)(matches[3], 10);
+    tz = symbol * (hourOffset + minuteOffset / 60);
+  }
+
+  if (typeof tz === 'number') {
+    const found = (0, _find.default)(IANAOffsetMap).call(IANAOffsetMap, 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}
+ */
+
+
+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 = (0, _assign.default)((0, _assign.default)({}, options), {
+      timeZone
+    });
+  }
+
+  return (0, _dateFnsTz.toDate)(date, options);
+};
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} formatToken
+ * @param {object} [options]
+ * @param {string} [options.timeZone]
+ */
+
+
+exports.parse = parse;
+
+const format = (date, formatToken, options) => {
+  if (options && options.timeZone != null && options.timeZone !== '') {
+    const timeZone = toIANA(options.timeZone);
+    options = (0, _assign.default)((0, _assign.default)({}, options), {
+      timeZone
+    });
+    date = (0, _dateFnsTz.utcToZonedTime)(date, timeZone, options);
+  }
+
+  return (0, _dateFnsTz.format)(date, formatToken, options);
+};
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+
+
+exports.format = format;
+
+const utcToZonedTime = (date, timeZone, options) => (0, _dateFnsTz.utcToZonedTime)(date, toIANA(timeZone), options);
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+
+
+exports.utcToZonedTime = utcToZonedTime;
+
+const zonedTimeToUtc = (date, timeZone, options) => (0, _dateFnsTz.zonedTimeToUtc)(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"
+ * ```
+ */
+
+
+exports.zonedTimeToUtc = zonedTimeToUtc;
+
+const getCurrentTimeZone = () => new Date().getTimezoneOffset() / 60;
+
+exports.getCurrentTimeZone = getCurrentTimeZone;

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

@@ -0,0 +1,92 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.append = append;
+exports.convertDOMRectToObject = convertDOMRectToObject;
+
+_Object$defineProperty(exports, "isHTMLElement", {
+  enumerable: true,
+  get: function () {
+    return _isElement.default;
+  }
+});
+
+exports.prepend = prepend;
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _isElement = _interopRequireDefault(require("./isElement"));
+
+/**
+ *
+ * @param {HTMLElement} parentNode
+ * @param  {...HTMLElement} nodes
+ *
+ * @param {HTMLElement}
+ */
+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}
+ */
+
+
+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}
+ */
+
+
+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 (0, _reduce.default)(keys).call(keys, (obj, key) => {
+        obj[key] = domRect[key];
+        return obj;
+      }, {});
+    }
+  }
+
+  return undefined;
+}

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

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

package/lib/cjs/utils/function.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_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.d.ts

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

package/lib/cjs/utils/getDataAttr.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = getDataAttr;
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+function getDataAttr(props) {
+  var _context;
+
+  return (0, _reduce.default)(_context = (0, _keys.default)(props)).call(_context, (prev, key) => {
+    if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
+      prev[key] = props[key];
+    }
+
+    return prev;
+  }, {});
+}

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

@@ -0,0 +1,211 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.findAll = void 0;
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _isString2 = _interopRequireDefault(require("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 => {
+  var _context;
+
+  let {
+    autoEscape,
+    caseSensitive,
+    searchWords,
+    sourceString
+  } = _ref;
+  return (0, _reduce.default)(_context = (0, _filter.default)(searchWords).call(searchWords, searchWord => searchWord) // Remove empty words
+  ).call(_context, (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 => {
+  var _context2;
+
+  let {
+    chunks
+  } = _ref2;
+  chunks = (0, _reduce.default)(_context2 = (0, _sort.default)(chunks).call(chunks, (first, second) => first.start - second.start)).call(_context2, (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;
+    (0, _forEach.default)(chunksToHighlight).call(chunksToHighlight, 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,
+    caseSensitive = false,
+    searchWords,
+    sourceString
+  } = _ref4;
+
+  if ((0, _isString2.default)(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;
+};
+
+exports.findAll = findAll;

package/lib/cjs/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;

package/lib/cjs/utils/getMotionObjFromProps.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = getMotionObjFromProps;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _warning = _interopRequireDefault(require("./warning"));
+
+/**
+ * get motion object from props
+ *
+ * example:
+ *
+ * ```
+ *  props = { didLeave: componentHandler, motion: { didLeave: userHandler } };
+ *  return { didLeave: () => { componentHandler(); userHandler(); }};
+ * ```
+ *
+ * @param { props: Object }
+ * @returns { motion: Object }
+ */
+function getMotionObjFromProps(props) {
+  if (typeof props !== 'object' || props === null) {
+    throw new TypeError("props should be object type, got ".concat(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);
+
+    for (const key of (0, _keys.default)(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"));
+      }
+    }
+  } 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)) {
+        motion[key] = props[key];
+      }
+    }
+  }
+
+  return motion;
+}

package/lib/cjs/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './classnames';
+export * from './function';