Skip to content

[组件名称] ConfigProvider animation 动画排除无效 #5487

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ankyo opened this issue May 21, 2025 · 4 comments
Open

[组件名称] ConfigProvider animation 动画排除无效 #5487

ankyo opened this issue May 21, 2025 · 4 comments
Labels
🐞 bug Something isn't working

Comments

@ankyo
Copy link

ankyo commented May 21, 2025

tdesign-vue-next 版本

1.13.0

重现链接

比较简单不用重现

重现步骤

比较简单不用重现

期望结果

const globalConfig: TdConfigProviderProps['globalConfig'] = {
  animation: {
    exclude: ['ripple', 'expand', 'fade'],
  },
}

期望是关闭所有组件动画,每个组件库基本上都要设一个全局开关,几乎每个都有关闭动画的需求,动画除了花里胡哨没半点用处,还多费点电,另外还影响到客户机卡顿

实际结果

实际上是组件还是老样子,目前还不了解排除这三个动画效果影响的是哪里

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@ankyo ankyo added 🐞 bug Something isn't working 🧐 unconfirmed waiting to be confirmed labels May 21, 2025
Copy link
Contributor

👋 @ankyo,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@ankyo
Copy link
Author

ankyo commented May 21, 2025

补充一下,覆盖样式方式去动画有副作用,关闭时有延迟,是否这个延迟是动画的运动时间?

.t-dialog {
  animation: none !important;
  &__mask {
    animation: none !important;
  }
}

@ankyo
Copy link
Author

ankyo commented May 21, 2025

搜了下issue,好多关于动画产生的问题,2025了还没有一个全局关动画的方案吗?

@ankyo
Copy link
Author

ankyo commented May 21, 2025

<Transition
    duration={300}
    name={`${COMPONENT_NAME.value}-zoom__vue`}
    onBeforeEnter={beforeEnter}
    onAfterEnter={afterEnter}
    onBeforeLeave={beforeLeave}
    onAfterLeave={afterLeave}
  >
    {shouldRender.value && (
      <div v-show={props.visible} class={ctxClass} style={ctxStyle} {...context.attrs}>
        {view}
      </div>
    )}
  </Transition>

看了Dialog的实现。。。心都凉了,这么多人用的库,怎么还是写死的

@uyarn uyarn removed the 🧐 unconfirmed waiting to be confirmed label May 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants