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

package/lib/es/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/es/utils/set.js

@@ -0,0 +1,29 @@
+import _isSet from "lodash/isSet";
+
+/* istanbul ignore next */
+export function copySet(setA) {
+  return new Set(setA);
+}
+/**
+ * Set deduplicate
+ * @param {*} setA
+ * @param {*} setB
+ */
+
+export function pullAll(setA, setB) {
+  if (setA === setB) {
+    setB = copySet(setB);
+  }
+
+  if (_isSet(setA) && setA.size && _isSet(setB) && setB.size) {
+    for (const item of setB) {
+      if (setA.has(item)) {
+        setA.delete(item);
+      }
+    }
+
+    return setA;
+  }
+
+  return setA;
+}

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

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

package/lib/es/utils/shallowEqualObjects.js

@@ -0,0 +1,27 @@
+export default function shallowEqualObjects(objA, objB) {
+  if (objA === objB) {
+    return true;
+  }
+
+  if (!objA || !objB) {
+    return false;
+  }
+
+  const aKeys = Object.keys(objA);
+  const bKeys = Object.keys(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/es/utils/touchPolyfill.d.ts

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

package/lib/es/utils/touchPolyfill.js

@@ -0,0 +1,33 @@
+import warning from './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 (!globalThis.Touch || !(touch instanceof Touch)) {
+    return touch;
+  }
+
+  const keysNeedPolyfill = ['stopPropagation', 'preventDefault'];
+  keysNeedPolyfill.forEach(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]) {
+        warning(true, `"The key ${key}" exist in Touch.`);
+      } else {
+        touch[key] = value;
+      }
+    }
+  });
+  return touch;
+};
+
+export default touchEventPolyfill;

package/lib/es/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/es/utils/type.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+export default function getUuid(prefix: string): string;
+declare function getUuidv4(): string;
+/**
+ * Get a random id with prefix, it not strictly guarantee id uniqueness
+ *
+ * Note: the return value of getUuid is too long, we need a short one
+ *
+ * @example
+ * getUuidShort({ prefix: 'semi' }) => 'semi-46dinzc'
+ * getUuidShort({ prefix: '' }) => '0eer2i0'
+ * getUuidShort({ prefix: 'semi', length: 4 }) => 'semi-8jts'
+ */
+declare function getUuidShort(options?: GetUuidShortOptions): string;
+interface GetUuidShortOptions {
+    prefix?: string;
+    length?: number;
+}
+export { getUuid, getUuidv4, getUuidShort };

package/lib/es/utils/uuid.js

@@ -0,0 +1,45 @@
+export default function getUuid(prefix) {
+  return `${prefix}-${new Date().getTime()}-${Math.random()}`;
+} // https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
+
+function getUuidv4() {
+  var _a, _b;
+
+  try {
+    // @ts-ignore
+    return (_b = (_a = crypto === null || crypto === void 0 ? void 0 : crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) !== null && _b !== void 0 ? _b : 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');
+  }
+}
+/**
+ * Get a random id with prefix, it not strictly guarantee id uniqueness
+ *
+ * Note: the return value of getUuid is too long, we need a short one
+ *
+ * @example
+ * getUuidShort({ prefix: 'semi' }) => 'semi-46dinzc'
+ * getUuidShort({ prefix: '' }) => '0eer2i0'
+ * getUuidShort({ prefix: 'semi', length: 4 }) => 'semi-8jts'
+ */
+
+
+function getUuidShort() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix = '',
+    length = 7
+  } = options;
+  const characters = '0123456789abcdefghijklmnopqrstuvwxyz';
+  const total = characters.length;
+  let randomId = '';
+
+  for (let i = 0; i < length; i++) {
+    const random = Math.floor(Math.random() * total);
+    randomId += characters.charAt(random);
+  }
+
+  return prefix ? `${prefix}-${randomId}` : randomId;
+}
+
+export { getUuid, getUuidv4, getUuidShort };

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

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

package/lib/es/utils/warning.js

@@ -0,0 +1,5 @@
+export default function warning(flag, info) {
+  if (flag) {
+    console.warn(`Warning: ${info}`);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.28.0-beta.0",
+    "version": "2.28.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "6ee4e133cbfd129b79ac50922bbb001f3e75599c",
+    "gitHead": "4465cecb0aa8f51f0c559eb829eeec8b567e1876",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/timePicker/timePicker.scss

@@ -20,6 +20,15 @@ $module-list: #{$prefix}-scrolllist;
 
             .#{$module-list}-item,
             .#{$module-list}-item-wheel .#{$module-list}-list-outer {
+                -ms-overflow-style: none; /* Internet Explorer 10+ */
+                scrollbar-width: none; /* Firefox */
+
+                &::-webkit-scrollbar {
+                    display: none;
+                    width: 0;
+                    height: 0;
+                }
+
                 & > ul {
                     padding-bottom: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
                 }
@@ -28,7 +37,7 @@ $module-list: #{$prefix}-scrolllist;
             .#{$module-list}-item {
                 -ms-overflow-style: none; /* Internet Explorer 10+ */
                 scrollbar-width: none; /* Firefox */
-                
+
                 &::-webkit-scrollbar {
                     display: none;
                     width: 0;