feat: chore backup

packages/semi-foundation/card/variables.scss

@@ -16,7 +16,7 @@ $font-card_title-fontSize: $font-size-header-6; // 卡片文字大小 - 标题
 
 $radius-card: var(--semi-border-radius-medium); // 卡片圆角
 
-$motion-card-transition_duration: 0.3s; // 卡片悬浮动画时长
+$motion-card-transition_duration: 300ms; // 卡片悬浮动画时长
 
 $width-card-border: $border-thickness-control; // 卡片描边宽度
 

packages/semi-foundation/collapsible/animation.scss

@@ -1,8 +1,8 @@
-$transition_duration-collapsible-height: 0.25s;//折叠-高度-动画持续时间
+$transition_duration-collapsible-height: 250ms;//折叠-高度-动画持续时间
 $transition_function-collapsible-height: var(--semi-transition_function-easeIn);//折叠-高度-过渡曲线
 $transition_delay-collapsible-height: var(--semi-transition_delay-fastest);//折叠-高度-延迟时间
 
-$transition_duration-collapsible-opacity: 0.25s;//折叠-透明度-动画持续时间
+$transition_duration-collapsible-opacity: 250ms;//折叠-透明度-动画持续时间
 $transition_function-collapsible-opacity: var(--semi-transition_function-easeIn);//折叠-透明度-过渡曲线
 $transition_delay-collapsible-opacity: var(--semi-transition_delay-fastest);//折叠-透明度-延迟时间
 

packages/semi-foundation/collapsible/collapsible.scss

@@ -1,5 +1,5 @@
-import "./animation.scss";
-import "./variables.scss";
+@import "./animation.scss";
+@import "./variables.scss";
 
 
 $module: #{$prefix}-collapsible;

packages/semi-foundation/image/animation.scss

@@ -2,7 +2,7 @@ $transform_rotate-image_preview_spinner: var(--semi-transform_rotate-clockwise36
 $transform_scale3d-image_preview_image_img: 1, 1, 1; // 预览图片放大
 $transform_rotate-image_preview_image_img: var(--semi-transform-rotate-none); // 预览图片旋转角度
 
-$transition_duration-image_preview_image_img: 0.3s; // 预览图像动画持续时间
+$transition_duration-image_preview_image_img: 300ms; // 预览图像动画持续时间
 $transition_function-image_preview_image_img: cubic-bezier(0.215, 0.61, 0.355, 1); // 预览图片动画函数
 $transition_delay-image_preview_image_img: 0s; // 预览图片延迟时间
 

packages/semi-foundation/modal/animation.scss

@@ -1,17 +1,17 @@
-$animation_duration-modal-show: 0.12s; // 弹窗打开-动画持续时间
+$animation_duration-modal-show: 120ms; // 弹窗打开-动画持续时间
 $animation_function-modal-show: cubic-bezier(0, 0, 0.26, 1.38); // 弹窗打开-过渡曲线
 $animation_delay-modal-show: 0ms; // 弹窗打开-延迟时间
 
-$animation_duration-modal-hide: 0.09s; // 弹窗关闭-动画持续时间
+$animation_duration-modal-hide: 90ms; // 弹窗关闭-动画持续时间
 $animation_function-modal-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 弹窗关闭-过渡曲线
 $animation_delay-modal-hide: 0ms; // 弹窗关闭-延迟时间
 
 
-$animation_duration-modal_mask-show: 0.09s; // 弹窗打开时-蒙层颜色-动画持续时间
+$animation_duration-modal_mask-show: 90ms; // 弹窗打开时-蒙层颜色-动画持续时间
 $animation_function-modal_mask-show: cubic-bezier(0, 0, 0.26, 1.38); // 弹窗打开时-蒙层颜色-过渡曲线
 $animation_delay-modal_mask-show: 0ms; // 弹窗打开时-蒙层颜色-延迟时间
 
-$animation_duration-modal_mask-hide: 0.09s; // 弹窗关闭时-蒙层颜色-动画持续时间
+$animation_duration-modal_mask-hide: 90ms; // 弹窗关闭时-蒙层颜色-动画持续时间
 $animation_function-modal_mask-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 弹窗关闭时-蒙层颜色-过渡曲线
 $animation_delay-modal_mask-hide: 0ms; // 弹窗关闭时-蒙层颜色-延迟时间
 

packages/semi-foundation/popover/animation.scss

@@ -1,5 +1,5 @@
-$animation_duration-popover-in: 0.1s;//popover-弹出动画-动画持续时间
-$animation_duration-popover-out: 0.1s;//popover-收起动画-动画持续时间
+$animation_duration-popover-in: 100ms;//popover-弹出动画-动画持续时间
+$animation_duration-popover-out: 100ms;//popover-收起动画-动画持续时间
 
 
 $animation_function-popover-in: cubic-bezier(0.215, 0.61, 0.355, 1);//popover-弹出动画-动画插值函数

packages/semi-foundation/sideSheet/animation.scss

@@ -1,15 +1,15 @@
-$animation_duration-sideSheet_mask-show: 0.18s; // 侧边栏打开时-蒙层颜色-动画持续时间
+$animation_duration-sideSheet_mask-show: 180ms; // 侧边栏打开时-蒙层颜色-动画持续时间
 $animation_function-sideSheet_mask-show: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏打开时-蒙层颜色-过渡曲线
 $animation_delay-sideSheet_mask-show: 0ms; // 侧边栏打开时-蒙层颜色-延迟时间
 
-$animation_duration-sideSheet_mask-hide: 0.18s; // 侧边栏关闭时-蒙层颜色-动画持续时间
+$animation_duration-sideSheet_mask-hide: 180ms; // 侧边栏关闭时-蒙层颜色-动画持续时间
 $animation_function-sideSheet_mask-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏关闭时-蒙层颜色-过渡曲线
 $animation_delay-sideSheet_mask-hide: 0ms; // 侧边栏关闭时-蒙层颜色-延迟时间
 
-$animation_duration-sideSheet_inner-show: 0.18s; // 侧边栏打开-动画持续时间
+$animation_duration-sideSheet_inner-show: 180ms; // 侧边栏打开-动画持续时间
 $animation_function-sideSheet_inner-show: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏打开-过渡曲线
 $animation_delay-sideSheet_inner-show: 0ms; // 侧边栏打开-延迟时间
 
-$animation_duration-sideSheet_inner-hide: 0.18s; // 侧边栏关闭-动画持续时间
+$animation_duration-sideSheet_inner-hide: 180ms; // 侧边栏关闭-动画持续时间
 $animation_function-sideSheet_inner-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏关闭-过渡曲线
 $animation_delay-sideSheet_inner-hide: 0ms; // 侧边栏关闭-延迟时间

packages/semi-foundation/tabs/animation.scss

@@ -31,6 +31,6 @@ $animation_transform_translateX-tabs_tabPanel-bottomShow: -60px; //下侧展示
 
 $animation_opacity-tabs_tabPanel_show: 0; //tabPanel的动画开始时透明度
 
-$animation_duration-tabs_tabPanel-show: 0.2s; //tabPanel的展示动画持续时间
+$animation_duration-tabs_tabPanel-show: 200ms; //tabPanel的展示动画持续时间
 $animation_function-tabs_tabPanel-show: ease-in-out; //tabPanel的展示动画曲线
 $animation_delay-tabs_tabPanel-show: 0s; //tabPanel的展示动画延迟时间

packages/semi-foundation/tooltip/animation.scss

@@ -1,5 +1,5 @@
-$animation_duration-tooltip_in: 0.1s;//tooltip-弹出动画-动画持续时间
-$animation_duration-tooltip_out: 0.1s;//tooltip-收起动画-动画持续时间
+$animation_duration-tooltip_in: 100ms;//tooltip-弹出动画-动画持续时间
+$animation_duration-tooltip_out: 100ms;//tooltip-收起动画-动画持续时间
 
 
 $animation_function-tooltip_in: cubic-bezier(0.215, 0.61, 0.355, 1);//tooltip-弹出动画-动画插值函数

packages/semi-ui/collapsible/index.tsx

@@ -8,8 +8,9 @@ import BaseComponent from "../_base/baseComponent";
 import PropTypes from "prop-types";
 import cls from "classnames";
 import {cssClasses} from "@douyinfe/semi-foundation/collapsible/constants";
-import {debounce, isEqual} from "lodash";
+import {isEqual} from "lodash";
 import CollapsibleFoundation from "@douyinfe/semi-foundation/collapsible/foundation";
+import "@douyinfe/semi-foundation/collapsible/collapsible.scss";
 
 interface CollapsibleProps extends CollapsibleFoundationProps {
     motion?: boolean;