feat(dropdown): remove dropdown left special style

Tencent · Dec 14, 2023 · 421fa0e · 421fa0e
1 parent d5b3cc7
commit 421fa0e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 15 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/dropdown/DropdownMenu.tsx b/src/dropdown/DropdownMenu.tsx
@@ -1,7 +1,7 @@
 import React, { ReactElement, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import throttle from 'lodash/throttle';
-import { ChevronRightIcon as TdIconChevronRight, ChevronLeftIcon as TdIconChevronLeft } from 'tdesign-icons-react';
+import { ChevronRightIcon as TdIconChevronRight } from 'tdesign-icons-react';
 import useConfig from '../hooks/useConfig';
 import { DropdownProps } from './Dropdown';
 import TDivider from '../divider';
@@ -24,9 +24,8 @@ const DropdownMenu: React.FC<DropdownProps> = (props) => {
   const dropdownClass = `${classPrefix}-dropdown`;
   const dropdownMenuClass = `${dropdownClass}__menu`;
   const [panelTopContentHeight, setPanelTopContentHeight] = useState(null);
-  const { ChevronRightIcon, ChevronLeftIcon } = useGlobalIcon({
+  const { ChevronRightIcon } = useGlobalIcon({
     ChevronRightIcon: TdIconChevronRight,
-    ChevronLeftIcon: TdIconChevronLeft,
   });
 
   const menuRef = useRef<HTMLDivElement>();
@@ -89,17 +88,8 @@ const DropdownMenu: React.FC<DropdownProps> = (props) => {
               isSubmenu={true}
             >
               <div className={`${dropdownClass}__item-content`}>
-                {direction === 'right' ? (
-                  <>
-                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>
-                    <ChevronRightIcon className={`${dropdownClass}__item-direction`} size="16" />
-                  </>
-                ) : (
-                  <>
-                    <ChevronLeftIcon className={`${dropdownClass}__item-direction`} size="16" />
-                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>
-                  </>
-                )}
+                <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>
+                <ChevronRightIcon className={`${dropdownClass}__item-direction`} size="16" />
               </div>
               <div
                 className={classNames(`${dropdownClass}__submenu-wrapper`, {
+4 −0		docs/web/api/card.en-US.md
+5 −0		docs/web/api/card.md
+4 −0		docs/web/api/date-picker.en-US.md
+4 −0		docs/web/api/date-picker.md
+6 −0		docs/web/api/time-picker.en-US.md
+6 −0		docs/web/api/time-picker.md
+11 −7		js/date-picker/utils.ts
+1 −0		style/mobile/components/side-bar/v2/_index.less
+7 −34		style/web/components/dropdown/_index.less
+4 −0		style/web/components/input/_mixin.less