fix(fake-arrow): fix arrow rotation not working in Safari (#4056)

* fix(menu): fix arrow rotation not working in Safari

* chore: update common

* chore: stash changelog [ci skip]

* chore: stash changelog [ci skip]

* chore: resolve conflict

* chore: stash changelog [ci skip]

---------

Co-authored-by: tdesign-bot <tdesign@tencent.com>
Co-authored-by: wū yāng <uyarnchen@gmail.com>

Author: 3 people

packages/components/common/FakeArrow.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { isSafari } from '@tdesign/common-js/utils/helper';
 import { ClassName } from '../common';
 
 import useConfig from '../hooks/useConfig';
@@ -18,6 +19,7 @@ function FakeArrow(props: {
       className={classNames(
         `${classPrefix}-fake-arrow`,
         {
+          [`${classPrefix}-fake-arrow--transform`]: isSafari(),
           [`${classPrefix}-fake-arrow--active`]: props?.isActive && !props?.disabled,
         },
         props?.className,

packages/tdesign-react/.changelog/pr-4056.md

@@ -0,0 +1,9 @@
+---
+pr_number: 4056
+contributor: liweijie0812
+---
+
+- fix(Menu): 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))
+- fix(Select): 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))
+- fix(TreeSelect): 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))
+- fix(Cascader): 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))