From e36d1b88c819c3a8cc022282419bd284142efd0f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= Date: Thu, 16 May 2024 20:07:17 +0800 Subject: [PATCH] chore: release 1.9.4-naruto (#3180) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(upload): fix options method (#3155) * chore: update common * fix(upload): fix options method * chore: update common --------- Co-authored-by: Uyarn * chore: fix docs (#3161) * chore: fix docs * chore: fix lint * fix(color-picker): 修复切换预览颜色时，通道按钮位置不变的问题 (#3163) * feat(input): add borderless mode (#3162) * feat: add label prop API for date pickers and range input (#3169) --------- Signed-off-by: Siubeng Co-authored-by: Uyarn * fix(range-input): 修复 prefix/suffix 内容未应用居中样式的问题 (#3175) * fix(range-input): add missing classes to fix unexpected align of prefix/suffix in component * test(range-input): update snapshots for range-input and related components * fix(select): fix default value missing (#3177) * fix(select): fix default value missing * chore: update snapshot * chore: update common to synchronize style and docs fix (#3178) * chore: release 1.9.4-naruto --------- Signed-off-by: Siubeng Co-authored-by: Yunfei Shen Co-authored-by: fennghuang <89014758+fennghuang@users.noreply.github.com> Co-authored-by: Siubeng --- helper/attributes.json | 6 +- helper/web-types.json | 6 +- package.json | 4 +- src/_common | 2 +- src/color-picker/panel/slider.tsx | 4 +- src/date-picker/DatePicker.tsx | 1 + src/date-picker/DateRangePicker.tsx | 1 + src/date-picker/date-picker.md | 2 + src/date-picker/date-range-picker-props.ts | 4 + src/date-picker/props.ts | 4 + src/date-picker/type.ts | 8 ++ src/dialog/dialog.tsx | 2 +- src/input/_example/borderless.vue | 7 ++ src/input/input.md | 2 +- src/input/input.tsx | 1 + src/radio/props.ts | 2 +- src/radio/radio.md | 4 +- src/radio/type.ts | 2 +- src/range-input/range-input-popup-props.ts | 4 + src/range-input/range-input-popup.tsx | 1 + src/range-input/range-input.tsx | 2 + src/range-input/type.ts | 4 + .../__snapshots__/index.test.jsx.snap | 21 ++--- src/select/props.ts | 7 +- src/select/select-panel.tsx | 2 +- .../filter-controlled.vue | 2 +- .../_example-composition/single-sort.vue | 2 +- src/table/_example/filter-controlled.vue | 2 +- src/table/_example/single-sort.vue | 2 +- src/table/base-table.tsx | 2 +- src/tree/hooks/useTreeScroll.ts | 2 +- src/upload/_usage/props.json | 8 +- src/upload/props.ts | 2 +- src/upload/type.ts | 2 +- src/upload/upload.en-US.md | 2 +- src/upload/upload.md | 2 +- test/snap/__snapshots__/csr.test.js.snap | 94 ++++++++++++++----- test/snap/__snapshots__/ssr.test.js.snap | 32 ++++--- 38 files changed, 174 insertions(+), 83 deletions(-) create mode 100644 src/input/_example/borderless.vue diff --git a/helper/attributes.json b/helper/attributes.json index 152ec3736..5d3af9056 100644 --- a/helper/attributes.json +++ b/helper/attributes.json @@ -1505,7 +1505,7 @@ }, "t-checkbox/click": { "type": "event", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/checkbox?tab=api#checkbox-events)" + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/checkbox?tab=api#checkbox-events)" }, "t-checkbox-group/max": { "type": "Number", @@ -4572,11 +4572,11 @@ }, "t-radio/click": { "type": "event", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events)" + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events)" }, "t-radio-button/click": { "type": "event", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events)" + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景\n\n[docs](https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events)" }, "t-radio-group/allow-uncheck": { "type": "Boolean", diff --git a/helper/web-types.json b/helper/web-types.json index b10a614c2..e5e5a1a5d 100644 --- a/helper/web-types.json +++ b/helper/web-types.json @@ -4030,7 +4030,7 @@ }, { "name": "click", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景", + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景", "doc-url": "https://tdesign.tencent.com/vue/components/checkbox?tab=api#checkbox-events" } ] @@ -12143,7 +12143,7 @@ }, { "name": "click", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景", + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景", "doc-url": "https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events" } ] @@ -12243,7 +12243,7 @@ }, { "name": "click", - "description": "trigger on click\n\n点击时出发，一般用于外层阻止冒泡场景", + "description": "trigger on click\n\n点击时触发，一般用于外层阻止冒泡场景", "doc-url": "https://tdesign.tencent.com/vue/components/radio?tab=api#radio-events" } ] diff --git a/package.json b/package.json index b974521a2..15f6cba48 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "tdesign-vue", "purename": "tdesign", - "version": "1.9.3-naruto", + "version": "1.9.4-naruto", "description": "tdesign-vue", "title": "tdesign-vue", "keywords": [ @@ -91,7 +91,7 @@ "@types/tinycolor2": "^1.4.3", "@types/validator": "^13.1.3", "clipboard": "^2.0.8", - "dayjs": "^1.9.7", + "dayjs": "1.11.10", "lodash": "^4.17.21", "mitt": "^3.0.0", "raf": "^3.4.1", diff --git a/src/_common b/src/_common index fc0041ca1..d148b55b4 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit fc0041ca123b8e9871dce6a232d094a5af4df7ec +Subproject commit d148b55b4d0c9e52d18cd49f16a7db3b2107ee34 diff --git a/src/color-picker/panel/slider.tsx b/src/color-picker/panel/slider.tsx index dd40b1980..3b805fa0e 100644 --- a/src/color-picker/panel/slider.tsx +++ b/src/color-picker/panel/slider.tsx @@ -48,9 +48,9 @@ export default defineComponent({ if (!width) { return; } - const left = Math.round((props.value / props.maxValue) * width); + const left = Math.round((props.value / props.maxValue) * 100); return { - left: `${left}px`, + left: `${left}%`, color: props.color.rgb, }; }); diff --git a/src/date-picker/DatePicker.tsx b/src/date-picker/DatePicker.tsx index d1cbd2448..461e0f267 100644 --- a/src/date-picker/DatePicker.tsx +++ b/src/date-picker/DatePicker.tsx @@ -290,6 +290,7 @@ export default defineComponent({ ` | N diff --git a/src/date-picker/date-range-picker-props.ts b/src/date-picker/date-range-picker-props.ts index afaf2c9f5..548de5881 100644 --- a/src/date-picker/date-range-picker-props.ts +++ b/src/date-picker/date-range-picker-props.ts @@ -38,6 +38,10 @@ export default { type: String, default: '', }, + /** 左侧文本 */ + label: { + type: [String, Function] as PropType, + }, /** 选择器模式 */ mode: { type: String as PropType, diff --git a/src/date-picker/props.ts b/src/date-picker/props.ts index 26bc6b074..84511a072 100644 --- a/src/date-picker/props.ts +++ b/src/date-picker/props.ts @@ -42,6 +42,10 @@ export default { inputProps: { type: Object as PropType, }, + /** 左侧文本 */ + label: { + type: [String, Function] as PropType, + }, /** 选择器模式 */ mode: { type: String as PropType, diff --git a/src/date-picker/type.ts b/src/date-picker/type.ts index 4048fa33f..7dcb6a5ba 100644 --- a/src/date-picker/type.ts +++ b/src/date-picker/type.ts @@ -52,6 +52,10 @@ export interface TdDatePickerProps { * 透传给输入框（Input）组件的参数 */ inputProps?: InputProps; + /** + * 左侧内容 + */ + label?: string | TNode; /** * 选择器模式 * @default date @@ -179,6 +183,10 @@ export interface TdDateRangePickerProps { * @default '' */ format?: string; + /** + * 左侧文本 + */ + label?: string | TNode; /** * 选择器模式 * @default date diff --git a/src/dialog/dialog.tsx b/src/dialog/dialog.tsx index d6480f9cb..4b196d11b 100644 --- a/src/dialog/dialog.tsx +++ b/src/dialog/dialog.tsx @@ -266,7 +266,7 @@ export default mixins(ActionMixin, getConfigReceiverMixins('d } } }, - // 回车出发确认事件 + // 回车触发确认事件 keyboardEnterEvent(e: KeyboardEvent) { const { code } = e; if ((code === 'Enter' || code === 'NumpadEnter') && stack.top === this.uid) { diff --git a/src/input/_example/borderless.vue b/src/input/_example/borderless.vue new file mode 100644 index 000000000..02fb0e392 --- /dev/null +++ b/src/input/_example/borderless.vue @@ -0,0 +1,7 @@ + + diff --git a/src/input/input.md b/src/input/input.md index 003371722..7aca3a615 100644 --- a/src/input/input.md +++ b/src/input/input.md @@ -10,7 +10,7 @@ allowInputOverMax | Boolean | false | 超出 `maxlength` 或 `maxcharacter` 之 autoWidth | Boolean | false | 宽度随内容自适应 | N autocomplete | String | undefined | 是否开启自动填充功能，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | N autofocus | Boolean | false | 自动聚焦 | N -borderless | Boolean | false | 【开发中】无边框模式 | N +borderless | Boolean | false | 无边框模式 | N clearable | Boolean | false | 是否可清空 | N disabled | Boolean | - | 是否禁用输入框 | N format | Function | - | 指定输入框展示值的格式。注意 `type=number` 时请勿使用，此功能建议更为使用 `InputNumber` 组件。TS 类型：`InputFormatType` `type InputFormatType = (value: string) => string`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/input/type.ts) | N diff --git a/src/input/input.tsx b/src/input/input.tsx index f83d627a5..5f31dd773 100644 --- a/src/input/input.tsx +++ b/src/input/input.tsx @@ -111,6 +111,7 @@ export default mixins( [`${this.classPrefix}-align-${this.align}`]: this.align !== 'left', [`${this.classPrefix}-is-disabled`]: this.tDisabled, [`${this.classPrefix}-is-readonly`]: this.readonly, + [`${this.componentName}--borderless`]: this.borderless, [`${this.componentName}--focused`]: this.focused, }, ]; diff --git a/src/radio/props.ts b/src/radio/props.ts index a4d29234b..1e1467b1a 100644 --- a/src/radio/props.ts +++ b/src/radio/props.ts @@ -39,6 +39,6 @@ export default { }, /** 选中状态变化时触发 */ onChange: Function as PropType, - /** 点击时出发，一般用于外层阻止冒泡场景 */ + /** 点击时触发，一般用于外层阻止冒泡场景 */ onClick: Function as PropType, }; diff --git a/src/radio/radio.md b/src/radio/radio.md index b20c973a7..882848a30 100644 --- a/src/radio/radio.md +++ b/src/radio/radio.md @@ -14,14 +14,14 @@ label | String / Slot / Function | - | 主文案。TS 类型：`string \| TNode` name | String | - | HTML 元素原生属性 | N value | String / Number / Boolean | undefined | 单选按钮的值。TS 类型：`T` | N onChange | Function | | TS 类型：`(checked: boolean, context: { e: Event }) => void`
选中状态变化时触发 | N -onClick | Function | | TS 类型：`(context: { e: MouseEvent }) => void`
点击时出发，一般用于外层阻止冒泡场景 | N +onClick | Function | | TS 类型：`(context: { e: MouseEvent }) => void`
点击时触发，一般用于外层阻止冒泡场景 | N ### Radio Events 名称 | 参数 | 描述 -- | -- | -- change | `(checked: boolean, context: { e: Event })` | 选中状态变化时触发 -click | `(context: { e: MouseEvent })` | 点击时出发，一般用于外层阻止冒泡场景 +click | `(context: { e: MouseEvent })` | 点击时触发，一般用于外层阻止冒泡场景 ### RadioGroup Props diff --git a/src/radio/type.ts b/src/radio/type.ts index e6140ee38..4acc9a81d 100644 --- a/src/radio/type.ts +++ b/src/radio/type.ts @@ -48,7 +48,7 @@ export interface TdRadioProps { */ onChange?: (checked: boolean, context: { e: Event }) => void; /** - * 点击时出发，一般用于外层阻止冒泡场景 + * 点击时触发，一般用于外层阻止冒泡场景 */ onClick?: (context: { e: MouseEvent }) => void; } diff --git a/src/range-input/range-input-popup-props.ts b/src/range-input/range-input-popup-props.ts index c574b82aa..4abe1cf82 100644 --- a/src/range-input/range-input-popup-props.ts +++ b/src/range-input/range-input-popup-props.ts @@ -37,6 +37,10 @@ export default { }, /** 只读状态，值为真会隐藏输入框，且无法打开下拉框 */ readonly: Boolean, + /** 左侧文本 */ + label: { + type: [String, Function] as PropType, + }, /** 输入框状态 */ status: { type: String as PropType, diff --git a/src/range-input/range-input-popup.tsx b/src/range-input/range-input-popup.tsx index 59d1fda97..18114b17b 100644 --- a/src/range-input/range-input-popup.tsx +++ b/src/range-input/range-input-popup.tsx @@ -58,6 +58,7 @@ export default defineComponent({ value: this.inputValue, onChange: this.onInputChange, disabled: this.disabled, + label: this.label, status: this.status, tips: this.tips, ...(this.rangeInputProps as Object), diff --git a/src/range-input/range-input.tsx b/src/range-input/range-input.tsx index e2eda8f12..27c21d7b4 100644 --- a/src/range-input/range-input.tsx +++ b/src/range-input/range-input.tsx @@ -163,6 +163,8 @@ export default defineComponent({ [STATUS.success]: this.status === 'success', [STATUS.warning]: this.status === 'warning', [STATUS.error]: this.status === 'error', + [`${COMPONENT_NAME}--prefix`]: prefixIconContent || labelContent, + [`${COMPONENT_NAME}--suffix`]: suffixIconContent || suffixContent, }, ]} onMouseenter={handleMouseEnter} diff --git a/src/range-input/type.ts b/src/range-input/type.ts index b1131e477..70027e01a 100644 --- a/src/range-input/type.ts +++ b/src/range-input/type.ts @@ -162,6 +162,10 @@ export interface TdRangeInputPopupProps { * 输入框的值 */ inputValue?: RangeInputValue; + /** + * 左侧文本 + */ + label?: string | TNode; /** * 输入框的值，非受控属性 */ diff --git a/src/select/__tests__/__snapshots__/index.test.jsx.snap b/src/select/__tests__/__snapshots__/index.test.jsx.snap index 952ac06fa..0d6b9960d 100644 --- a/src/select/__tests__/__snapshots__/index.test.jsx.snap +++ b/src/select/__tests__/__snapshots__/index.test.jsx.snap @@ -6,7 +6,7 @@ exports[`Select > :props > :bordered 1`] = ` class="t-select__wrap" >
:props > :clearable 1`] = ` class="t-select__wrap" >
:props > :creatable 1`] = ` class="t-select__wrap" >
:props > :disabled 1`] = ` class="t-select__wrap" >
:props > :disabled 1`] = ` disabled="disabled" placeholder="请选择" readonly="readonly" - title="false" type="text" unselectable="on" /> @@ -204,7 +203,7 @@ exports[`Select > :props > :labelInValue 1`] = ` class="t-select__wrap" >
:props > :loading 1`] = ` class="t-select__wrap" >
:props > :placeholder 1`] = ` class="t-select__wrap" >
:props > :remote 1`] = ` remote="true" >
:props > :reserveKeyword 1`] = ` class="t-select__wrap" >
:props > :size 1`] = ` class="t-select__wrap" >
, }, /** 是否显示下拉框 */ - popupVisible: Boolean, + popupVisible: { + type: Boolean, + default: undefined, + }, /** 是否显示下拉框，非受控属性 */ defaultPopupVisible: Boolean, /** 组件前置图标 */ @@ -159,10 +162,12 @@ export default { /** 选中值 */ value: { type: [String, Number, Boolean, Object, Array] as PropType, + default: undefined, }, /** 选中值，非受控属性 */ defaultValue: { type: [String, Number, Boolean, Object, Array] as PropType, + default: undefined, }, /** 自定义选中项呈现的内容 */ valueDisplay: { diff --git a/src/select/select-panel.tsx b/src/select/select-panel.tsx index 48ee5ac37..a07e225bc 100644 --- a/src/select/select-panel.tsx +++ b/src/select/select-panel.tsx @@ -163,7 +163,7 @@ export default defineComponent({ } const target = (e.target || e.srcElement) as HTMLElement; const top = target.scrollTop; - // 排除横向滚动出发的纵向虚拟滚动计算 + // 排除横向滚动触发的纵向虚拟滚动计算 if (Math.abs(lastScrollY - top) > 5) { handleVirtualScroll(); lastScrollY = top; diff --git a/src/table/_example-composition/filter-controlled.vue b/src/table/_example-composition/filter-controlled.vue index 1ce9d4c7a..bf9cf4f9b 100644 --- a/src/table/_example-composition/filter-controlled.vue +++ b/src/table/_example-composition/filter-controlled.vue @@ -232,7 +232,7 @@ const onFilterChange = (filters, ctx) => { // 模拟异步请求进行数据过滤 request(filterValue); }; -// 筛选、分页、排序等功能发生变化时，均会出发 change 事件 +// 筛选、分页、排序等功能发生变化时，均会触发 change 事件 const onChange = (info, context) => { console.log('change', info, context, '筛选、分页、排序等功能发生变化均会触发'); }; diff --git a/src/table/_example-composition/single-sort.vue b/src/table/_example-composition/single-sort.vue index d042dedba..b04826670 100644 --- a/src/table/_example-composition/single-sort.vue +++ b/src/table/_example-composition/single-sort.vue @@ -132,7 +132,7 @@ const sortChange = (sortInfo) => { request(sortInfo); console.log('sort-change', sortInfo); }; -// 排序、分页、过滤等发生变化时会出发 change 事件 +// 排序、分页、过滤等发生变化时会触发 change 事件 const onChange = (info, context) => { console.log('change', info, context); }; diff --git a/src/table/_example/filter-controlled.vue b/src/table/_example/filter-controlled.vue index ec66e23c7..19318a349 100644 --- a/src/table/_example/filter-controlled.vue +++ b/src/table/_example/filter-controlled.vue @@ -210,7 +210,7 @@ export default { // 模拟异步请求进行数据过滤 this.request(this.filterValue); }, - // 筛选、分页、排序等功能发生变化时，均会出发 change 事件 + // 筛选、分页、排序等功能发生变化时，均会触发 change 事件 onChange(info, context) { console.log('change', info, context, '筛选、分页、排序等功能发生变化均会触发'); }, diff --git a/src/table/_example/single-sort.vue b/src/table/_example/single-sort.vue index 92537f962..e970c59c4 100644 --- a/src/table/_example/single-sort.vue +++ b/src/table/_example/single-sort.vue @@ -102,7 +102,7 @@ export default { this.request(sortInfo); console.log('sort-change', sortInfo); }, - // 排序、分页、过滤等发生变化时会出发 change 事件 + // 排序、分页、过滤等发生变化时会触发 change 事件 onChange(info, context) { console.log('change', info, context); }, diff --git a/src/table/base-table.tsx b/src/table/base-table.tsx index 53993164d..3624ba91f 100644 --- a/src/table/base-table.tsx +++ b/src/table/base-table.tsx @@ -220,7 +220,7 @@ export default defineComponent({ const onInnerVirtualScroll = (e: WheelEvent) => { const target = (e.target || e.srcElement) as HTMLElement; const top = target.scrollTop; - // 排除横向滚动出发的纵向虚拟滚动计算 + // 排除横向滚动触发的纵向虚拟滚动计算 if (lastScrollY !== top) { virtualConfig.isVirtualScroll.value && virtualConfig.handleScroll(); } else { diff --git a/src/tree/hooks/useTreeScroll.ts b/src/tree/hooks/useTreeScroll.ts index 835e48408..96ac11d63 100644 --- a/src/tree/hooks/useTreeScroll.ts +++ b/src/tree/hooks/useTreeScroll.ts @@ -63,7 +63,7 @@ export default function useTreeScroll(state: TypeTreeState) { const isVirtual = virtualConfig?.isVirtualScroll.value; const target = (e.target || e.srcElement) as HTMLElement; const top = target.scrollTop; - // 排除横向滚动出发的纵向虚拟滚动计算 + // 排除横向滚动触发的纵向虚拟滚动计算 if (lastScrollY !== top) { if (isVirtual) { virtualConfig.handleScroll(); diff --git a/src/upload/_usage/props.json b/src/upload/_usage/props.json index bbf7ab7d2..7bb021032 100644 --- a/src/upload/_usage/props.json +++ b/src/upload/_usage/props.json @@ -47,8 +47,8 @@ "value": "PUT" }, { - "label": "OPTION", - "value": "OPTION" + "label": "OPTIONS", + "value": "OPTIONS" }, { "label": "PATCH", @@ -67,8 +67,8 @@ "value": "put" }, { - "label": "option", - "value": "option" + "label": "options", + "value": "options" }, { "label": "patch", diff --git a/src/upload/props.ts b/src/upload/props.ts index 376cc94d3..f94ca93dc 100644 --- a/src/upload/props.ts +++ b/src/upload/props.ts @@ -115,7 +115,7 @@ export default { default: 'POST' as TdUploadProps['method'], validator(val: TdUploadProps['method']): boolean { if (!val) return true; - return ['POST', 'GET', 'PUT', 'OPTION', 'PATCH', 'post', 'get', 'put', 'option', 'patch'].includes(val); + return ['POST', 'GET', 'PUT', 'OPTIONS', 'PATCH', 'post', 'get', 'put', 'options', 'patch'].includes(val); }, }, /** 模拟进度间隔时间，单位：毫秒，默认：300。由于原始的上传请求，小文件上传进度只有 0 和 100，故而新增模拟进度，每间隔 `mockProgressDuration` 毫秒刷新一次模拟进度。小文件设置小一点，大文件设置大一点。注意：当 `useMockProgress` 为真时，当前设置有效 */ diff --git a/src/upload/type.ts b/src/upload/type.ts index b81e68f53..be27ad599 100644 --- a/src/upload/type.ts +++ b/src/upload/type.ts @@ -125,7 +125,7 @@ export interface TdUploadProps { * HTTP 请求类型 * @default POST */ - method?: 'POST' | 'GET' | 'PUT' | 'OPTION' | 'PATCH' | 'post' | 'get' | 'put' | 'option' | 'patch'; + method?: 'POST' | 'GET' | 'PUT' | 'OPTIONS' | 'PATCH' | 'post' | 'get' | 'put' | 'options' | 'patch'; /** * 模拟进度间隔时间，单位：毫秒，默认：300。由于原始的上传请求，小文件上传进度只有 0 和 100，故而新增模拟进度，每间隔 `mockProgressDuration` 毫秒刷新一次模拟进度。小文件设置小一点，大文件设置大一点。注意：当 `useMockProgress` 为真时，当前设置有效 */ diff --git a/src/upload/upload.en-US.md b/src/upload/upload.en-US.md index 0a3028e78..9b87cee59 100644 --- a/src/upload/upload.en-US.md +++ b/src/upload/upload.en-US.md @@ -30,7 +30,7 @@ inputAttributes | Object | - | add attributes to HTML element `input`。Typescri isBatchUpload | Boolean | false | make all files to be a whole package, files can only be replaced or deleted together, can not add more files | N locale | Object | - | upload language config, priority of `locale` is higher than global language config。Typescript：`UploadConfig` `import { UploadConfig } from '../config-provider/type'`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N max | Number | 0 | max count of files limit | N -method | String | POST | HTTP request method。options: POST/GET/PUT/OPTION/PATCH/post/get/put/option/patch | N +method | String | POST | HTTP request method。options: POST/GET/PUT/OPTIONS/PATCH/post/get/put/options/patch | N mockProgressDuration | Number | - | mock progress duration time. more large files more duration time | N multiple | Boolean | false | multiple files uploading | N name | String | file | field name of files in upload request data | N diff --git a/src/upload/upload.md b/src/upload/upload.md index 65103ddd8..1a2e492e6 100644 --- a/src/upload/upload.md +++ b/src/upload/upload.md @@ -30,7 +30,7 @@ inputAttributes | Object | - | 用于添加属性到 HTML 元素 `input`。TS isBatchUpload | Boolean | false | 多个文件是否作为一个独立文件包，整体替换，整体删除。不允许追加文件，只允许替换文件。`theme=file-flow` 时有效 | N locale | Object | - | 上传组件文本语言配置，支持自定义配置组件中的全部文本。优先级高于全局配置中语言。TS 类型：`UploadConfig` `import { UploadConfig } from '../config-provider/type'`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N max | Number | 0 | 用于控制文件上传数量，值为 0 则不限制。注意，单文件上传场景，请勿设置 `max` 属性 | N -method | String | POST | HTTP 请求类型。可选项：POST/GET/PUT/OPTION/PATCH/post/get/put/option/patch | N +method | String | POST | HTTP 请求类型。可选项：POST/GET/PUT/OPTIONS/PATCH/post/get/put/options/patch | N mockProgressDuration | Number | - | 模拟进度间隔时间，单位：毫秒，默认：300。由于原始的上传请求，小文件上传进度只有 0 和 100，故而新增模拟进度，每间隔 `mockProgressDuration` 毫秒刷新一次模拟进度。小文件设置小一点，大文件设置大一点。注意：当 `useMockProgress` 为真时，当前设置有效 | N multiple | Boolean | false | 支持多文件上传 | N name | String | file | 文件上传时的名称 | N diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap index d1818388a..8e3e5521e 100644 --- a/test/snap/__snapshots__/csr.test.js.snap +++ b/test/snap/__snapshots__/csr.test.js.snap @@ -28216,7 +28216,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/enable-alpha.v
@@ -28236,7 +28236,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/enable-alpha.v
@@ -29009,7 +29009,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/panel.vue 1`]
@@ -29811,7 +29811,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/panel.vue 1`]
@@ -29831,7 +29831,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/panel.vue 1`]
@@ -30608,7 +30608,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/recent-color.v
@@ -31518,7 +31518,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/recent-color.v
@@ -32314,7 +32314,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/status-readonl
@@ -33125,7 +33125,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/swatch-color.v
@@ -33504,7 +33504,7 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/swatch-color.v
@@ -37164,7 +37164,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue style="width: 400px;" >
csr test ./src/config-provider/_example/others.vue style="width: 400px;" >
csr test ./src/config-provider/_example/others.vue style="width: 400px;" >
csr test ./src/date-picker/_example/date-presets-al class="t-range-input-popup" >
csr test ./src/date-picker/_example/date-presets-al class="t-range-input-popup" >
csr test ./src/date-picker/_example/date-range.vue class="t-range-input-popup" >
csr test ./src/date-picker/_example/date-range.vue class="t-range-input-popup" >
csr test ./src/date-picker/_example/disable-date.vu class="t-range-input-popup" >
csr test ./src/date-picker/_example/month.vue 1`] = class="t-range-input-popup" >
csr test ./src/date-picker/_example/quarter.vue 1`] class="t-range-input-popup" >
csr test ./src/date-picker/_example/week.vue 1`] = class="t-range-input-popup" >
csr test ./src/date-picker/_example/year.vue 1`] = class="t-range-input-popup" >
csr test ./src/input/_example/base.vue 1`] = `
`; +exports[`csr snapshot test > csr test ./src/input/_example/borderless.vue 1`] = ` +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+`; + exports[`csr snapshot test > csr test ./src/input/_example/clearable.vue 1`] = `
csr test ./src/select/_example/scroll-bottom.vue 1` style="width: 300px;" >
csr test ./src/time-picker/_example/range.vue 1`] = class="t-range-input-popup" >
renders ./src/collapse/_example/rightSlot.vue corre exports[`ssr snapshot test > renders ./src/color-picker/_example/color-mode.vue correctly 1`] = `"
默认（单色 + 线性渐变）
red
仅单色模式
#0052d9
仅线性渐变模式
linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)
"`; -exports[`ssr snapshot test > renders ./src/color-picker/_example/enable-alpha.vue correctly 1`] = `"

最近使用颜色

    系统预设颜色

    "`; +exports[`ssr snapshot test > renders ./src/color-picker/_example/enable-alpha.vue correctly 1`] = `"

    最近使用颜色

      系统预设颜色

      "`; -exports[`ssr snapshot test > renders ./src/color-picker/_example/panel.vue correctly 1`] = `"

      最近使用颜色

        系统预设颜色

        最近使用颜色

          系统预设颜色

          "`; +exports[`ssr snapshot test > renders ./src/color-picker/_example/panel.vue correctly 1`] = `"

          最近使用颜色

            系统预设颜色

            最近使用颜色

              系统预设颜色

              "`; -exports[`ssr snapshot test > renders ./src/color-picker/_example/recent-color.vue correctly 1`] = `"
              预设最近使用色

              最近使用颜色

              系统预设颜色

              完全不显示最近使用色

              系统预设颜色

              "`; +exports[`ssr snapshot test > renders ./src/color-picker/_example/recent-color.vue correctly 1`] = `"
              预设最近使用色

              最近使用颜色

              系统预设颜色

              完全不显示最近使用色

              系统预设颜色

              "`; exports[`ssr snapshot test > renders ./src/color-picker/_example/status-disabled.vue correctly 1`] = `"
              red
              "`; -exports[`ssr snapshot test > renders ./src/color-picker/_example/status-readonly.vue correctly 1`] = `"

              最近使用颜色

                系统预设颜色

                "`; +exports[`ssr snapshot test > renders ./src/color-picker/_example/status-readonly.vue correctly 1`] = `"

                最近使用颜色

                  系统预设颜色

                  "`; -exports[`ssr snapshot test > renders ./src/color-picker/_example/swatch-color.vue correctly 1`] = `"
                  自定义系统色

                  最近使用颜色

                    系统预设颜色

                    完全不显示系统色

                    最近使用颜色

                      "`; +exports[`ssr snapshot test > renders ./src/color-picker/_example/swatch-color.vue correctly 1`] = `"
                      自定义系统色

                      最近使用颜色

                        系统预设颜色

                        完全不显示系统色

                        最近使用颜色

                          "`; exports[`ssr snapshot test > renders ./src/color-picker/_example/trigger.vue correctly 1`] = `"
                          #0052d9
                          "`; @@ -298,7 +298,7 @@ exports[`ssr snapshot test > renders ./src/config-provider/_example/global.vue c exports[`ssr snapshot test > renders ./src/config-provider/_example/input.vue correctly 1`] = `"
                          "`; -exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 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 > renders ./src/config-provider/_example/others.vue correctly 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 > renders ./src/config-provider/_example/pagination.vue correctly 1`] = `"
                          Total 36 items
                          10 / page
                          • 1
                          • 2
                          • 3
                          • 4
                          jump to
                          / 4
                          "`; @@ -310,25 +310,25 @@ exports[`ssr snapshot test > renders ./src/date-picker/_example/base.vue correct exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.vue correctly 1`] = `"
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.vue correctly 1`] = `"
                          -
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.vue correctly 1`] = `"
                          -
                          -
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.vue correctly 1`] = `"
                          -
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.vue correctly 1`] = `"
                          -
                          -
                          "`; exports[`ssr snapshot test > renders ./src/date-picker/_example/date-time.vue correctly 1`] = `"
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.vue correctly 1`] = `"
                          -
                          "`; exports[`ssr snapshot test > renders ./src/date-picker/_example/first-day-of-week.vue correctly 1`] = `"
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/month.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/month.vue correctly 1`] = `"
                          -
                          "`; exports[`ssr snapshot test > renders ./src/date-picker/_example/panel.vue correctly 1`] = `"
                          一二三四五六日
                          29
                          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
                          4
                          5
                          6
                          7
                          8
                          9
                          一二三四五六日
                          29
                          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
                          4
                          5
                          6
                          7
                          8
                          9
                          00:00:00
                          一二三四五六日
                          31
                          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
                          1
                          2
                          3
                          4
                          5
                          6
                          7
                          8
                          9
                          10
                          11
                          12
                          13
                          一二三四五六日
                          28
                          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
                          4
                          5
                          6
                          7
                          8
                          9
                          10
                          一二三四五六日
                          29
                          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
                          4
                          5
                          6
                          7
                          8
                          9
                          00:00:00
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 1`] = `"
                          -
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/week.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/week.vue correctly 1`] = `"
                          -
                          "`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/year.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/year.vue correctly 1`] = `"
                          -
                          "`; exports[`ssr snapshot test > renders ./src/descriptions/_example/base.vue correctly 1`] = `"
                          Shipping address
                          "`; @@ -534,6 +534,8 @@ exports[`ssr snapshot test > renders ./src/input/_example/auto-width.vue correct exports[`ssr snapshot test > renders ./src/input/_example/base.vue correctly 1`] = `"
                          价格：
                          元
                          "`; +exports[`ssr snapshot test > renders ./src/input/_example/borderless.vue correctly 1`] = `"
                          "`; + exports[`ssr snapshot test > renders ./src/input/_example/clearable.vue correctly 1`] = `"
                          "`; exports[`ssr snapshot test > renders ./src/input/_example/focus.vue correctly 1`] = `"
                          "`; @@ -849,7 +851,7 @@ exports[`ssr snapshot test > renders ./src/select/_example/prefix.vue correctly exports[`ssr snapshot test > renders ./src/select/_example/remote-search.vue correctly 1`] = `"
                          请输入搜索
                          "`; -exports[`ssr snapshot test > renders ./src/select/_example/scroll-bottom.vue correctly 1`] = `"
                          "`; +exports[`ssr snapshot test > renders ./src/select/_example/scroll-bottom.vue correctly 1`] = `"
                          "`; exports[`ssr snapshot test > renders ./src/select/_example/size.vue correctly 1`] = `"
                          "`; @@ -1159,7 +1161,7 @@ exports[`ssr snapshot test > renders ./src/time-picker/_example/keyboard.vue cor exports[`ssr snapshot test > renders ./src/time-picker/_example/panel.vue correctly 1`] = `"
                          "`; -exports[`ssr snapshot test > renders ./src/time-picker/_example/range.vue correctly 1`] = `"
                          -
                          "`; +exports[`ssr snapshot test > renders ./src/time-picker/_example/range.vue correctly 1`] = `"
                          -
                          "`; exports[`ssr snapshot test > renders ./src/time-picker/_example/show-steps.vue correctly 1`] = `"
                          "`;