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

package/lib/cjs/utils/a11y.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findIndexByCharacter = findIndexByCharacter;
+exports.getAncestorNodeByRole = getAncestorNodeByRole;
+exports.getMenuButton = getMenuButton;
+exports.handlePrevent = handlePrevent;
+exports.isPrintableCharacter = isPrintableCharacter;
+exports.setFocusToFirstItem = setFocusToFirstItem;
+exports.setFocusToItem = setFocusToItem;
+exports.setFocusToLastItem = setFocusToLastItem;
+exports.setFocusToNextMenuitem = setFocusToNextMenuitem;
+exports.setFocusToPreviousMenuItem = setFocusToPreviousMenuItem;
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function handlePrevent(event) {
+  event.stopPropagation();
+  event.preventDefault();
+}
+
+function isPrintableCharacter(string) {
+  return string.length === 1 && string.match(/\S/);
+} // set focus to the target item in item list
+
+
+function setFocusToItem(itemNodes, targetItem) {
+  for (let i = 0; i < itemNodes.length; i++) {
+    if (itemNodes[i] === targetItem) {
+      itemNodes[i].tabIndex = 0;
+      itemNodes[i].focus();
+    } else {
+      itemNodes[i].tabIndex = -1;
+    }
+  }
+} // set focus to the first item in item list
+
+
+function setFocusToFirstItem(itemNodes) {
+  itemNodes.length > 0 && setFocusToItem(itemNodes, itemNodes[0]);
+} // set focus to the last item in item list
+
+
+function setFocusToLastItem(itemNodes) {
+  itemNodes.length > 0 && setFocusToItem(itemNodes, itemNodes[itemNodes.length - 1]);
+} // set focus to the previous item in item list
+
+
+function setFocusToPreviousMenuItem(itemNodes, currentItem) {
+  let newMenuItem, index;
+
+  if (itemNodes.length > 0) {
+    if (currentItem === itemNodes[0]) {
+      newMenuItem = itemNodes[itemNodes.length - 1];
+    } else {
+      index = itemNodes.indexOf(currentItem);
+      newMenuItem = itemNodes[index - 1];
+    }
+
+    setFocusToItem(itemNodes, newMenuItem);
+  }
+} // set focus to the next item in item list
+
+
+function setFocusToNextMenuitem(itemNodes, currentItem) {
+  let newMenuItem, index;
+
+  if (itemNodes.length > 0) {
+    if (currentItem === itemNodes[itemNodes.length - 1]) {
+      newMenuItem = itemNodes[0];
+    } else {
+      index = itemNodes.indexOf(currentItem);
+      newMenuItem = itemNodes[index + 1];
+    }
+
+    setFocusToItem(itemNodes, newMenuItem);
+  }
+}
+
+function findIndexByCharacter(itemList, curItem, firstCharList, char) {
+  let start, index;
+
+  if (!itemList || !firstCharList || !char || char.length > 1) {
+    return -1;
+  }
+
+  char = char.toLowerCase(); // Get start index for search based on position of currentItem
+
+  start = itemList.indexOf(curItem) + 1;
+
+  if (start >= itemList.length) {
+    start = 0;
+  } // Check remaining menu items in the menu
+
+
+  index = firstCharList.indexOf(char, start); // If not found in remaining menu items, check from beginning
+
+  if (index === -1) {
+    index = firstCharList.indexOf(char, 0);
+  }
+
+  return index >= 0 ? index : -1;
+}
+
+function getAncestorNodeByRole(curElement, role) {
+  if (!curElement) {
+    return null;
+  }
+
+  while (curElement.parentElement && (0, _get2.default)(curElement.parentElement, 'attributes.role.value', '') !== role) {
+    curElement = curElement.parentElement;
+  }
+
+  return curElement.parentElement;
+} // According to the Id, find the corresponding data-popupid element
+
+
+function getMenuButton(focusableEle, Id) {
+  for (let i = 0; i < focusableEle.length; i++) {
+    const curAriDescribedby = focusableEle[i].attributes['data-popupid'];
+
+    if (curAriDescribedby && curAriDescribedby.value === Id) {
+      return focusableEle[i];
+    }
+  }
+
+  return null;
+}

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

@@ -0,0 +1,22 @@
+/**
+ * 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 declare function pullAll(arrayA: any[], arrayB: any[]): any[];
+declare type CompareFn<T> = (a: T, b: T) => number;
+/**
+ * Adapt the descending order
+ * @param {Function} fn
+ * @param {String} order
+ * @returns
+ */
+export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: string): CompareFn<T>;
+export {};

package/lib/cjs/utils/array.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pullAll = pullAll;
+exports.withOrderSort = withOrderSort;
+
+var _set = require("./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']
+ */
+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 = (0, _set.pullAll)(setA, setB);
+    return Array.from(resultSet);
+  }
+
+  return arrayA;
+}
+/**
+ * Adapt the descending order
+ * @param {Function} fn
+ * @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));
+        return result !== 0 ? -result : result;
+      };
+
+    case 'ascend':
+    default:
+      return fn;
+  }
+}

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

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

package/lib/cjs/utils/arrayMove.js

@@ -0,0 +1,12 @@
+"use strict";
+
+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]);
+  return newArray;
+}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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);
+    }
+  });
+  return (0, _classnames.default)(...clss);
+}

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

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zonedTimeToUtc = exports.utcToZonedTime = exports.toIANA = exports.parse = exports.getCurrentTimeZone = exports.format = exports.IANAOffsetMap = 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']]];
+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 = 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 */
+
+
+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);
+    options = Object.assign(Object.assign({}, 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,85 @@
+"use strict";
+
+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 _isElement = _interopRequireDefault(require("./isElement"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ *
+ * @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 keys.reduce((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,12 @@
+"use strict";
+
+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,16 @@
+"use strict";
+
+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') {
+      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 };