From c56b0fc414229b30ef00e0dd0e56754a71d3b04d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Wed, 14 Aug 2024 15:41:09 +0800 Subject: [PATCH 1/6] feat(globalConfig): support descriptions rate update steps --- src/_common | 2 +- src/config-provider/config-provider.en-US.md | 15 ++++ src/config-provider/config-provider.md | 76 ++++++++++++-------- src/config-provider/type.ts | 27 +++++++ src/descriptions/descriptions-row.tsx | 5 +- src/rate/rate.tsx | 7 +- src/steps/step-item.tsx | 6 +- 7 files changed, 100 insertions(+), 38 deletions(-) diff --git a/src/_common b/src/_common index 006b557d8f..00e1503047 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 006b557d8fe12d71b3d08445733fe583bfe06cd7 +Subproject commit 00e1503047af38df1321bd80752e3e37629d02b4 diff --git a/src/config-provider/config-provider.en-US.md b/src/config-provider/config-provider.en-US.md index 9c294b1cf7..bd0d1edd08 100644 --- a/src/config-provider/config-provider.en-US.md +++ b/src/config-provider/config-provider.en-US.md @@ -47,6 +47,7 @@ cascader | Object | - | Cascader global configs。Typescript：`CascaderConfig` classPrefix | String | t | \- | N colorPicker | Object | - | ColorPicker global configs。Typescript：`ColorPickerConfig` | N datePicker | Object | - | DatePicker global configs。Typescript：`DatePickerConfig` | N +descriptions | Object | - | Descriptions global configs。Typescript：`DescriptionsConfig` | N dialog | Object | - | Dialog global configs。Typescript：`DialogConfig` | N drawer | Object | - | Drawer global configs。Typescript：`DrawerConfig` | N form | Object | - | Form global configs。Typescript：`FormConfig` | N @@ -59,6 +60,7 @@ list | Object | - | List global configs。Typescript：`ListConfig` | N message | Object | - | Message Component global configs。Typescript：`MessageConfig` | N pagination | Object | - | Pagination global configs。Typescript：`PaginationConfig` | N popconfirm | Object | - | Popconfirm global configs。Typescript：`PopconfirmConfig` | N +rate | Object | - | Rate global configs。Typescript：`RateConfig` | N select | Object | - | Select global configs。Typescript：`SelectConfig` | N steps | Object | - | Steps global configs。Typescript：`StepsConfig` | N table | Object | - | Table global configs。Typescript：`TableConfig` | N @@ -307,6 +309,7 @@ closeIcon | Function | - | Typescript：`TNode`。[see more ts definition](https name | type | default | description | required -- | -- | -- | -- | -- +checkIcon | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N errorIcon | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N ### AlertConfig @@ -316,6 +319,12 @@ name | type | default | description | required collapseText | String | - | \- | N expandText | String | - | \- | N +### DescriptionsConfig + +name | type | default | description | required +-- | -- | -- | -- | -- +colon | String | - | colon on the right of label, ":" | N + ### AnchorConfig name | type | default | description | required @@ -354,3 +363,9 @@ finishButtonProps | Object | - | finish button in last step. `{ content: 'Finish nextButtonProps | Object | - | next step button. `{ content: 'Next Button', theme: 'primary' }`。Typescript：`ButtonProps` | N prevButtonProps | Object | - | previous step button. `{ content: 'Previous Step', theme: 'default' }`。Typescript：`ButtonProps` | N skipButtonProps | Object | - | skip button. `{ content: 'Skip', theme: 'default' }`。Typescript：`ButtonProps` | N + +### RateConfig + +name | type | default | description | required +-- | -- | -- | -- | -- +rateText | Array | - | Typescript：`string[]` | N diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md index f8ec7e324e..e2dc3b5755 100644 --- a/src/config-provider/config-provider.md +++ b/src/config-provider/config-provider.md @@ -36,7 +36,7 @@ Vue.createApp({}).use(TDesign) ## API ### GlobalConfigProvider -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- alert | Object | - | 警告全局配置。TS 类型：`AlertConfig` | N anchor | Object | - | 锚点全局配置。TS 类型：`AnchorConfig` | N @@ -46,6 +46,7 @@ cascader | Object | - | 级联选择器全局配置。TS 类型：`CascaderConfi classPrefix | String | t | CSS 类名前缀 | N colorPicker | Object | - | 颜色选择器全局配置。TS 类型：`ColorPickerConfig` | N datePicker | Object | - | 日期选择器全局配置。TS 类型：`DatePickerConfig` | N +descriptions | Object | - | 描述全局配置。TS 类型：`DescriptionsConfig` | N dialog | Object | - | 对话框全局配置。TS 类型：`DialogConfig` | N drawer | Object | - | 抽屉全局配置。TS 类型：`DrawerConfig` | N form | Object | - | 表单组件全局配置。TS 类型：`FormConfig` | N @@ -58,6 +59,7 @@ list | Object | - | 列表组件全局配置。TS 类型：`ListConfig` | N message | Object | - | 消息组件全局配置。TS 类型：`MessageConfig` | N pagination | Object | - | 分页组件全局配置。TS 类型：`PaginationConfig` | N popconfirm | Object | - | 气泡确认框全局配置。TS 类型：`PopconfirmConfig` | N +rate | Object | - | 评分全局配置。TS 类型：`RateConfig` | N select | Object | - | 选择器组件全局配置。TS 类型：`SelectConfig` | N steps | Object | - | 步骤条组件全局配置。TS 类型：`StepsConfig` | N table | Object | - | 表格组件全局配置。TS 类型：`TableConfig` | N @@ -70,14 +72,14 @@ upload | Object | - | 上传组件全局配置。TS 类型：`UploadConfig` | N ### InputConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- autocomplete | String | - | 是否开启自动填充功能 | N placeholder | String | - | 语言配置，“请输入”占位符描述文本 | N ### PaginationConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- itemsPerPage | String | - | 语言配置，每页条数文本，示例：`'{size} 条/页'` | N jumpTo | String | - | 语言配置，页码跳转文本，示例：'跳至' | N @@ -86,7 +88,7 @@ total | String | - | 语言配置，数据总条数文本，示例：`'共 {tota ### CalendarConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cellMonth | String | - | 语言配置，月份描述文本，示例：'一月,二月,三月,四月,五月,六月,七月,八月,九月,十月,十一月,十二月' | N controllerConfig | Object | - | 日历右上角控制器按钮配置。TS 类型：`CalendarController`，[Calendar API Documents](./calendar?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N @@ -104,7 +106,7 @@ yearSelection | String | - | 语言配置，“年”选择描述文本，示例 ### CascaderConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- empty | String | - | 语言配置，“暂无数据”描述文本 | N loadingText | String | - | 语言配置，“加载中”描述文本 | N @@ -112,7 +114,7 @@ placeholder | String | - | 语言配置，“请选择”占位描述文本 | N ### ColorPickerConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- clearConfirmText | String | - | 语言配置，“确定清空最近使用的颜色吗？”清空颜色确认文案 | N recentColorTitle | String | - | 语言配置，“最近使用颜色” 区域标题文本 | N @@ -120,7 +122,7 @@ swatchColorTitle | String | - | 语言配置，\"系统预设颜色\" 区域标 ### TransferConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- empty | String | - | 语言配置，“暂无数据”空数据描述文本 | N placeholder | String | - | 语言配置，“请输入关键词搜索”占位符描述文本 | N @@ -128,7 +130,7 @@ title | String | - | 语言配置，穿梭框标题描述文本，示例：“{c ### TimePickerConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- anteMeridiem | String | - | 语言配置，“上午”描述文本 | N confirm | String | - | 语言配置，“确定”描述文本 | N @@ -138,7 +140,7 @@ postMeridiem | String | - | 语言配置，“下午”描述文本 | N ### DatePickerConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- confirm | String | - | 语言配置，“确定” 描述文本 | N dayAriaLabel | String | - | 语言配置，“日” 描述文本 | N @@ -167,7 +169,7 @@ yearAriaLabel | String | - | 语言配置，“年” 描述文本 | N ### DialogConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cancel | Object | - | 取消按钮风格。TS 类型：`string \| ButtonProps`，[Button API Documents](./button?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N closeOnEscKeydown | Boolean | true | 按下 ESC 时是否触发对话框关闭事件 | N @@ -177,7 +179,7 @@ confirmBtnTheme | Object | - | 确认按钮主题色，即 Dialog 的 `theme` ### DrawerConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cancel | String | - | 语言配置，“取消”描述文本。TS 类型：`string \| ButtonProps` | N closeOnEscKeydown | Boolean | true | 按下 ESC 时是否触发抽屉关闭事件 | N @@ -187,7 +189,7 @@ size | String | 'small' | 尺寸配置，配置Drawer尺寸 | N ### PopconfirmConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cancel | String / Object | - | 语言配置，“取消”描述文本。TS 类型：`string \| ButtonProps`，[Button API Documents](./button?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N confirm | String / Object | - | 语言配置，“确定”描述文本。TS 类型：`string \| ButtonProps` | N @@ -195,7 +197,7 @@ confirmBtnTheme | Object | - | 确认按钮主题色，即 Popconfirm 的 `theme ### TableConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cancelText | String | - | 语言配置，“取消” 描述文本 | N clearFilterResultButtonText | String | - | 语言配置，过滤功能中，“清空筛选” 描述文本 | N @@ -221,7 +223,7 @@ treeExpandAndFoldIcon | Function | undefined | 树形结构，展开和折叠图 ### SelectConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- clearIcon | Function | - | 清除图标，【注意】使用渲染函数输出图标组件。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N empty | String | - | 语言配置，“暂无数据”描述文本 | N @@ -231,14 +233,14 @@ placeholder | String | - | 语言配置，“请选择”占位符描述文本 | ### TreeConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- empty | String | - | 语言配置，“暂无数据”描述文本 | N folderIcon | Function | - | 目录层级图标，传入收起状态图标即可。【注意】使用渲染函数输出图标组件。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N ### TreeSelectConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- empty | String | - | 语言配置，“暂无数据”描述文本 | N loadingText | String | - | 语言配置，“加载中”描述文本 | N @@ -246,14 +248,14 @@ placeholder | String | - | 语言配置，“请选择”占位符描述文本 | ### ListConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- loadingMoreText | String | - | 语言配置，'点击加载更多' 描述文本 | N loadingText | String | - | 语言配置，'正在加载中，请稍后' 描述文本 | N ### UploadConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- cancelUploadText | String | - | 语言配置，“取消上传” 描述文本 | N dragger | Object | - | 语言配置，拖拽相关。示例：{ dragDropText: '释放图标', draggingText: '拖拽到此区域', clickAndDragText: '点击上方“选择文件”或将文件拖到此区域' }。TS 类型：`UploadConfigDragger` | N @@ -264,7 +266,7 @@ triggerUploadText | Object | - | 语言配置，上传功能触发文案。示 ### UploadConfigProgress -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- failText | String | - | 语言配置，“上传失败”文本描述 | N successText | String | - | 语言配置，“上传成功”文本描述 | N @@ -273,7 +275,7 @@ waitingText | String | - | 语言配置，“待上传”文本描述 | N ### UploadConfigDragger -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- clickAndDragText | String | - | 语言配置，“ 点击上方“选择文件”或将文件拖到此区域 ” 描述文本 | N dragDropText | String | - | 语言配置，“释放图标” 描述文本 | N @@ -281,7 +283,7 @@ draggingText | String | - | 语言配置，'拖拽到此区域' 描述文本 | N ### UploadConfigFileList -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- fileNameText | String | - | 语言配置，“文件名” 描述文本 | N fileOperationDateText | String | - | 语言配置，“上传日期” 描述文本 | N @@ -291,46 +293,54 @@ fileStatusText | String | - | 语言配置，“状态” 描述文本 | N ### FormConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- +colon | String | - | 字段旁边的冒号，中文为“：” | N errorMessage | Object | - | 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }`。TS 类型：`FormErrorMessage`，[Form API Documents](./form?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N requiredMark | Boolean | true | 是否显示必填符号（*），默认显示 | N ### TagConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- closeIcon | Function | - | 关闭图标，【注意】使用渲染函数输出图标组件。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N ### StepsConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- +checkIcon | Slot / Function | - | 已完成步骤图标，【注意】使用渲染函数输出图标组件。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N errorIcon | Slot / Function | - | 错误步骤图标，【注意】使用渲染函数输出图标组件。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N ### AlertConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- collapseText | String | - | 语言配置，“收起”描述文本 | N expandText | String | - | 语言配置，“展开更多”描述文本 | N +### DescriptionsConfig + +名称 | 类型 | 默认值 | 描述 | 必传 +-- | -- | -- | -- | -- +colon | String | - | 字段旁边的冒号，中文为“：” | N + ### AnchorConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- copySuccessText | String | - | 语言配置，“链接复制成功”描述文本 | N copyText | String | - | 语言配置，“复制链接” 描述文本 | N ### MessageConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- `MessageOptions` | \- | - | 继承 `MessageOptions` 中的全部属性 | N ### ImageConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- errorText | String | - | 图片加载失败显示的文本，中文默认为“图片无法显示” | N loadingText | String | - | 图片加载中显示的文本，中文默认为“图片加载中” | N @@ -338,7 +348,7 @@ replaceImageSrc | Function | - | 统一替换图片 `src` 地址，参数为组 ### ImageViewerConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- errorText | String | - | 全局语言配置，默认为 “图片加载失败，可尝试重新加载” | N mirrorTipText | String | - | 全局语言配置，默认为 “镜像” | N @@ -347,9 +357,15 @@ rotateTipText | String | - | 全局语言配置，默认为 “旋转” | N ### GuideConfig -名称 | 类型 | 默认值 | 说明 | 必传 +名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- finishButtonProps | Object | - | 最后一步中的完成按钮，示例：`{ content: '完成', theme: 'primary' }`。TS 类型：`ButtonProps` | N nextButtonProps | Object | - | 下一步按钮，示例：`{ content: '下一步', theme: 'primary' }`。TS 类型：`ButtonProps` | N prevButtonProps | Object | - | 上一步按钮，示例：`{ content: '上一步', theme: 'default' }`。TS 类型：`ButtonProps` | N skipButtonProps | Object | - | 跳过按钮，示例：`{ content: '跳过', theme: 'default' }`。TS 类型：`ButtonProps` | N + +### RateConfig + +名称 | 类型 | 默认值 | 描述 | 必传 +-- | -- | -- | -- | -- +rateText | Array | - | 评分描述，默认值：['极差', '失望', '一般', '满意', '惊喜']。TS 类型：`string[]` | N diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts index 37e2fbcebd..9410d53886 100644 --- a/src/config-provider/type.ts +++ b/src/config-provider/type.ts @@ -46,6 +46,10 @@ export interface GlobalConfigProvider { * 日期选择器全局配置 */ datePicker?: DatePickerConfig; + /** + * 描述全局配置 + */ + descriptions?: DescriptionsConfig; /** * 对话框全局配置 */ @@ -94,6 +98,10 @@ export interface GlobalConfigProvider { * 气泡确认框全局配置 */ popconfirm?: PopconfirmConfig; + /** + * 评分全局配置 + */ + rate?: RateConfig; /** * 选择器组件全局配置 */ @@ -794,6 +802,10 @@ export interface TagConfig { } export interface StepsConfig { + /** + * 已完成步骤图标，【注意】使用渲染函数输出图标组件 + */ + checkIcon?: TNode; /** * 错误步骤图标，【注意】使用渲染函数输出图标组件 */ @@ -813,6 +825,14 @@ export interface AlertConfig { expandText?: string; } +export interface DescriptionsConfig { + /** + * 字段旁边的冒号，中文为“：” + * @default '' + */ + colon?: string; +} + export interface AnchorConfig { /** * 语言配置，“链接复制成功”描述文本 @@ -887,6 +907,13 @@ export interface GuideConfig { skipButtonProps?: ButtonProps; } +export interface RateConfig { + /** + * 评分描述，默认值：['极差', '失望', '一般', '满意', '惊喜'] + */ + rateText?: string[]; +} + export type AnimationType = 'ripple' | 'expand' | 'fade'; export type IconConfig = GlobalIconConfig; diff --git a/src/descriptions/descriptions-row.tsx b/src/descriptions/descriptions-row.tsx index 1831f569ca..46de051160 100644 --- a/src/descriptions/descriptions-row.tsx +++ b/src/descriptions/descriptions-row.tsx @@ -1,7 +1,7 @@ import { defineComponent, inject, PropType } from 'vue'; import { LayoutEnum } from '../common'; -import { usePrefixClass } from '../hooks/useConfig'; +import { useConfig, usePrefixClass } from '../hooks/useConfig'; import { descriptionsKey } from './const'; import { ItemsType, TdDescriptionItem } from './interface'; @@ -16,6 +16,7 @@ export default defineComponent({ setup(props) { const descriptionsProps = inject(descriptionsKey); const COMPONENT_NAME = usePrefixClass('descriptions'); + const { globalConfig } = useConfig('descriptions'); const label = (node: TdDescriptionItem, layout: LayoutEnum = 'horizontal') => { const labelClass = [`${COMPONENT_NAME.value}__label`]; @@ -34,7 +35,7 @@ export default defineComponent({ return ( {label} - {descriptionsProps.colon && ':'} + {descriptionsProps.colon && globalConfig.value.colon} ); }; diff --git a/src/rate/rate.tsx b/src/rate/rate.tsx index 965bba536e..211292a380 100644 --- a/src/rate/rate.tsx +++ b/src/rate/rate.tsx @@ -12,6 +12,7 @@ export default defineComponent({ props: { ...props }, setup(props, { slots }) { const renderTNodeJSX = useTNodeJSX(); + const { globalConfig } = useConfig('rate'); const activeColor = isArray(props.color) ? props.color[0] : props.color; const defaultColor = isArray(props.color) ? props.color[1] : 'var(--td-bg-color-component)'; @@ -23,9 +24,7 @@ export default defineComponent({ const root = ref(); const displayValue = computed(() => Number(hoverValue.value || starValue.value)); - const displayTexts = computed(() => - props.texts.length === 0 ? ['极差', '失望', '一般', '满意', '惊喜'] : props.texts, - ); + const displayTexts = computed(() => (props.texts.length === 0 ? globalConfig.value.rateText : props.texts)); const displayText = computed(() => displayTexts.value[Math.ceil(displayValue.value - 1)]); // 评分图标 @@ -112,7 +111,7 @@ export default defineComponent({ ))} - {props.showText &&
{displayText.value}
} + {props.showText &&
{displayText.value}
} ); }; diff --git a/src/steps/step-item.tsx b/src/steps/step-item.tsx index dc769dda2a..3164ba8df1 100644 --- a/src/steps/step-item.tsx +++ b/src/steps/step-item.tsx @@ -44,7 +44,11 @@ export default defineComponent({ let icon: SlotReturnValue = ''; switch (props.status) { case 'finish': - icon = ; + if (isFunction(globalConfig.value.checkIcon)) { + icon = globalConfig.value.checkIcon(h); + } else { + icon = ; + } break; case 'error': if (isFunction(globalConfig.value.errorIcon)) { From 023956d0fd42dcc7374a30461bedb0ea68e75a3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Thu, 15 Aug 2024 11:31:07 +0800 Subject: [PATCH 2/6] feat: colonText --- src/config-provider/config-provider.en-US.md | 3 ++- src/config-provider/config-provider.md | 4 ++-- src/config-provider/type.ts | 7 ++++++- src/descriptions/descriptions-row.tsx | 2 +- src/form/form-item.tsx | 2 +- 5 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/config-provider/config-provider.en-US.md b/src/config-provider/config-provider.en-US.md index bd0d1edd08..e779de19cb 100644 --- a/src/config-provider/config-provider.en-US.md +++ b/src/config-provider/config-provider.en-US.md @@ -296,6 +296,7 @@ fileStatusText | String | - | \- | N name | type | default | description | required -- | -- | -- | -- | -- +colonText | String | - | colon on the right of label ":" | N errorMessage | Object | - | Typescript：`FormErrorMessage`，[Form API Documents](./form?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N requiredMark | Boolean | true | \- | N @@ -323,7 +324,7 @@ expandText | String | - | \- | N name | type | default | description | required -- | -- | -- | -- | -- -colon | String | - | colon on the right of label, ":" | N +colonText | String | - | colon on the right of label, ":" | N ### AnchorConfig diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md index e2dc3b5755..229c142c8a 100644 --- a/src/config-provider/config-provider.md +++ b/src/config-provider/config-provider.md @@ -295,7 +295,7 @@ fileStatusText | String | - | 语言配置，“状态” 描述文本 | N 名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- -colon | String | - | 字段旁边的冒号，中文为“：” | N +colonText | String | - | 字段旁边的冒号，中文为“：” | N errorMessage | Object | - | 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }`。TS 类型：`FormErrorMessage`，[Form API Documents](./form?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/config-provider/type.ts) | N requiredMark | Boolean | true | 是否显示必填符号（*），默认显示 | N @@ -323,7 +323,7 @@ expandText | String | - | 语言配置，“展开更多”描述文本 | N 名称 | 类型 | 默认值 | 描述 | 必传 -- | -- | -- | -- | -- -colon | String | - | 字段旁边的冒号，中文为“：” | N +colonText | String | - | 字段旁边的冒号，中文为“：” | N ### AnchorConfig diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts index 9410d53886..98c46c0fde 100644 --- a/src/config-provider/type.ts +++ b/src/config-provider/type.ts @@ -783,6 +783,11 @@ export interface UploadConfigFileList { } export interface FormConfig { + /** + * 字段旁边的冒号，中文为“：” + * @default '' + */ + colonText?: string; /** * 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }` */ @@ -830,7 +835,7 @@ export interface DescriptionsConfig { * 字段旁边的冒号，中文为“：” * @default '' */ - colon?: string; + colonText?: string; } export interface AnchorConfig { diff --git a/src/descriptions/descriptions-row.tsx b/src/descriptions/descriptions-row.tsx index 46de051160..0ee70e5f3d 100644 --- a/src/descriptions/descriptions-row.tsx +++ b/src/descriptions/descriptions-row.tsx @@ -35,7 +35,7 @@ export default defineComponent({ return ( {label} - {descriptionsProps.colon && globalConfig.value.colon} + {descriptionsProps.colon && globalConfig.value.colonText} ); }; diff --git a/src/form/form-item.tsx b/src/form/form-item.tsx index 1ae9bef043..c271b9b6cb 100644 --- a/src/form/form-item.tsx +++ b/src/form/form-item.tsx @@ -94,7 +94,6 @@ export default defineComponent({ CLASS_NAMES.value.label, { [`${FROM_LABEL.value}--required`]: needRequiredMark.value, - [`${FROM_LABEL.value}--colon`]: hasColon.value, [`${FROM_LABEL.value}--top`]: hasLabel.value && (labelAlign.value === 'top' || !labelWidth.value), [`${FROM_LABEL.value}--left`]: labelAlign.value === 'left' && labelWidth.value, [`${FROM_LABEL.value}--right`]: labelAlign.value === 'right' && labelWidth.value, @@ -116,6 +115,7 @@ export default defineComponent({ return (
+ {hasColon.value && globalConfig.value.colonText}
); }; From c5a1079b7c3c23497d47e597533ef00f459bcb5a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Fri, 16 Aug 2024 09:07:39 +0800 Subject: [PATCH 3/6] chore: update common --- src/_common | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_common b/src/_common index 00e1503047..1ae65fd277 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 00e1503047af38df1321bd80752e3e37629d02b4 +Subproject commit 1ae65fd277c668c29481299772632fcec1c7645a From a5de4d87012f4342d9aa4ea68eb2e2e813595d47 Mon Sep 17 00:00:00 2001 From: Uyarn Date: Fri, 16 Aug 2024 15:39:01 +0800 Subject: [PATCH 4/6] chore: fix lint --- src/config-provider/useConfig.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/config-provider/useConfig.tsx b/src/config-provider/useConfig.tsx index 455167f383..9962f76547 100644 --- a/src/config-provider/useConfig.tsx +++ b/src/config-provider/useConfig.tsx @@ -24,7 +24,7 @@ export function useConfig( componentLocale?: GlobalConfigProvider[T], ) { const injectGlobalConfig = getCurrentInstance() ? inject(configProviderInjectKey, null) : globalConfigCopy; - const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || (defaultGlobalConfig as GlobalConfigProvider)); + const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || defaultGlobalConfig); const globalConfig = computed(() => Object.assign({}, mergedGlobalConfig.value[componentName], componentLocale)); const classPrefix = computed(() => { @@ -68,7 +68,9 @@ export function useConfig( */ export const provideConfig = (props: ConfigProviderProps) => { const defaultData = cloneDeep(defaultGlobalConfig); - const mergedGlobalConfig = computed(() => mergeWith(defaultData, props.globalConfig)); + const mergedGlobalConfig = computed(() => + mergeWith(defaultData as unknown as GlobalConfigProvider, props.globalConfig), + ); provide(configProviderInjectKey, mergedGlobalConfig); From bd1096eafd374fa6f69cc8d1c6cf59162033dfcf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Fri, 16 Aug 2024 15:50:15 +0800 Subject: [PATCH 5/6] test: fix colon test case --- src/descriptions/__tests__/index.test.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/descriptions/__tests__/index.test.jsx b/src/descriptions/__tests__/index.test.jsx index 006c2d59be..5d207a3713 100644 --- a/src/descriptions/__tests__/index.test.jsx +++ b/src/descriptions/__tests__/index.test.jsx @@ -21,7 +21,7 @@ describe('Descriptions', () => { it(':colon', () => { const wrapper = getDescriptionsMount({ colon: true }); const label = wrapper.find('.t-descriptions__label'); - expect(label.text()).toMatch(/:$/); + expect(label.text()).toMatch(/：$/); }); it(':size', () => { From 6ac4d616b9f093210cf8f16e5123d9ceb7e05613 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 16 Aug 2024 12:40:47 +0000 Subject: [PATCH 6/6] chore: update snapshot --- test/unit/snap/__snapshots__/csr.test.js.snap | 151 +++++++++++++++--- test/unit/snap/__snapshots__/ssr.test.js.snap | 40 ++--- 2 files changed, 146 insertions(+), 45 deletions(-) diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap index d899d96281..c1509b5bde 100644 --- a/test/unit/snap/__snapshots__/csr.test.js.snap +++ b/test/unit/snap/__snapshots__/csr.test.js.snap @@ -17014,6 +17014,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/first-day-of-week. +
csr test ./src/calendar/_example/mode.vue 1`] = ` +
csr test ./src/calendar/_example/value.vue 1`] = ` +
csr test ./src/calendar/_example/value.vue 1`] = ` +
csr test ./src/config-provider/_example/others.vue +
csr test ./src/config-provider/_example/others.vue +
csr test ./src/descriptions/_example/colon.vue 1`] colspan="1" > Name - : + ： csr test ./src/descriptions/_example/colon.vue 1`] colspan="1" > Telephone Number - : + ： csr test ./src/descriptions/_example/colon.vue 1`] colspan="1" > Area - : + ： csr test ./src/descriptions/_example/colon.vue 1`] colspan="1" > Address - : + ： csr test ./src/descriptions/_example/nest.vue 1`] = style="background: rgb(244, 244, 244);" > City - : + ： csr test ./src/descriptions/_example/nest.vue 1`] = style="background: rgb(244, 244, 244);" > Detail - : + ： csr test ./src/form/_example/align.vue 1`] = ` +
csr test ./src/form/_example/align.vue 1`] = ` +
csr test ./src/form/_example/align.vue 1`] = ` +
csr test ./src/form/_example/base.vue 1`] = ` class="t-form__item t-form-item__name" >
+ ：
csr test ./src/form/_example/base.vue 1`] = ` class="t-form__item t-form-item__tel" >
+ ：
csr test ./src/form/_example/base.vue 1`] = ` class="t-form__item t-form-item__status" >
+ ：
csr test ./src/form/_example/base.vue 1`] = ` class="t-form__item t-form-item__gender" >
+ ：
csr test ./src/form/_example/base.vue 1`] = ` class="t-form__item t-form-item__course" >
+ ：
csr test ./src/form/_example/base.vue 1`] = ` +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/clear-validate.vue 1`] +
csr test ./src/form/_example/custom-validator.vue 1 +
csr test ./src/form/_example/custom-validator.vue 1 +
csr test ./src/form/_example/custom-validator.vue 1 +
csr test ./src/form/_example/custom-validator.vue 1 +
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__name" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__college" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__address1" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__address2" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__date" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__personalProfile" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__message" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__gender" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__course" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__gradePoint" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` class="t-form__item t-form-item__avatar" >
+ ：
csr test ./src/form/_example/disabled.vue 1`] = ` +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/error-message.vue 1`] +
csr test ./src/form/_example/layout.vue 1`] = ` +
csr test ./src/form/_example/layout.vue 1`] = ` +
csr test ./src/form/_example/reset.vue 1`] = ` class="t-form__item t-form-item__name" >
+ ：
csr test ./src/form/_example/reset.vue 1`] = ` class="t-form__item t-form-item__tel" >
+ ：
csr test ./src/form/_example/reset.vue 1`] = ` class="t-form__item t-form-item__course" >
+ ：
csr test ./src/form/_example/reset.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/size.vue 1`] = ` +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-complicated-d +
csr test ./src/form/_example/validate-message.vue 1 +
csr test ./src/form/_example/validate-message.vue 1 +
csr test ./src/form/_example/validate-message.vue 1 +
csr test ./src/form/_example/validate-message.vue 1 +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator.vue 1`] = ` +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/form/_example/validator-status.vue 1 +
csr test ./src/input-number/_example/status.vue 1`] +
csr test ./src/input-number/_example/status.vue 1`] +
csr test ./src/input-number/_example/status.vue 1`] +
csr test ./src/input-number/_example/status.vue 1`] +
ssr test ./src/calendar/_example/events.vue 1`] = ` exports[`ssr snapshot test > ssr test ./src/calendar/_example/filter.vue 1`] = `"
2020 年
12 月
显示周末
一二三四五
30
01
02
03
04
07
08
09
10
11
14
15
16
17
18
21
22
23
24
25
28
29
30
31
01
"`; -exports[`ssr snapshot test > ssr test ./src/calendar/_example/first-day-of-week.vue 1`] = `"
2020 年
12 月
隐藏周末
三四五六日一二
25
26
27
28
29
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
"`; +exports[`ssr snapshot test > ssr test ./src/calendar/_example/first-day-of-week.vue 1`] = `"
2020 年
12 月
隐藏周末
三四五六日一二
25
26
27
28
29
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
"`; exports[`ssr snapshot test > ssr test ./src/calendar/_example/head.vue 1`] = `"
🗓 TDesign开发计划
2020 年
12 月
隐藏周末
一二三四五六日
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test ./src/calendar/_example/mode.vue 1`] = `"
2020 年
隐藏周末
1 月
2 月
3 月
4 月
5 月
6 月
7 月
8 月
9 月
10 月
11 月
12 月
"`; +exports[`ssr snapshot test > ssr test ./src/calendar/_example/mode.vue 1`] = `"
2020 年
隐藏周末
1 月
2 月
3 月
4 月
5 月
6 月
7 月
8 月
9 月
10 月
11 月
12 月
"`; exports[`ssr snapshot test > ssr test ./src/calendar/_example/range.vue 1`] = `"
2020 年
12 月
隐藏周末
一二三四五六日
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; exports[`ssr snapshot test > ssr test ./src/calendar/_example/slot-props-api.vue 1`] = `"
2020-12 工作安排
2020 年
12 月
隐藏周末
一二三四五六日
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
错误事件
警告事件
正常事件
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; -exports[`ssr snapshot test > ssr test ./src/calendar/_example/value.vue 1`] = `"

单个高亮日期

1998 年
11 月
隐藏周末
一二三四五六日
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06

多个高亮日期

1998 年
11 月
隐藏周末
一二三四五六日
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06
"`; +exports[`ssr snapshot test > ssr test ./src/calendar/_example/value.vue 1`] = `"

单个高亮日期

1998 年
11 月
隐藏周末
一二三四五六日
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06

多个高亮日期

1998 年
11 月
隐藏周末
一二三四五六日
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06
"`; exports[`ssr snapshot test > ssr test ./src/calendar/_example/week.vue 1`] = `"

使用插槽

2020 年
12 月
隐藏周末
星期1星期2星期3星期4星期5星期6星期天
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03

使用week属性 - Array

2020 年
12 月
隐藏周末
星期1星期2星期3星期4星期5星期6星期天
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03

使用week属性 - TNode

2020 年
12 月
隐藏周末
星期1星期2周三啦星期4星期5放假啦放假啦
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; @@ -299,7 +299,7 @@ exports[`ssr snapshot test > ssr test ./src/config-provider/_example/global.vue exports[`ssr snapshot test > ssr test ./src/config-provider/_example/input.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/config-provider/_example/others.vue 1`] = `"


0 / 20
0 / 0
Empty Data





















Feature Tag
Feature Tag
Feature Tag
Feature Tag


Tree Empty Data


Department A
Department B



First Step
You need to click the blue button
Second Step
Fill your base information into the form
Error Step
Something Wrong! Custom Error Icon!
4
Last Step
You haven't finish this step.


loading
"`; +exports[`ssr snapshot test > ssr test ./src/config-provider/_example/others.vue 1`] = `"


0 / 20
0 / 0
Empty Data





















Feature Tag
Feature Tag
Feature Tag
Feature Tag


Tree Empty Data


Department A
Department B



First Step
You need to click the blue button
Second Step
Fill your base information into the form
Error Step
Something Wrong! Custom Error Icon!
4
Last Step
You haven't finish this step.


loading
"`; exports[`ssr snapshot test > ssr test ./src/config-provider/_example/pagination.vue 1`] = `"
Total 36 items
10 / page
  • 1
  • 2
  • 3
  • 4
jump to
/ 4
"`; @@ -337,7 +337,7 @@ exports[`ssr snapshot test > ssr test ./src/descriptions/_example/base.vue 1`] = exports[`ssr snapshot test > ssr test ./src/descriptions/_example/bordered.vue 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center
"`; -exports[`ssr snapshot test > ssr test ./src/descriptions/_example/colon.vue 1`] = `"
Shipping address
Name:TDesignTelephone Number:139****0609Area:China Tencent Headquarters
Address:Shenzhen Penguin Island D1 4A Mail Center
"`; +exports[`ssr snapshot test > ssr test ./src/descriptions/_example/colon.vue 1`] = `"
Shipping address
Name：TDesignTelephone Number：139****0609Area：China Tencent Headquarters
Address：Shenzhen Penguin Island D1 4A Mail Center
"`; exports[`ssr snapshot test > ssr test ./src/descriptions/_example/column.vue 1`] = `"
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; @@ -347,7 +347,7 @@ exports[`ssr snapshot test > ssr test ./src/descriptions/_example/items.vue 1`] exports[`ssr snapshot test > ssr test ./src/descriptions/_example/layout.vue 1`] = `"
layout：
itemLayout：
Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center
"`; -exports[`ssr snapshot test > ssr test ./src/descriptions/_example/nest.vue 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddress
City:ShenzhenDetail:Penguin Island D1 4A Mail Center
"`; +exports[`ssr snapshot test > ssr test ./src/descriptions/_example/nest.vue 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddress
City：ShenzhenDetail：Penguin Island D1 4A Mail Center
"`; exports[`ssr snapshot test > ssr test ./src/descriptions/_example/size.vue 1`] = `"
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center
"`; @@ -425,33 +425,33 @@ exports[`ssr snapshot test > ssr test ./src/dropdown/_example/split.vue 1`] = `" exports[`ssr snapshot test > ssr test ./src/dropdown/_example/theme.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/align.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/align.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/base.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/base.vue 1`] = `"
：
：
：
：
：
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/clear-validate.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/clear-validate.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/custom-validator.vue 1`] = `"
同一个校验方法可输出不同的错误信息和类型，依次输入：1234 观察变化
自定义异步校验方法
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/custom-validator.vue 1`] = `"
同一个校验方法可输出不同的错误信息和类型，依次输入：1234 观察变化
自定义异步校验方法
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/disabled.vue 1`] = `"
接受
  • 图片加载中
请选择单张图片文件上传
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/disabled.vue 1`] = `"
：
：
：
：
：
：
：
接受
：
：
：
：
  • 图片加载中
请选择单张图片文件上传
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/error-message.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/error-message.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/layout.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/layout.vue 1`] = `"
"`; exports[`ssr snapshot test > ssr test ./src/form/_example/login.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/reset.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/reset.vue 1`] = `"
：
：
：
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/size.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/size.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/validate-complicated-data.vue 1`] = `"
学生1
学生2
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/validate-complicated-data.vue 1`] = `"
学生1
学生2
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/validate-message.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/validate-message.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/validator.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/validator.vue 1`] = `"
这是用户名字段帮助说明
一句话介绍自己
"`; -exports[`ssr snapshot test > ssr test ./src/form/_example/validator-status.vue 1`] = `"
"`; +exports[`ssr snapshot test > ssr test ./src/form/_example/validator-status.vue 1`] = `"
"`; exports[`ssr snapshot test > ssr test ./src/grid/_example/base.vue 1`] = `"
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
12
"`; @@ -593,7 +593,7 @@ exports[`ssr snapshot test > ssr test ./src/input-number/_example/normal.vue 1`] exports[`ssr snapshot test > ssr test ./src/input-number/_example/size.vue 1`] = `"
"`; -exports[`ssr snapshot test > ssr test ./src/input-number/_example/status.vue 1`] = `"
这是普通文本提示

校验通过文本提示

校验不通过文本提示

校验存在严重问题文本提示

"`; +exports[`ssr snapshot test > ssr test ./src/input-number/_example/status.vue 1`] = `"
这是普通文本提示

校验通过文本提示

校验不通过文本提示

校验存在严重问题文本提示

"`; exports[`ssr snapshot test > ssr test ./src/input-number/_example/step.vue 1`] = `"
"`;