@douyinfe/semi-foundation 2.71.1 → 2.71.3

package/carousel/foundation.ts

@@ -7,7 +7,8 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
     setNewActiveIndex: (activeIndex: number) => void;
     setPreActiveIndex: (activeIndex: number) => void;
     setIsReverse: (isReverse: boolean) => void;   
-    setIsInit: (isInit: boolean) => void   
+    setIsInit: (isInit: boolean) => void;
+    getChildren: () => any[]  
 }
 
 class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
@@ -102,7 +103,7 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     }
 
     getValidIndex(index: number): number {
-        const { children } = this.getStates();
+        const children = this._adapter.getChildren();
         return (index + children.length) % children.length;
     }
 
@@ -124,7 +125,7 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
 
     handleAutoPlay(): void { 
         const { autoPlay } = this.getProps(); 
-        const { children } = this.getStates();
+        const children = this._adapter.getChildren();
         const autoPlayType = typeof autoPlay;
         // when user manually call the play function, force play
         // only when carousel children length > 1 to start play

package/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

package/lib/cjs/carousel/foundation.d.ts

@@ -5,6 +5,7 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
     setPreActiveIndex: (activeIndex: number) => void;
     setIsReverse: (isReverse: boolean) => void;
     setIsInit: (isInit: boolean) => void;
+    getChildren: () => any[];
 }
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
     constructor(adapter: CarouselAdapter<P, S>);

package/lib/cjs/carousel/foundation.js

@@ -97,9 +97,7 @@ class CarouselFoundation extends _foundation.default {
     }
   }
   getValidIndex(index) {
-    const {
-      children
-    } = this.getStates();
+    const children = this._adapter.getChildren();
     return (index + children.length) % children.length;
   }
   getSwitchingTime() {
@@ -123,9 +121,7 @@ class CarouselFoundation extends _foundation.default {
     const {
       autoPlay
     } = this.getProps();
-    const {
-      children
-    } = this.getStates();
+    const children = this._adapter.getChildren();
     const autoPlayType = typeof autoPlay;
     // when user manually call the play function, force play
     // only when carousel children length > 1 to start play

package/lib/cjs/image/image.css

@@ -177,6 +177,12 @@
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
+  /**
+   * In tailwind, the max-width of img/video is set to 100%, 
+   * which will affect the amplification effect of the picture.
+   * So we need to set max-width to none.
+  */
+  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;

package/lib/cjs/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

package/lib/cjs/tooltip/foundation.js

@@ -416,7 +416,8 @@ class Tooltip extends _foundation.default {
   }
   _togglePortalVisible(isVisible) {
     const nowVisible = this.getState('visible');
-    if (nowVisible !== isVisible) {
+    const isInsert = this.getState("isInsert");
+    if (nowVisible !== isVisible || isInsert !== isVisible) {
       this._adapter.togglePortalVisible(isVisible, () => {
         if (isVisible) {
           this._adapter.setInitialFocus();

package/lib/cjs/tree/constants.d.ts

@@ -4,6 +4,7 @@ declare const cssClasses: {
 };
 declare const strings: {
     EXPAND_ACTION: (string | boolean)[];
+    JSON_KEY_SPLIT: string;
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/cjs/tree/constants.js

@@ -10,6 +10,7 @@ const cssClasses = exports.cssClasses = {
   PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-tree-option`
 };
 const strings = exports.strings = {
-  EXPAND_ACTION: [false, 'click', 'doubleClick']
+  EXPAND_ACTION: [false, 'click', 'doubleClick'],
+  JSON_KEY_SPLIT: '_SEMI_TREE_SPLIT_'
 };
 const numbers = exports.numbers = {};

package/lib/cjs/tree/foundation.js

@@ -10,6 +10,7 @@ var _difference2 = _interopRequireDefault(require("lodash/difference"));
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _treeUtil = require("./treeUtil");
+var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * The drag and drop handler implementation is referenced from rc-tree
@@ -111,7 +112,7 @@ class TreeFoundation extends _foundation.default {
   }
   notifyJsonChange(key, e) {
     const data = this.getProp('treeDataSimpleJson');
-    const selectedPath = (0, _treeUtil.normalizedArr)(key).map(i => i.replace('-', '.'));
+    const selectedPath = (0, _treeUtil.normalizedArr)(key).map(i => i.replaceAll(_constants.strings.JSON_KEY_SPLIT, '.'));
     const value = (0, _pick2.default)(data, selectedPath);
     this._adapter.notifyChange(value);
   }

package/lib/cjs/tree/treeUtil.js

@@ -41,6 +41,7 @@ var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 var _max2 = _interopRequireDefault(require("lodash/max"));
 var _uniq2 = _interopRequireDefault(require("lodash/uniq"));
 var _difference2 = _interopRequireDefault(require("lodash/difference"));
+var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Part of the utils function implementation process reference
@@ -109,7 +110,7 @@ function convertJsonToData(treeJson) {
   const treeData = [];
   const traverseNode = (key, children, path, res) => {
     const currPath = [...path, key];
-    const itemKey = currPath.join('-');
+    const itemKey = currPath.join(_constants.strings.JSON_KEY_SPLIT);
     const newNode = {
       key: itemKey,
       label: key,

package/lib/cjs/treeSelect/foundation.d.ts

@@ -162,9 +162,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     handleSingleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcCheckedKeys(eventKey: BasicTreeNodeProps['eventKey'], targetStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>; /**
-         * A11y: simulate selection click
-         */
+        halfCheckedKeys: Set<string>;
     };
     handleMultipleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {

package/lib/es/carousel/foundation.d.ts

@@ -5,6 +5,7 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
     setPreActiveIndex: (activeIndex: number) => void;
     setIsReverse: (isReverse: boolean) => void;
     setIsInit: (isInit: boolean) => void;
+    getChildren: () => any[];
 }
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
     constructor(adapter: CarouselAdapter<P, S>);

package/lib/es/carousel/foundation.js

@@ -90,9 +90,7 @@ class CarouselFoundation extends BaseFoundation {
     }
   }
   getValidIndex(index) {
-    const {
-      children
-    } = this.getStates();
+    const children = this._adapter.getChildren();
     return (index + children.length) % children.length;
   }
   getSwitchingTime() {
@@ -116,9 +114,7 @@ class CarouselFoundation extends BaseFoundation {
     const {
       autoPlay
     } = this.getProps();
-    const {
-      children
-    } = this.getStates();
+    const children = this._adapter.getChildren();
     const autoPlayType = typeof autoPlay;
     // when user manually call the play function, force play
     // only when carousel children length > 1 to start play

package/lib/es/image/image.css

@@ -177,6 +177,12 @@
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
+  /**
+   * In tailwind, the max-width of img/video is set to 100%, 
+   * which will affect the amplification effect of the picture.
+   * So we need to set max-width to none.
+  */
+  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;

package/lib/es/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

package/lib/es/tooltip/foundation.js

@@ -409,7 +409,8 @@ export default class Tooltip extends BaseFoundation {
   }
   _togglePortalVisible(isVisible) {
     const nowVisible = this.getState('visible');
-    if (nowVisible !== isVisible) {
+    const isInsert = this.getState("isInsert");
+    if (nowVisible !== isVisible || isInsert !== isVisible) {
       this._adapter.togglePortalVisible(isVisible, () => {
         if (isVisible) {
           this._adapter.setInitialFocus();

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

@@ -4,6 +4,7 @@ declare const cssClasses: {
 };
 declare const strings: {
     EXPAND_ACTION: (string | boolean)[];
+    JSON_KEY_SPLIT: string;
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/es/tree/constants.js

@@ -4,7 +4,8 @@ const cssClasses = {
   PREFIX_OPTION: `${BASE_CLASS_PREFIX}-tree-option`
 };
 const strings = {
-  EXPAND_ACTION: [false, 'click', 'doubleClick']
+  EXPAND_ACTION: [false, 'click', 'doubleClick'],
+  JSON_KEY_SPLIT: '_SEMI_TREE_SPLIT_'
 };
 const numbers = {};
 export { cssClasses, strings, numbers };

package/lib/es/tree/foundation.js

@@ -8,6 +8,7 @@ import _isUndefined from "lodash/isUndefined";
  */
 import BaseFoundation from '../base/foundation';
 import { flattenTreeData, findDescendantKeys, findAncestorKeys, filter, normalizedArr, normalizeKeyList, getMotionKeys, calcCheckedKeysForChecked, calcCheckedKeysForUnchecked, calcCheckedKeys, getValueOrKey, getDragNodesKeys, calcDropRelativePosition, calcDropActualPosition } from './treeUtil';
+import { strings } from './constants';
 export default class TreeFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -103,7 +104,7 @@ export default class TreeFoundation extends BaseFoundation {
   }
   notifyJsonChange(key, e) {
     const data = this.getProp('treeDataSimpleJson');
-    const selectedPath = normalizedArr(key).map(i => i.replace('-', '.'));
+    const selectedPath = normalizedArr(key).map(i => i.replaceAll(strings.JSON_KEY_SPLIT, '.'));
     const value = _pick(data, selectedPath);
     this._adapter.notifyChange(value);
   }

package/lib/es/tree/treeUtil.js

@@ -12,6 +12,7 @@ import _difference from "lodash/difference";
  * Part of the utils function implementation process reference
  * https://github.com/react-component/tree/blob/master/src/util.tsx
  */
+import { strings } from './constants';
 const DRAG_OFFSET = 0.45;
 function getPosition(level, index) {
   return `${level}-${index}`;
@@ -74,7 +75,7 @@ export function convertJsonToData(treeJson) {
   const treeData = [];
   const traverseNode = (key, children, path, res) => {
     const currPath = [...path, key];
-    const itemKey = currPath.join('-');
+    const itemKey = currPath.join(strings.JSON_KEY_SPLIT);
     const newNode = {
       key: itemKey,
       label: key,

package/lib/es/treeSelect/foundation.d.ts

@@ -162,9 +162,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     handleSingleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcCheckedKeys(eventKey: BasicTreeNodeProps['eventKey'], targetStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>; /**
-         * A11y: simulate selection click
-         */
+        halfCheckedKeys: Set<string>;
     };
     handleMultipleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.71.1",
+    "version": "2.71.3",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.71.1",
-        "@douyinfe/semi-json-viewer-core": "2.71.1",
+        "@douyinfe/semi-animation": "2.71.3",
+        "@douyinfe/semi-json-viewer-core": "2.71.3",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "e109344a9a8f3aff3e4c5ac020c90dc134b8ea7f",
+    "gitHead": "2c3f3a4e4e1dee2fe1a55586edc11d6dc3a6bd93",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/tooltip/foundation.ts

@@ -383,7 +383,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
 
     _togglePortalVisible(isVisible: boolean) {
         const nowVisible = this.getState('visible');
-        if (nowVisible !== isVisible) {
+        const isInsert = this.getState("isInsert");
+        if (nowVisible !== isVisible || isInsert !== isVisible) {
             this._adapter.togglePortalVisible(isVisible, () => {
                 if (isVisible) {
                     this._adapter.setInitialFocus();

package/tree/constants.ts

@@ -7,6 +7,7 @@ const cssClasses = {
 
 const strings = {
     EXPAND_ACTION: [false, 'click', 'doubleClick'],
+    JSON_KEY_SPLIT: '_SEMI_TREE_SPLIT_',
 };
 
 const numbers = {};

package/tree/foundation.ts

@@ -23,6 +23,7 @@ import {
 } from './treeUtil';
 
 import type { KeyMapProps } from './treeUtil';
+import { strings } from './constants';
 export type { KeyMapProps };
 
 export interface BasicTreeNodeProps {
@@ -415,7 +416,7 @@ export default class TreeFoundation extends BaseFoundation<TreeAdapter, BasicTre
 
     notifyJsonChange(key: string[] | string, e: any) {
         const data = this.getProp('treeDataSimpleJson');
-        const selectedPath = normalizedArr(key).map(i => i.replace('-', '.'));
+        const selectedPath = normalizedArr(key).map(i => i.replaceAll(strings.JSON_KEY_SPLIT, '.'));
         const value = pick(data, selectedPath);
         this._adapter.notifyChange(value as BasicValue);
     }

package/tree/treeUtil.ts

@@ -4,6 +4,7 @@
  */
 
 import { difference, uniq, max, isObject, isNull, isUndefined, isEmpty, pick, get, omit } from 'lodash';
+import { strings } from './constants';
 
 export interface KeyEntities {
     [x: string]: any
@@ -98,7 +99,7 @@ export function convertJsonToData(treeJson: TreeDataSimpleJson) {
     const treeData: any[] = [];
     const traverseNode = (key: string, children: any, path: any, res: any[]) => {
         const currPath = [...path, key];
-        const itemKey = currPath.join('-');
+        const itemKey = currPath.join(strings.JSON_KEY_SPLIT);
 
         const newNode: NodeData = {
             key: itemKey,