@douyinfe/semi-foundation 2.1.1 → 2.1.2

package/lib/cjs/utils/object.js

@@ -0,0 +1,174 @@
+"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.empty = empty;
+exports.forwardStatics = forwardStatics;
+exports.get = get;
+exports.has = has;
+exports.remove = remove;
+exports.set = set;
+
+var _isInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-integer"));
+
+var _every = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/every"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+
+var _values2 = _interopRequireDefault(require("lodash/values"));
+
+var _unset2 = _interopRequireDefault(require("lodash/unset"));
+
+var _toPath2 = _interopRequireDefault(require("lodash/toPath"));
+
+var _has2 = _interopRequireDefault(require("lodash/has"));
+
+var _set2 = _interopRequireDefault(require("lodash/set"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+const pathToArrayElem = path => {
+  const pathArray = (0, _toPath2.default)(path); // internal-issues:673
+
+  const justNumber = (0, _isNumber2.default)(path) && pathArray.length === 1;
+  return justNumber ? false : (0, _isInteger.default)(+pathArray[pathArray.length - 1]);
+};
+
+function isEmptyObject(target) {
+  /**
+   *  var a = {};
+   *  var b = { c: undefined }
+   *  var d = {
+   *      e: function(){},
+   *      f: Symbol(''),
+   *  }
+   *  the result of JSON.stringify(a/b/d) are same: '{}'
+   *  We can use the above features to remove keys with empty values in Form
+   *  But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Convering circular structure to JSON'
+   *  So we have to mock it's behavihor, also, the form value cannot have Symbol or function type, it can be ignored
+   */
+  if (!(0, _isObject2.default)(target)) {
+    return false;
+  } else {
+    const valuesOfTarget = (0, _values2.default)(target); // values(a)  ->   []
+    // values(b)  ->   [undefined]
+
+    if (!valuesOfTarget.length) {
+      return true; // like target: {}
+    } else {
+      return (0, _every.default)(valuesOfTarget).call(valuesOfTarget, item => typeof item === 'undefined');
+    }
+  }
+}
+
+function cleanup(obj, path) {
+  let pull = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+  if (path.length === 0) {
+    return;
+  }
+
+  const target = (0, _get2.default)(obj, path); // remove undefined from array
+  // if (Array.isArray(target) && pull) {
+  //     // only remove undefined form array from right to left
+  //     // Remove undefined from right to left
+  //     let lastIndex = findLastIndex(target, item => !isUndefined(item));
+  //     lodashRemove(target, (value, index, array) => index > lastIndex);
+  // }
+  // Delete object if its empty
+  // eslint-disable-next-line
+
+  if ((0, _isArray.default)(target) && (0, _every.default)(target).call(target, e => e == null)) {
+    (0, _unset2.default)(obj, path);
+  } else if (isEmptyObject(target)) {
+    (0, _unset2.default)(obj, path);
+  } // Recur
+
+
+  cleanup(obj, (0, _slice.default)(path).call(path, 0, path.length - 1), pull);
+}
+
+function empty(object) {
+  return (0, _values2.default)(object).length === 0;
+}
+
+function get(object, path) {
+  return (0, _get2.default)(object, path);
+}
+
+function remove(object, path) {
+  (0, _unset2.default)(object, path); // a.b => [a, b]
+  // arr[11].a => [arr, 11, a]
+
+  let pathArray = (0, _toPath2.default)(path);
+  pathArray = (0, _slice.default)(pathArray).call(pathArray, 0, pathArray.length - 1);
+  cleanup(object, pathArray, false);
+}
+
+function set(object, path, value, allowEmpty) {
+  if (allowEmpty) {
+    return (0, _set2.default)(object, path, value);
+  }
+
+  if (value !== undefined) {
+    return (0, _set2.default)(object, path, value);
+  } else {
+    // If the path is to an array leaf then we want to set to undefined
+    // 将数组的叶子节点置为undefined时，例如 a.b[0]  a.b[1]  a.b[99]
+    if (pathToArrayElem(path) && get(object, path) !== undefined) {
+      (0, _set2.default)(object, path, undefined);
+      let pathArray = (0, _toPath2.default)(path);
+      pathArray = (0, _slice.default)(pathArray).call(pathArray, 0, pathArray.length - 1);
+      cleanup(object, pathArray, false);
+    } else if (!pathToArrayElem(path) && get(object, path) !== undefined) {
+      // Only delete the field if it needs to be deleted and its not a path to an array ( array leaf )
+      // eg:
+
+      /*
+          When the non-array leaf node is set to undefined
+          for example: a.b.c
+      */
+      remove(object, path);
+    }
+  }
+}
+
+function has(object, path) {
+  return (0, _has2.default)(object, path);
+}
+/**
+ * set static properties from `srcObj` to `obj`
+ * @param {object|Function} obj
+ * @param {object|Function} srcObj
+ * @returns {object|Function}
+ */
+
+
+function forwardStatics(obj, srcObj) {
+  if (obj && (typeof obj === 'function' || typeof obj === 'object') && srcObj && (typeof srcObj === 'function' || typeof srcObj === 'object')) {
+    var _context;
+
+    (0, _forEach.default)(_context = (0, _entries.default)(srcObj)).call(_context, _ref => {
+      let [key, value] = _ref;
+      obj[key] = value;
+    });
+  }
+
+  return obj;
+}

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

@@ -0,0 +1,7 @@
+export declare function copySet<T = unknown>(setA: Iterable<T>): Set<T>;
+/**
+ * Set deduplicate
+ * @param {*} setA
+ * @param {*} setB
+ */
+export declare function pullAll(setA: Iterable<any>, setB: Iterable<any>): Iterable<any>;

package/lib/cjs/utils/set.js

@@ -0,0 +1,44 @@
+"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.copySet = copySet;
+exports.pullAll = pullAll;
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _isSet2 = _interopRequireDefault(require("lodash/isSet"));
+
+function copySet(setA) {
+  return new _set.default(setA);
+}
+/**
+ * Set deduplicate
+ * @param {*} setA
+ * @param {*} setB
+ */
+
+
+function pullAll(setA, setB) {
+  if (setA === setB) {
+    setB = copySet(setB);
+  }
+
+  if ((0, _isSet2.default)(setA) && setA.size && (0, _isSet2.default)(setB) && setB.size) {
+    for (const item of setB) {
+      if (setA.has(item)) {
+        setA.delete(item);
+      }
+    }
+
+    return setA;
+  }
+
+  return setA;
+}

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

@@ -0,0 +1,5 @@
+export default function shallowEqualObjects(objA: {
+    [key: string]: any;
+}, objB: {
+    [key: string]: any;
+}): boolean;

package/lib/cjs/utils/shallowEqualObjects.js

@@ -0,0 +1,41 @@
+"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 = shallowEqualObjects;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+function shallowEqualObjects(objA, objB) {
+  if (objA === objB) {
+    return true;
+  }
+
+  if (!objA || !objB) {
+    return false;
+  }
+
+  const aKeys = (0, _keys.default)(objA);
+  const bKeys = (0, _keys.default)(objB);
+  const len = aKeys.length;
+
+  if (bKeys.length !== len) {
+    return false;
+  }
+
+  for (let i = 0; i < len; i++) {
+    const key = aKeys[i];
+
+    if (objA[key] !== objB[key] || !Object.prototype.hasOwnProperty.call(objB, key)) {
+      return false;
+    }
+  }
+
+  return true;
+}

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

@@ -0,0 +1,2 @@
+declare const touchEventPolyfill: (touch: any, touchEvent: any) => any;
+export default touchEventPolyfill;

package/lib/cjs/utils/touchPolyfill.js

@@ -0,0 +1,50 @@
+"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 = void 0;
+
+var _globalThis2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/global-this"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _warning = _interopRequireDefault(require("./warning"));
+
+const touchEventPolyfill = (touch, touchEvent) => {
+  /* Touch is the first point of multi-touch. In order to minimize the change of slider code to support touch,
+  some methods that will be used on touchEvent are mounted on the multi-touch Touch object.*/
+  // polyfill for firefox
+  if (!_globalThis2.default.Touch || !(touch instanceof Touch)) {
+    return touch;
+  }
+
+  const keysNeedPolyfill = ['stopPropagation', 'preventDefault'];
+  (0, _forEach.default)(keysNeedPolyfill).call(keysNeedPolyfill, key => {
+    let value = touchEvent[key];
+
+    if (value) {
+      if (typeof value === 'function') {
+        // bind 'this' for function of touchEvent running in Touch Point Object
+        value = function () {
+          return touchEvent[key](...arguments);
+        };
+      }
+
+      if (touch[key]) {
+        (0, _warning.default)(true, "\"The key ".concat(key, "\" exist in Touch."));
+      } else {
+        touch[key] = value;
+      }
+    }
+  });
+  return touch;
+};
+
+var _default = touchEventPolyfill;
+exports.default = _default;

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

@@ -0,0 +1,31 @@
+export declare type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+export declare type Motion<P extends Record<string, any> = any> = boolean | MotionObject | MotionFunction<P>;
+export declare type MotionFunction<P> = (props: P) => MotionObject;
+export interface MotionObject {
+    [x: string]: any;
+    children?: any | ((props: MotionChildrenProps) => any);
+    willEnter?: () => void;
+    didEnter?: () => void;
+    willLeave?: () => void;
+    didLeave?: () => void;
+    onStart?: () => void;
+    onRest?: () => void;
+    state?: string;
+}
+export interface MotionChildrenProps {
+    animateCls?: string;
+    animateStyle?: {
+        animationTimingFunction?: string;
+        animationName?: string;
+        animationDuration?: number | string;
+        animationDelay?: number | string;
+        animationIterationCount?: number | string;
+        animationDirection?: 'alternate' | 'normal';
+        animationFillMode?: string;
+    };
+    animateEvents?: {
+        onAnimationIteration?: (...args: any[]) => void;
+        onAnimationStart?: (...args: any[]) => void;
+        onAnimationEnd?: (...args: any[]) => void;
+    };
+}

package/lib/cjs/utils/type.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,3 @@
+export default function getUuid(prefix: string): string;
+declare function getUuidv4(): string;
+export { getUuid, getUuidv4 };

package/lib/cjs/utils/uuid.js

@@ -0,0 +1,29 @@
+"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.getUuid = exports.default = getUuid;
+exports.getUuidv4 = getUuidv4;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+function getUuid(prefix) {
+  var _context, _context2;
+
+  return (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(prefix, "-")).call(_context2, new Date().getTime(), "-")).call(_context, Math.random());
+} // https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
+
+
+function getUuidv4() {
+  try {
+    return String(1e7 + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (Number(c) ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> Number(c) / 4).toString(16));
+  } catch (err) {
+    return getUuid('semi');
+  }
+}

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

@@ -0,0 +1 @@
+export default function warning(flag: boolean, info: string): void;

package/lib/cjs/utils/warning.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.default = warning;
+
+function warning(flag, info) {
+  if (flag) {
+    console.warn("Warning: ".concat(info));
+  }
+}

package/lib/es/anchor/foundation.js

@@ -1,7 +1,8 @@
+import _get from "lodash/get";
+import _isArray from "lodash/isArray";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import BaseFoundation from '../base/foundation';
-import { isArray, get } from 'lodash-es';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { cssClasses } from './constants';
 const prefixCls = cssClasses.PREFIX;
@@ -69,7 +70,7 @@ export default class AnchorFoundation extends BaseFoundation {
 
       const childMap = {};
 
-      if (isArray(children)) {
+      if (_isArray(children)) {
         for (const link of children) {
           this._getLinkToMap(link, [], childMap);
         }
@@ -205,9 +206,11 @@ export default class AnchorFoundation extends BaseFoundation {
            */
           behavior: actions => {
             // We just need to scroll the innermost target container
-            const innermostAction = get(actions, '0');
-            const el = get(innermostAction, 'el');
-            const top = get(innermostAction, 'top');
+            const innermostAction = _get(actions, '0');
+
+            const el = _get(innermostAction, 'el');
+
+            const top = _get(innermostAction, 'top');
 
             if (el) {
               const offsetTop = top - targetOffset;

package/lib/es/autoComplete/autoComplete.css

@@ -75,25 +75,25 @@
   margin-bottom: 4px;
 }
 
-.semi-select {
+.semi-autocomplete {
   cursor: text;
   display: inline-flex;
   vertical-align: middle;
   box-sizing: border-box;
 }
-.semi-select-option-list {
+.semi-autocomplete-option-list {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.semi-select-option-list-chosen .semi-select-option-icon {
+.semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
   display: flex;
 }
-.semi-select-loading-wrapper {
+.semi-autocomplete-loading-wrapper {
   padding-top: 8px;
   padding-bottom: 8px;
   cursor: not-allowed;
 }
-.semi-select-loading-wrapper .semi-spin {
+.semi-autocomplete-loading-wrapper .semi-spin {
   width: 100%;
 }
 

package/lib/es/autoComplete/autoComplete.scss

@@ -1,7 +1,8 @@
-$module: #{$prefix}-autocomplete;
-
 @import "./variables.scss";
 @import "../select/option.scss";
+
+$module: #{$prefix}-autocomplete;
+
 .#{$module} {
     cursor: text;
     display: inline-flex;

package/lib/es/autoComplete/foundation.js

@@ -1,3 +1,7 @@
+import _isObject from "lodash/isObject";
+import _isUndefined from "lodash/isUndefined";
+import _isNumber from "lodash/isNumber";
+import _isString from "lodash/isString";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
@@ -8,7 +12,6 @@ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 
 /* eslint-disable prefer-const, max-len */
 import BaseFoundation from '../base/foundation';
-import { isString, isNumber, isUndefined, isObject } from 'lodash-es';
 import warning from '../utils/warning';
 import KeyCode from '../utils/keyCode';
 
@@ -68,9 +71,9 @@ class AutoCompleteFoundation extends BaseFoundation {
     if (dropdownMatchSelectWidth) {
       var _context;
 
-      if (style && isNumber(style.width)) {
+      if (style && _isNumber(style.width)) {
         width = style.width;
-      } else if (style && isString(style.width) && !_includesInstanceProperty(_context = style.width).call(_context, '%')) {
+      } else if (style && _isString(style.width) && !_includesInstanceProperty(_context = style.width).call(_context, '%')) {
         width = style.width;
       } else {
         width = this._adapter.getTriggerWidth();
@@ -125,14 +128,14 @@ class AutoCompleteFoundation extends BaseFoundation {
         const key = String(new Date().getTime()) + i;
         let option = {};
 
-        if (isString(item) || isNumber(item)) {
+        if (_isString(item) || _isNumber(item)) {
           option = {
             value: item,
             key,
             label: item,
             show: true
           };
-        } else if (isObject(item) && !isUndefined(item.value)) {
+        } else if (_isObject(item) && !_isUndefined(item.value)) {
           option = _Object$assign({
             show: true
           }, item);

package/lib/es/base/foundation.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /**
@@ -6,7 +7,6 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
  *
  */
 import log from '../utils/log';
-import { noop } from 'lodash-es';
 
 class BaseFoundation {
   constructor(adapter) {
@@ -39,17 +39,17 @@ class BaseFoundation {
 
   static get defaultAdapter() {
     return {
-      getProp: noop,
-      getProps: noop,
-      getState: noop,
-      getStates: noop,
-      setState: noop,
-      getContext: noop,
-      getContexts: noop,
-      getCache: noop,
-      setCache: noop,
-      getCaches: noop,
-      stopPropagation: noop
+      getProp: _noop,
+      getProps: _noop,
+      getState: _noop,
+      getStates: _noop,
+      setState: _noop,
+      getContext: _noop,
+      getContexts: _noop,
+      getCache: _noop,
+      setCache: _noop,
+      getCaches: _noop,
+      stopPropagation: _noop
     };
   }