fix: remove default css transition of Popover inner content

arco-design · Dec 3, 2024 · c4bcc0f · c4bcc0f
1 parent 4a5c0f8
commit c4bcc0f
Show file tree

Hide file tree

Showing 7 changed files with 0 additions and 22 deletions.
diff --git a/packages/arcodesign/components/popover/style/index.less b/packages/arcodesign/components/popover/style/index.less
@@ -32,7 +32,6 @@
     background-color: transparent;
     visibility: hidden;
     will-change: transform;
-    .use-var(transition, popover-inner-transition);
     .use-var(color, popover-content-color);
 
     &.with-shadow {

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/css-variables.less b/packages/arcodesign/tokens/app/arcodesign/default/css-variables.less
@@ -429,7 +429,6 @@
     --popover-arrow-border-radius: 1PX;
     --popover-inner-border-radius: 4PX;
     --popover-inner-opacity: 0.8;
-    --popover-inner-transition: opacity .3s ease-in-out;
     --popover-inner-white-theme-opacity: 1;
     --popover-inner-background-shadow: 0 2PX 8PX 0 rgba(0, 0, 0, .1);
     --popover-inner-top-arrow-shadow: 6PX 6PX 8PX 0 rgba(0, 0, 0, .04);

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.d.ts b/packages/arcodesign/tokens/app/arcodesign/default/index.d.ts
@@ -428,7 +428,6 @@ export interface ArcodesignToken extends Record<string, string> {
     'popover-arrow-border-radius': string;
     'popover-inner-border-radius': string;
     'popover-inner-opacity': string;
-    'popover-inner-transition': string;
     'popover-inner-white-theme-opacity': string;
     'popover-inner-background-shadow': string;
     'popover-inner-top-arrow-shadow': string;

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.js b/packages/arcodesign/tokens/app/arcodesign/default/index.js
@@ -440,7 +440,6 @@ var tokens = {
   "popover-arrow-border-radius": "1PX",
   "popover-inner-border-radius": "4PX",
   "popover-inner-opacity": "0.8",
-  "popover-inner-transition": "opacity .3s ease-in-out",
   "popover-inner-white-theme-opacity": "1",
   "popover-inner-background-shadow": "0 2PX 8PX 0 rgba(0, 0, 0, .1)",
   "popover-inner-top-arrow-shadow": "6PX 6PX 8PX 0 rgba(0, 0, 0, .04)",

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.json b/packages/arcodesign/tokens/app/arcodesign/default/index.json
@@ -7877,18 +7877,6 @@
             "en": "Arrow shadow at the top of Popover content"
         }
     },
-    "popoverInnerTransition": {
-        "cssKey": "popover-inner-transition",
-        "desc": "气泡内容动画曲线",
-        "override": "",
-        "value": "opacity .3s ease-in-out",
-        "jsValue": "opacity .3s ease-in-out",
-        "staticValue": "opacity .3s ease-in-out",
-        "localeDesc": {
-            "ch": "气泡内容动画曲线",
-            "en": "Popover content animation curve"
-        }
-    },
     "popoverInnerWhiteThemeOpacity": {
         "cssKey": "popover-inner-white-theme-opacity",
         "desc": "白色主题气泡内容透明度",

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.less b/packages/arcodesign/tokens/app/arcodesign/default/index.less
@@ -428,7 +428,6 @@
 @popover-arrow-border-radius: 1PX;
 @popover-inner-border-radius: 4PX;
 @popover-inner-opacity: 0.8;
-@popover-inner-transition: opacity .3s ease-in-out;
 @popover-inner-white-theme-opacity: 1;
 @popover-inner-background-shadow: 0 2PX 8PX 0 rgba(0, 0, 0, .1);
 @popover-inner-top-arrow-shadow: 6PX 6PX 8PX 0 rgba(0, 0, 0, .04);

diff --git a/packages/arcodesign/tokens/src/arcodesign/default/index.js b/packages/arcodesign/tokens/src/arcodesign/default/index.js
@@ -1738,11 +1738,6 @@ function getCompTokens() {
          * @en Popover content opacity
          */
         popoverInnerOpacity: '0.8',
-        /**
-         * 气泡内容动画曲线
-         * @en Popover content animation curve
-         */
-        popoverInnerTransition: 'opacity .3s ease-in-out',
         /**
          * 白色主题气泡内容透明度
          * @en Content opacity of Popover in white theme