@douyinfe/semi-foundation 2.25.3 → 2.25.4

package/lib/es/timePicker/utils/index.js

@@ -118,14 +118,14 @@ export const isTimeFormatLike = (time, formatToken) => {
   let isLike = true;
   const dateFnsSupportFormatCh = 'BDEGHKLMOPQRSTXYabcehimopqstuwxyz'; // dateFns support format character
 
-  const formatSupportChReg = new RegExp("[".concat(dateFnsSupportFormatCh, "]"), 'g');
-  const formatNotSupportChReg = new RegExp("[^".concat(dateFnsSupportFormatCh, "]"), 'g');
+  const formatSupportChReg = new RegExp(`[${dateFnsSupportFormatCh}]`, 'g');
+  const formatNotSupportChReg = new RegExp(`[^${dateFnsSupportFormatCh}]`, 'g');
   const hmsReg = /[H|m|s]{1,2}/;
   const formatSplitted = formatToken.split(formatNotSupportChReg); // => ['HH', 'mm'];
 
   const timeSeparator = formatToken.replace(formatSupportChReg, ''); // => :
 
-  const timeReg = new RegExp("[".concat(timeSeparator, "]"), 'g'); // => /[:]/g
+  const timeReg = new RegExp(`[${timeSeparator}]`, 'g'); // => /[:]/g
 
   const timeSplitted = time.split(timeReg); // => ['12', '0]
 

package/lib/es/timeline/constants.js

@@ -1,7 +1,7 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-timeline"),
-  ITEM: "".concat(BASE_CLASS_PREFIX, "-timeline-item")
+  PREFIX: `${BASE_CLASS_PREFIX}-timeline`,
+  ITEM: `${BASE_CLASS_PREFIX}-timeline-item`
 };
 const strings = {
   MODE: ['left', 'alternate', 'right', 'center'],

package/lib/es/toast/constants.js

@@ -1,9 +1,9 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
-const PREFIX = "".concat(BASE_CLASS_PREFIX, "-toast");
+const PREFIX = `${BASE_CLASS_PREFIX}-toast`;
 const cssClasses = {
   PREFIX,
-  WRAPPER: "".concat(PREFIX, "-wrapper"),
-  LIST: "".concat(PREFIX, "-list")
+  WRAPPER: `${PREFIX}-wrapper`,
+  LIST: `${PREFIX}-list`
 };
 const strings = {
   types: ['warning', 'success', 'info', 'error', 'default'],

package/lib/es/tooltip/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-tooltip")
+  PREFIX: `${BASE_CLASS_PREFIX}-tooltip`
 };
 const strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],

package/lib/es/tooltip/foundation.js

@@ -480,23 +480,23 @@ export default class Tooltip extends BaseFoundation {
     if (position && triggerRect && translateX != null && translateY != null) {
       if (this.getProp('transformFromCenter')) {
         if (['topLeft', 'bottomLeft'].includes(position)) {
-          return "".concat(this._roundPixel(triggerRect.width / 2), "px ").concat(-translateY * 100, "%");
+          return `${this._roundPixel(triggerRect.width / 2)}px ${-translateY * 100}%`;
         }
 
         if (['topRight', 'bottomRight'].includes(position)) {
-          return "calc(100% - ".concat(this._roundPixel(triggerRect.width / 2), "px) ").concat(-translateY * 100, "%");
+          return `calc(100% - ${this._roundPixel(triggerRect.width / 2)}px) ${-translateY * 100}%`;
         }
 
         if (['leftTop', 'rightTop'].includes(position)) {
-          return "".concat(-translateX * 100, "% ").concat(this._roundPixel(triggerRect.height / 2), "px");
+          return `${-translateX * 100}% ${this._roundPixel(triggerRect.height / 2)}px`;
         }
 
         if (['leftBottom', 'rightBottom'].includes(position)) {
-          return "".concat(-translateX * 100, "% calc(100% - ").concat(this._roundPixel(triggerRect.height / 2), "px)");
+          return `${-translateX * 100}% calc(100% - ${this._roundPixel(triggerRect.height / 2)}px)`;
         }
       }
 
-      return "".concat(-translateX * 100, "% ").concat(-translateY * 100, "%");
+      return `${-translateX * 100}% ${-translateY * 100}%`;
     }
 
     return null;
@@ -507,6 +507,9 @@ export default class Tooltip extends BaseFoundation {
       spacing,
       isOverFlow
     } = props;
+    const {
+      innerWidth
+    } = window;
     const triggerRect = (_isEmpty(props.triggerRect) ? props.triggerRect : this._adapter.getTriggerBounding()) || Object.assign({}, defaultRect);
     const containerRect = (_isEmpty(props.containerRect) ? props.containerRect : this._adapter.getPopupContainerRect()) || Object.assign({}, defaultRect);
     const wrapperRect = (_isEmpty(props.wrapperRect) ? props.wrapperRect : this._adapter.getWrapperBounding()) || Object.assign({}, defaultRect); // eslint-disable-next-line
@@ -549,6 +552,7 @@ export default class Tooltip extends BaseFoundation {
     const isWidthOverFlow = isOverFlow && isOverFlow[1];
     const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
     const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
+    const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
 
     switch (position) {
       case 'top':
@@ -563,7 +567,7 @@ export default class Tooltip extends BaseFoundation {
       case 'topLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateY = -1;
         break;
@@ -615,7 +619,7 @@ export default class Tooltip extends BaseFoundation {
       case 'bottomLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.bottom + SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         break;
 
@@ -723,7 +727,7 @@ export default class Tooltip extends BaseFoundation {
     let transform = ''; // eslint-disable-next-line
 
     if (translateX != null) {
-      transform += "translateX(".concat(translateX * 100, "%) ");
+      transform += `translateX(${translateX * 100}%) `;
       Object.defineProperty(style, 'translateX', {
         enumerable: false,
         value: translateX
@@ -732,7 +736,7 @@ export default class Tooltip extends BaseFoundation {
 
 
     if (translateY != null) {
-      transform += "translateY(".concat(translateY * 100, "%) ");
+      transform += `translateY(${translateY * 100}%) `;
       Object.defineProperty(style, 'translateY', {
         enumerable: false,
         value: translateY

package/lib/es/transfer/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-transfer")
+  PREFIX: `${BASE_CLASS_PREFIX}-transfer`
 };
 const strings = {
   TYPE_GROUP_LIST: 'groupList',

package/lib/es/tree/constants.js

@@ -1,7 +1,7 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-tree"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-tree-option")
+  PREFIX: `${BASE_CLASS_PREFIX}-tree`,
+  PREFIX_OPTION: `${BASE_CLASS_PREFIX}-tree-option`
 };
 const strings = {
   EXPAND_ACTION: [false, 'click', 'doubleClick']

package/lib/es/tree/treeUtil.d.ts

@@ -74,6 +74,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/es/tree/treeUtil.js

@@ -10,7 +10,7 @@ import _difference from "lodash/difference";
 const DRAG_OFFSET = 0.45;
 
 function getPosition(level, index) {
-  return "".concat(level, "-").concat(index);
+  return `${level}-${index}`;
 }
 
 function isValid(val) {

package/lib/es/treeSelect/constants.js

@@ -1,8 +1,8 @@
 import { VALIDATE_STATUS, BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-tree-select"),
-  PREFIX_TREE: "".concat(BASE_CLASS_PREFIX, "-tree"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-tree-select-option")
+  PREFIX: `${BASE_CLASS_PREFIX}-tree-select`,
+  PREFIX_TREE: `${BASE_CLASS_PREFIX}-tree`,
+  PREFIX_OPTION: `${BASE_CLASS_PREFIX}-tree-select-option`
 };
 const strings = {
   SIZE_SET: ['small', 'large', 'default'],

package/lib/es/typography/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-typography")
+  PREFIX: `${BASE_CLASS_PREFIX}-typography`
 };
 const strings = {
   TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],

package/lib/es/typography/formatNumeral.js

@@ -11,7 +11,7 @@ export default class FormatNumeral {
           i++;
         }
 
-        return "".concat(this.truncatePrecision(value), " ").concat(units[i]);
+        return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       'bytes-binary': value => {
         const units = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
@@ -22,21 +22,21 @@ export default class FormatNumeral {
           i++;
         }
 
-        return "".concat(this.truncatePrecision(value), " ").concat(units[i]);
+        return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       percentages: value => {
         const cArr = value.toString().split('.');
 
         if (Number(cArr[0]) === 0) {
-          return "".concat(this.truncatePrecision(value * 100), "%");
+          return `${this.truncatePrecision(value * 100)}%`;
         }
 
-        return "".concat(this.truncatePrecision(value), "%");
+        return `${this.truncatePrecision(value)}%`;
       },
       exponential: value => {
         const vExponential = value.toExponential(this.precision + 2);
         const vArr = vExponential.split('e');
-        return "".concat(this.truncatePrecision(Number(vArr[0])), "e").concat(vArr[1]);
+        return `${this.truncatePrecision(Number(vArr[0]))}e${vArr[1]}`;
       }
     }; // A collection of methods for truncating numbers; Methods key: Truncate (strings.Truncate);
 
@@ -86,7 +86,7 @@ export default class FormatNumeral {
     const cTLength = cArr[1].length; // Fill in any missing `0` at the end.
 
     if (cTLength < this.precision) {
-      return "".concat(cArr[0], ".").concat(cArr[1]).concat('0'.repeat(this.precision - cTLength));
+      return `${cArr[0]}.${cArr[1]}${'0'.repeat(this.precision - cTLength)}`;
     }
 
     return cTruncated.toString();

package/lib/es/upload/constants.js

@@ -1,12 +1,12 @@
 import { VALIDATE_STATUS, BASE_CLASS_PREFIX } from '../base/constants';
-const PREFIX = "".concat(BASE_CLASS_PREFIX, "-upload");
+const PREFIX = `${BASE_CLASS_PREFIX}-upload`;
 const FILE_LIST_PIC = 'picture';
 const FILE_LIST_DEFAULT = 'list';
 const PROGRESS_COEFFICIENT = 0.95;
 const cssClasses = {
   PREFIX,
   // WRAPPER: `${PREFIX}-wrapper`,
-  LIST: "".concat(PREFIX, "-list")
+  LIST: `${PREFIX}-list`
 };
 const TRIGGER_AUTO = 'auto';
 const TRIGGER_CUSTOM = 'custom';

package/lib/es/upload/foundation.js

@@ -63,7 +63,7 @@ class UploadFoundation extends BaseFoundation {
       fileName
     } = _ref;
     const status = xhr ? xhr.status : 0;
-    const msg = message || "cannot post ".concat(fileName, " to ").concat(action, ", xhr status: ").concat(status, "'");
+    const msg = message || `cannot post ${fileName} to ${action}, xhr status: ${status}'`;
     const err = new Error(msg);
     err.status = status;
     err.method = 'post';

package/lib/es/upload/utils.js

@@ -34,11 +34,11 @@ export const byteKB = 1024;
 export const byteMB = 1048576;
 export function getFileSize(number) {
   if (number < byteKB) {
-    return "".concat((number / byteKB).toFixed(2), "KB");
+    return `${(number / byteKB).toFixed(2)}KB`;
   } else if (number >= byteKB && number < byteMB) {
-    return "".concat((number / byteKB).toFixed(1), "KB");
+    return `${(number / byteKB).toFixed(1)}KB`;
   } else if (number >= byteMB) {
-    return "".concat((number / byteMB).toFixed(1), "MB");
+    return `${(number / byteMB).toFixed(1)}MB`;
   }
 
   return undefined;
@@ -108,7 +108,7 @@ export function mapFileTree(items) {
 
         for (let index = 0; index < entries.length; index++) {
           const entry = entries[index];
-          yield _traverseFileTree(entry, "".concat(path).concat(item.name, "/"));
+          yield _traverseFileTree(entry, `${path}${item.name}/`);
         }
       }
     });

package/lib/es/utils/getMotionObjFromProps.js

@@ -17,7 +17,7 @@ import warning from './warning';
 
 export default function getMotionObjFromProps(props) {
   if (typeof props !== 'object' || props === null) {
-    throw new TypeError("props should be object type, got ".concat(typeof props));
+    throw new TypeError(`props should be object type, got ${typeof props}`);
   }
 
   const MOTION_PROPS = ['willEnter', 'didEnter', 'willLeave', 'didLeave', 'onStart', 'onRest', 'state'];
@@ -41,7 +41,7 @@ export default function getMotionObjFromProps(props) {
           };
         }
       } else {
-        warning(true, "[Semi] duplicate motion key '".concat(key, "' from motion prop and props"));
+        warning(true, `[Semi] duplicate motion key '${key}' from motion prop and props`);
       }
     }
   } else if (typeof motionProp === 'function') {

package/lib/es/utils/touchPolyfill.js

@@ -21,7 +21,7 @@ const touchEventPolyfill = (touch, touchEvent) => {
       }
 
       if (touch[key]) {
-        warning(true, "\"The key ".concat(key, "\" exist in Touch."));
+        warning(true, `"The key ${key}" exist in Touch.`);
       } else {
         touch[key] = value;
       }

package/lib/es/utils/uuid.js

@@ -1,5 +1,5 @@
 export default function getUuid(prefix) {
-  return "".concat(prefix, "-").concat(new Date().getTime(), "-").concat(Math.random());
+  return `${prefix}-${new Date().getTime()}-${Math.random()}`;
 } // https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
 
 function getUuidv4() {
@@ -39,7 +39,7 @@ function getUuidShort() {
     randomId += characters.charAt(random);
   }
 
-  return prefix ? "".concat(prefix, "-").concat(randomId) : randomId;
+  return prefix ? `${prefix}-${randomId}` : randomId;
 }
 
 export { getUuid, getUuidv4, getUuidShort };

package/lib/es/utils/warning.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.25.3",
+    "version": "2.25.4",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "45218733f7850d503d11390c9eeb5853e2423fdb",
+    "gitHead": "52220f9714b8bc8a8cc073ae8f9c463d7850511e",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/tooltip/foundation.ts

@@ -387,6 +387,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
 
     calcPosStyle(props: {triggerRect: DOMRect; wrapperRect: DOMRect; containerRect: PopupContainerDOMRect; position?: Position; spacing?: number; isOverFlow?: [boolean, boolean]}) {
         const { spacing, isOverFlow } = props;
+        const { innerWidth } = window;
+        
         const triggerRect = (isEmpty(props.triggerRect) ? props.triggerRect : this._adapter.getTriggerBounding()) || { ...defaultRect as any };
         const containerRect = (isEmpty(props.containerRect) ? props.containerRect : this._adapter.getPopupContainerRect()) || {
             ...defaultRect,
@@ -427,7 +429,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
 
         const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
         const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
-
+        
+        const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
 
         switch (position) {
             case 'top':
@@ -441,7 +444,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
             case 'topLeft':
                 // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
                 // top = triggerRect.top - SPACING;
-                left = isWidthOverFlow ? containerRect.left : (pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left);
+                left = isWidthOverFlow ? (isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width ) : (pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left);
                 top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
                 translateY = -1;
                 break;
@@ -487,7 +490,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
             case 'bottomLeft':
                 // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
                 // top = triggerRect.bottom + SPACING;
-                left = isWidthOverFlow ? containerRect.left : (pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left);
+                left = isWidthOverFlow ? (isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width ) : (pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left);
                 top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
                 break;
             case 'bottomRight':