diff --git a/src/rate/Rate.tsx b/src/rate/Rate.tsx index de5e9d80..2ab1b43c 100644 --- a/src/rate/Rate.tsx +++ b/src/rate/Rate.tsx @@ -1,10 +1,10 @@ import { useSize } from 'ahooks'; import cx from 'classnames'; import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react'; -import { usePrefixClass } from 'tdesign-mobile-react/hooks/useClass'; import useDefault from '../_util/useDefault'; import type { StyledProps } from '../common'; import useDefaultProps from '../hooks/useDefaultProps'; +import { usePrefixClass } from '../hooks/useClass'; import { rateDefaultProps } from './defaultProps'; import { RateIcon } from './RateIcon'; import { RateText } from './RateText'; diff --git a/src/rate/RateIcon.tsx b/src/rate/RateIcon.tsx index f8b5ba14..9afc0b35 100644 --- a/src/rate/RateIcon.tsx +++ b/src/rate/RateIcon.tsx @@ -1,7 +1,7 @@ import cx from 'classnames'; import React, { cloneElement, ReactNode, useMemo, useRef } from 'react'; import { StarFilledIcon } from 'tdesign-icons-react'; -import { usePrefixClass } from 'tdesign-mobile-react/hooks/useClass'; +import { usePrefixClass } from '../hooks/useClass'; import { TdRateProps } from './type'; type Props = Required> & { diff --git a/src/rate/RateText.tsx b/src/rate/RateText.tsx index e9b87bd0..dac45273 100644 --- a/src/rate/RateText.tsx +++ b/src/rate/RateText.tsx @@ -1,6 +1,6 @@ import cx from 'classnames'; import React from 'react'; -import { usePrefixClass } from 'tdesign-mobile-react/hooks/useClass'; +import { usePrefixClass } from '../hooks/useClass'; import { TdRateProps } from './type'; type Props = { diff --git a/src/rate/RateTips.tsx b/src/rate/RateTips.tsx index 6226f5a7..37bf01bd 100644 --- a/src/rate/RateTips.tsx +++ b/src/rate/RateTips.tsx @@ -1,7 +1,7 @@ import { useClickAway } from 'ahooks'; import cx from 'classnames'; import React, { ReactNode, useRef } from 'react'; -import { usePrefixClass } from 'tdesign-mobile-react/hooks/useClass'; +import { usePrefixClass } from '../hooks/useClass'; import { TdRateProps } from './type'; type Props = { diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index 727169d6..3e3120ab 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -39512,6 +39512,3712 @@ exports[`csr snapshot test > csr test src/radio/_example/status.tsx 1`] = ` `; +exports[`csr snapshot test > csr test src/rate/_example/action.tsx 1`] = ` +
+
+
+
+
+ 点击或滑动 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/base.tsx 1`] = ` +
+
+
+
+
+ 实心评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/color.tsx 1`] = ` +
+
+
+
+
+
+
+ 选中及未选中颜色 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 仅选中颜色 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/count.tsx 1`] = ` +
+
+
+
+
+ 自定义评分数量 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/custom.tsx 1`] = ` +
+
+
+
+
+ 自定义评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/index.tsx 1`] = ` +
+
+

+ Rate 评分 +

+

+ 用于对某行为/事物进行打分。 +

+
+
+
+

+ 01 类型 +

+

+ 实心评分 +

+
+
+
+
+
+
+ 实心评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ +

+ 自定义评分 +

+
+
+
+
+
+
+ 自定义评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ +

+ 自定义数量评分 +

+
+
+
+
+
+
+ 自定义评分数量 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ +

+ 带描述评分 +

+
+
+
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 很差 + +
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 5分 + +
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 未评分 + +
+
+
+
+
+
+
+
+ +

+ 评分弹框位置 +

+
+
+
+
+
+
+
+
+ 顶部显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 底部显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 不显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+
+
+

+ 02 组件状态 +

+

+ 只可选全星时 +

+
+
+
+
+
+
+ 点击或滑动 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ +

+ 可选半星时 +

+
+
+
+
+
+
+ 点击或滑动 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+

+ 03 组件样式 +

+

+ 评分打小 +

+
+
+
+
+
+
+
+
+ 大尺寸24 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 小尺寸20 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+
+
+ +

+ 设置评分颜色 +

+
+
+
+
+
+
+
+
+ 选中及未选中颜色 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 仅选中颜色 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+
+
+

+ 04 特殊样式 +

+

+ 竖向带描述评分 +

+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ 可以尝试 +
+
+
+
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/placement.tsx 1`] = ` +
+
+
+
+
+
+
+ 顶部显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 底部显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 不显示 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/show-text.tsx 1`] = ` +
+
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 很差 + +
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 5分 + +
+
+
+
+
+
+ 带描述评分 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + 未评分 + +
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/size.tsx 1`] = ` +
+
+
+
+
+
+
+ 大尺寸24 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ 小尺寸20 +
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+`; + +exports[`csr snapshot test > csr test src/rate/_example/special.tsx 1`] = ` +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ 可以尝试 +
+
+
+`; + exports[`csr snapshot test > csr test src/result/_example/custom.tsx 1`] = `
ssr test src/radio/_example/placement.tsx 1`] = `"< exports[`ssr snapshot test > ssr test src/radio/_example/status.tsx 1`] = `"
选项禁用-已选
选项禁用-默认
"`; +exports[`ssr snapshot test > ssr test src/rate/_example/action.tsx 1`] = `"
点击或滑动
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/base.tsx 1`] = `"
实心评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/color.tsx 1`] = `"
选中及未选中颜色
仅选中颜色
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/count.tsx 1`] = `"
自定义评分数量
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/custom.tsx 1`] = `"
自定义评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/index.tsx 1`] = `"

Rate 评分

用于对某行为/事物进行打分。

01 类型

实心评分

实心评分

自定义评分

自定义评分

自定义数量评分

自定义评分数量

带描述评分

带描述评分
很差
带描述评分
5分
带描述评分
未评分

评分弹框位置

顶部显示
底部显示
不显示

02 组件状态

只可选全星时

点击或滑动

可选半星时

点击或滑动

03 组件样式

评分打小

大尺寸24
小尺寸20

设置评分颜色

选中及未选中颜色
仅选中颜色

04 特殊样式

竖向带描述评分

可以尝试
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/placement.tsx 1`] = `"
顶部显示
底部显示
不显示
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/show-text.tsx 1`] = `"
带描述评分
很差
带描述评分
5分
带描述评分
未评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/size.tsx 1`] = `"
大尺寸24
小尺寸20
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/special.tsx 1`] = `"
可以尝试
"`; + exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"
自定义结果
描述文字
"`; exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

结果反馈

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index ea2a563b..80e9404f 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -350,6 +350,26 @@ exports[`ssr snapshot test > ssr test src/radio/_example/placement.tsx 1`] = `"< exports[`ssr snapshot test > ssr test src/radio/_example/status.tsx 1`] = `"
选项禁用-已选
选项禁用-默认
"`; +exports[`ssr snapshot test > ssr test src/rate/_example/action.tsx 1`] = `"
点击或滑动
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/base.tsx 1`] = `"
实心评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/color.tsx 1`] = `"
选中及未选中颜色
仅选中颜色
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/count.tsx 1`] = `"
自定义评分数量
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/custom.tsx 1`] = `"
自定义评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/index.tsx 1`] = `"

Rate 评分

用于对某行为/事物进行打分。

01 类型

实心评分

实心评分

自定义评分

自定义评分

自定义数量评分

自定义评分数量

带描述评分

带描述评分
很差
带描述评分
5分
带描述评分
未评分

评分弹框位置

顶部显示
底部显示
不显示

02 组件状态

只可选全星时

点击或滑动

可选半星时

点击或滑动

03 组件样式

评分打小

大尺寸24
小尺寸20

设置评分颜色

选中及未选中颜色
仅选中颜色

04 特殊样式

竖向带描述评分

可以尝试
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/placement.tsx 1`] = `"
顶部显示
底部显示
不显示
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/show-text.tsx 1`] = `"
带描述评分
很差
带描述评分
5分
带描述评分
未评分
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/size.tsx 1`] = `"
大尺寸24
小尺寸20
"`; + +exports[`ssr snapshot test > ssr test src/rate/_example/special.tsx 1`] = `"
可以尝试
"`; + exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"
自定义结果
描述文字
"`; exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

结果反馈

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`;