chore: use relative paths

Author: anlyyao

src/dropdown-menu/DropdownItem.tsx

@@ -3,7 +3,10 @@ import cx from 'classnames';
 import uniqueId from 'lodash-es/uniqueId';
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { CaretDownSmallIcon, CaretUpSmallIcon } from 'tdesign-icons-react';
-import { Button, Checkbox, Popup, RadioGroup } from 'tdesign-mobile-react';
+import Button from '../button';
+import Checkbox from '../checkbox';
+import Popup from '../popup';
+import { RadioGroup } from '../radio';
 import useDefault from '../_util/useDefault';
 import parseTNode from '../_util/parseTNode';
 import CheckboxGroup from '../checkbox/CheckboxGroup';

src/dropdown-menu/_example/direction.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { DropdownItem, DropdownMenu } from 'tdesign-mobile-react';
 import { ChevronDownIcon } from 'tdesign-icons-react';
 
-const icons = <ChevronDownIcon size="20px" />;
+const icons = <ChevronDownIcon size="24px" />;
 
 const product = {
   value: 'all',

test/snap/__snapshots__/csr.test.jsx.snap

@@ -52230,7 +52230,7 @@ exports[`csr snapshot test > csr test src/dropdown-menu/_example/direction.tsx 1
           class="t-icon t-icon-chevron-down"
           fill="none"
           height="1em"
-          style="fill: none; font-size: 20px;"
+          style="fill: none; font-size: 24px;"
           viewBox="0 0 24 24"
           width="1em"
         >
@@ -52544,7 +52544,7 @@ exports[`csr snapshot test > csr test src/dropdown-menu/_example/index.tsx 1`] =
                 class="t-icon t-icon-chevron-down"
                 fill="none"
                 height="1em"
-                style="fill: none; font-size: 20px;"
+                style="fill: none; font-size: 24px;"
                 viewBox="0 0 24 24"
                 width="1em"
               >
@@ -132492,11 +132492,11 @@ exports[`ssr snapshot test > ssr test src/drawer/_example/title.tsx 1`] = `"<but
 
 exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/customized.tsx 1`] = `"<div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/direction.tsx 1`] = `"<div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><div class="t-dropdown-menu__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none;font-size:20px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-up-small t-dropdown-menu__icon" style="fill:none"><path id="caret-up-small" fill="currentColor" d="M12.0001 9L17.5 14.5L6.5 14.5L12.0001 9Z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/direction.tsx 1`] = `"<div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><div class="t-dropdown-menu__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none;font-size:24px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-up-small t-dropdown-menu__icon" style="fill:none"><path id="caret-up-small" fill="currentColor" d="M12.0001 9L17.5 14.5L6.5 14.5L12.0001 9Z"></path></svg></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/disabled.tsx 1`] = `"<div class="t-dropdown-menu"><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">DropdownMenu 下拉菜单</h1><p class="tdesign-mobile-demo-header__summary">菜单呈现数个并列的选项类目，用于整个页面的内容筛选，由菜单面板和菜单选项组成。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">单选下拉菜单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">分栏下拉菜单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">单列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">双列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><div class="t-dropdown-menu__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none;font-size:20px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-up-small t-dropdown-menu__icon" style="fill:none"><path id="caret-up-small" fill="currentColor" d="M12.0001 9L17.5 14.5L6.5 14.5L12.0001 9Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">插槽样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div style="height:400px"></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">DropdownMenu 下拉菜单</h1><p class="tdesign-mobile-demo-header__summary">菜单呈现数个并列的选项类目，用于整个页面的内容筛选，由菜单面板和菜单选项组成。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">单选下拉菜单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">分栏下拉菜单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">单列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">双列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">全部产品</div><div class="t-dropdown-menu__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none;font-size:24px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">默认排序</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-up-small t-dropdown-menu__icon" style="fill:none"><path id="caret-up-small" fill="currentColor" d="M12.0001 9L17.5 14.5L6.5 14.5L12.0001 9Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item t-dropdown-menu__item--disabled"><div class="t-dropdown-menu__title">禁用菜单</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">插槽样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div></div></div><div style="height:400px"></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dropdown-menu/_example/multiple.tsx 1`] = `"<div class="t-dropdown-menu"><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">单列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">双列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div><div class="t-dropdown-menu__item"><div class="t-dropdown-menu__title">三列多选</div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small t-dropdown-menu__icon" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></div></div>"`;