@douyinfe/semi-ui 2.51.0-beta.0 → 2.51.1

package/lib/cjs/cascader/index.js

@@ -715,7 +715,7 @@ class Cascader extends _baseComponent.default {
       const formatValuePath = [];
       normalizedValue.forEach(valueItem => {
         const formatItem = onChangeWithObject && (0, _isObject2.default)(valueItem[0]) ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
-        formatValuePath.push(formatItem);
+        formatItem.length > 0 && formatValuePath.push(formatItem);
       });
       // formatKeys is used to save key of value
       const formatKeys = formatValuePath.map(v => (0, _util.getKeyByValuePath)(v));

package/lib/cjs/image/interface.d.ts

@@ -138,6 +138,7 @@ export interface FooterProps extends SliderProps {
     adaptiveTip?: string;
     originTip?: string;
     showTooltip?: boolean;
+    zIndex?: number;
     onZoomIn?: (zoom: number) => void;
     onZoomOut?: (zoom: number) => void;
     onPrev?: () => void;

package/lib/cjs/image/previewFooter.js

@@ -92,11 +92,13 @@ class Footer extends _baseComponent.default {
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
     this.getFinalIconElement = (element, content, key) => {
       const {
-        showTooltip
+        showTooltip,
+        zIndex
       } = this.props;
       return showTooltip ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         content: content,
-        key: `tooltip-${key}`
+        key: `tooltip-${key}`,
+        zIndex: zIndex + 1
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {

package/lib/cjs/image/previewInner.js

@@ -375,6 +375,7 @@ class PreviewInner extends _baseComponent.default {
       ratio: ratio,
       prevTip: prevTip,
       nextTip: nextTip,
+      zIndex: zIndex,
       zoomInTip: zoomInTip,
       zoomOutTip: zoomOutTip,
       rotateTip: rotateTip,
@@ -446,7 +447,7 @@ PreviewInner.defaultProps = {
   lazyLoad: false,
   preLoad: true,
   preLoadGap: 2,
-  zIndex: 1000,
+  zIndex: _constants.numbers.DEFAULT_Z_INDEX,
   maskClosable: true,
   viewerVisibleDelay: 10000,
   maxZoom: 5,

package/lib/cjs/modal/Modal.js

@@ -259,6 +259,8 @@ class Modal extends _baseComponent.default {
   componentWillUnmount() {
     if (this.props.visible) {
       this.foundation.destroy();
+    } else {
+      this.foundation.enabledBodyScroll();
     }
   }
   render() {

package/lib/es/cascader/index.js

@@ -706,7 +706,7 @@ class Cascader extends BaseComponent {
       const formatValuePath = [];
       normalizedValue.forEach(valueItem => {
         const formatItem = onChangeWithObject && _isObject(valueItem[0]) ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
-        formatValuePath.push(formatItem);
+        formatItem.length > 0 && formatValuePath.push(formatItem);
       });
       // formatKeys is used to save key of value
       const formatKeys = formatValuePath.map(v => getKeyByValuePath(v));

package/lib/es/image/interface.d.ts

@@ -138,6 +138,7 @@ export interface FooterProps extends SliderProps {
     adaptiveTip?: string;
     originTip?: string;
     showTooltip?: boolean;
+    zIndex?: number;
     onZoomIn?: (zoom: number) => void;
     onZoomOut?: (zoom: number) => void;
     onPrev?: () => void;

package/lib/es/image/previewFooter.js

@@ -85,11 +85,13 @@ export default class Footer extends BaseComponent {
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
     this.getFinalIconElement = (element, content, key) => {
       const {
-        showTooltip
+        showTooltip,
+        zIndex
       } = this.props;
       return showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
         content: content,
-        key: `tooltip-${key}`
+        key: `tooltip-${key}`,
+        zIndex: zIndex + 1
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/React.createElement(LocaleConsumer, {

package/lib/es/image/previewInner.js

@@ -3,7 +3,7 @@ import _isEqual from "lodash/isEqual";
 import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import PropTypes from "prop-types";
-import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
+import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/image/constants';
 import cls from "classnames";
 import Portal from "../_portal";
 import { IconArrowLeft, IconArrowRight } from "@douyinfe/semi-icons";
@@ -368,6 +368,7 @@ export default class PreviewInner extends BaseComponent {
       ratio: ratio,
       prevTip: prevTip,
       nextTip: nextTip,
+      zIndex: zIndex,
       zoomInTip: zoomInTip,
       zoomOutTip: zoomOutTip,
       rotateTip: rotateTip,
@@ -438,7 +439,7 @@ PreviewInner.defaultProps = {
   lazyLoad: false,
   preLoad: true,
   preLoadGap: 2,
-  zIndex: 1000,
+  zIndex: numbers.DEFAULT_Z_INDEX,
   maskClosable: true,
   viewerVisibleDelay: 10000,
   maxZoom: 5,

package/lib/es/modal/Modal.js

@@ -249,6 +249,8 @@ class Modal extends BaseComponent {
   componentWillUnmount() {
     if (this.props.visible) {
       this.foundation.destroy();
+    } else {
+      this.foundation.enabledBodyScroll();
     }
   }
   render() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.51.0-beta.0",
+    "version": "2.51.1",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.51.0-beta.0",
-        "@douyinfe/semi-animation-react": "2.51.0-beta.0",
-        "@douyinfe/semi-foundation": "2.51.0-beta.0",
-        "@douyinfe/semi-icons": "2.51.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.51.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.51.0-beta.0",
+        "@douyinfe/semi-animation": "2.51.1",
+        "@douyinfe/semi-animation-react": "2.51.1",
+        "@douyinfe/semi-foundation": "2.51.1",
+        "@douyinfe/semi-icons": "2.51.1",
+        "@douyinfe/semi-illustrations": "2.51.1",
+        "@douyinfe/semi-theme-default": "2.51.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "35dcd5c5793fbe9c564eeac62486a402b84f4075",
+    "gitHead": "c81cf7801f7c7afd385d63e1e7dd1cf533d7fc83",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",