diff --git a/src/_common b/src/_common index b232fff76..414379109 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit b232fff7672b590490eb61b642187139e4e996fa +Subproject commit 4143791097a298d840646aa38997a7c371e91e34 diff --git a/src/select/__tests__/__snapshots__/index.test.jsx.snap b/src/select/__tests__/__snapshots__/index.test.jsx.snap index a64c30b4b..1e034ef6f 100644 --- a/src/select/__tests__/__snapshots__/index.test.jsx.snap +++ b/src/select/__tests__/__snapshots__/index.test.jsx.snap @@ -286,7 +286,7 @@ exports[`Select > :props > :multiple 1`] = ` class="t-select__wrap" >
- +
diff --git a/src/tag-input/tag-input.tsx b/src/tag-input/tag-input.tsx index 274340aa0..40cdc2c00 100644 --- a/src/tag-input/tag-input.tsx +++ b/src/tag-input/tag-input.tsx @@ -6,7 +6,6 @@ import { CloseCircleFilledIcon as TdCloseCircleFilledIcon } from 'tdesign-icons- import TInput, { InputValue } from '../input'; import { TdTagInputProps } from './type'; import props from './props'; -import { prefix } from '../config'; import { renderTNodeJSX } from '../utils/render-tnode'; import useTagScroll from './hooks/useTagScroll'; import useTagList from './useTagList'; @@ -22,10 +21,11 @@ export default defineComponent({ props: { ...props }, setup(props: TdTagInputProps, context) { - const { inputValue } = toRefs(props); - const { inputProps } = props; - const isCompositionRef = ref(false); + const { inputValue, inputProps } = toRefs(props); + // 除了绑定 DOM 的变量,其他的一律不可使用 Ref 作为后缀 + const isComposition = ref(false); const COMPONENT_NAME = usePrefixClass('tag-input'); + const classPrefix = usePrefixClass(); const [tInputValue, setTInputValue] = useDefaultValue( inputValue, @@ -52,7 +52,7 @@ export default defineComponent({ sortOnDraggable: props.dragSort, onDragOverCheck: { x: true, - targetClassNameRegExp: new RegExp(`^${prefix}-tag`), + targetClassNameRegExp: new RegExp(`^${classPrefix.value}-tag`), }, }, context, @@ -71,12 +71,17 @@ export default defineComponent({ const { CloseCircleFilledIcon } = useGlobalIcon({ CloseCircleFilledIcon: TdCloseCircleFilledIcon }); - const classes = computed(() => [ - COMPONENT_NAME.value, - { - [`${COMPONENT_NAME.value}--break-line`]: excessTagsDisplayType.value === 'break-line', - }, - ]); + const classes = computed(() => { + const isEmpty = !(Array.isArray(tagValue.value) && tagValue.value.length); + return [ + COMPONENT_NAME.value, + { + [`${COMPONENT_NAME.value}--break-line`]: excessTagsDisplayType.value === 'break-line', + [`${classPrefix.value}-is-empty`]: isEmpty, + [`${classPrefix.value}-tag-input--with-tag`]: !isEmpty, + }, + ]; + }); const tagInputPlaceholder = computed(() => (!tagValue.value?.length ? placeholder.value : '')); @@ -89,23 +94,23 @@ export default defineComponent({ )); const onInputCompositionstart = (value: InputValue, context: { e: CompositionEvent }) => { - isCompositionRef.value = true; - inputProps?.onCompositionstart?.(value, context); + isComposition.value = true; + inputProps.value?.onCompositionstart?.(value, context); }; const onInputCompositionend = (value: InputValue, context: { e: CompositionEvent }) => { - isCompositionRef.value = false; - inputProps?.onCompositionend?.(value, context); + isComposition.value = false; + inputProps.value?.onCompositionend?.(value, context); }; const onInputEnter = (value: InputValue, context: { e: KeyboardEvent }) => { // 阻止 Enter 默认行为,避免在 Form 中触发 submit 事件 context.e?.preventDefault(); setTInputValue('', { e: context.e, trigger: 'enter' }); - !isCompositionRef.value && onInnerEnter(value, context); + !isComposition.value && onInnerEnter(value, context); nextTick(() => { scrollToRight(); - isCompositionRef.value = false; + isComposition.value = false; }); }; @@ -127,6 +132,7 @@ export default defineComponent({ tagInputPlaceholder, showClearIcon, tagInputRef, + classPrefix, setTInputValue, addHover, cancelHover, @@ -155,6 +161,10 @@ export default defineComponent({ ) : ( renderTNodeJSX(this, 'suffixIcon') ); + const suffixClass = `${this.classPrefix}-tag-input__with-suffix-icon`; + if (suffixIconNode && !this.classes.includes(suffixClass)) { + this.classes.push(suffixClass); + } // 自定义 Tag 节点 const displayNode = renderTNodeJSX(this, 'valueDisplay', { params: { @@ -167,7 +177,6 @@ export default defineComponent({ return ( ); }, diff --git a/src/tag-input/useTagList.tsx b/src/tag-input/useTagList.tsx index f47759723..2499d3a15 100644 --- a/src/tag-input/useTagList.tsx +++ b/src/tag-input/useTagList.tsx @@ -1,6 +1,6 @@ import { ref, toRefs } from '@vue/composition-api'; import { - TagInputValue, TagInputChangeContext, TdTagInputProps, DragProps, + TagInputValue, TagInputChangeContext, TdTagInputProps, DragProps, TagInputRemoveContext, } from './type'; import { InputValue } from '../input'; import Tag from '../tag'; @@ -63,18 +63,17 @@ export default function useTagList(props: TdTagInputProps, getDragProps: DragPro const index = tagValue.value.length - 1; const item = tagValue.value[index]; const trigger = 'backspace'; - setTagValue(tagValue.value.slice(0, -1), { + const newValue = tagValue.value.slice(0, -1); + const params: Omit = { e, index, item, trigger, - }); + }; + setTagValue(newValue, params); onRemove.value?.({ - e, - index, - item, - trigger, - value: tagValue.value, + ...params, + value: newValue, }); } oldInputValue.value = value; diff --git a/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap b/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap index 5421ff146..d14aea932 100644 --- a/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap +++ b/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap @@ -43,7 +43,7 @@ exports[`TreeSelect > :props > :clearable 1`] = ` exports[`TreeSelect > :props > :defaultValue 1`] = `
:props > :minCollapsedNum 1`] = ` exports[`TreeSelect > :props > :multiple 1`] = `
csr test ./src/cascader/_example/check-strictly.vue class="t-space-item" >
csr test ./src/cascader/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/disabled.vue 1`] = class="t-space-item" >
csr test ./src/cascader/_example/ellipsis.vue 1`] = class="t-space-item" >
csr test ./src/cascader/_example/filterable.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/keys.vue 1`] = ` class="t-space-item" >
csr test ./src/cascader/_example/load.vue 1`] = ` exports[`csr snapshot test > csr test ./src/cascader/_example/max.vue 1`] = `
csr test ./src/cascader/_example/max.vue 1`] = ` exports[`csr snapshot test > csr test ./src/cascader/_example/multiple.vue 1`] = `
csr test ./src/cascader/_example/show-all-levels.vu class="t-space-item" >
csr test ./src/cascader/_example/value-mode.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/value-mode.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/value-mode.vue 1`] class="t-space-item" >
csr test ./src/cascader/_example/value-type.vue 1`] class="t-space-item" >
csr test ./src/collapse/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/collapse/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/collapse/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/input-adornment/_example/select.vue class="t-input-adornment t-input-adornment--append" >
csr test ./src/input-adornment/_example/text.vue 1` class="t-input-adornment t-input-adornment--append" >
csr test ./src/select/_example/collapsed.vue 1`] = class="t-select__wrap" >
csr test ./src/select/_example/collapsed.vue 1`] = class="t-select__wrap" >
csr test ./src/select/_example/collapsed.vue 1`] = class="t-select__wrap" >
csr test ./src/select/_example/creatable.vue 1`] = style="width: 400px; display: inline-block;" >
csr test ./src/select/_example/custom-selected.vue class="t-select__wrap" >
csr test ./src/select/_example/custom-selected.vue class="t-select__wrap" >
csr test ./src/select/_example/disabled.vue 1`] = ` style="width: 200px; display: inline-block;" >
csr test ./src/select/_example/filterable.vue 1`] = style="width: 400px; display: inline-block;" >
csr test ./src/select/_example/label-in-value.vue 1 style="width: 200px; display: inline-block;" >
csr test ./src/select/_example/max.vue 1`] = ` style="width: 200px;" >
csr test ./src/select/_example/multiple.vue 1`] = ` class="t-select__wrap" >
csr test ./src/select/_example/multiple.vue 1`] = ` class="t-select__wrap" >
csr test ./src/select/_example/multiple.vue 1`] = ` class="t-select__wrap" >
csr test ./src/select/_example/noborder.vue 1`] = ` class="t-select__wrap" >
csr test ./src/select/_example/remote-search.vue 1` style="width: 400px; display: inline-block;" >
csr test ./src/select-input/_example/autowidth.vue exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth-multiple.vue 1`] = `
csr test ./src/select-input/_example/borderless.vue exports[`csr snapshot test > csr test ./src/select-input/_example/borderless-multiple.vue 1`] = `
@@ -82355,7 +82355,7 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item class="t-space-item" >
csr test ./src/select-input/_example/collapsed-item class="t-space-item" >
csr test ./src/select-input/_example/collapsed-item class="t-space-item" >
csr test ./src/select-input/_example/custom-tag.vue class="t-space-item" >
csr test ./src/select-input/_example/custom-tag.vue class="t-space-item" >
csr test ./src/select-input/_example/excess-tags-di class="t-space-item" >
csr test ./src/select-input/_example/excess-tags-di class="t-space-item" >
csr test ./src/select-input/_example/multiple.vue 1 class="t-space-item" >
csr test ./src/table/_example/editable-row.vue 1`] class="t-select__wrap" >
csr test ./src/tag/_example/theme.vue 1`] = ` exports[`csr snapshot test > csr test ./src/tag-input/_example/auto-width.vue 1`] = `
csr test ./src/tag-input/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/base.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/tag-input/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/tag-input/_example/collapsed.vue 1`] class="t-space-item" >
csr test ./src/tag-input/_example/custom-tag.vue 1` class="t-space-item" >
csr test ./src/tag-input/_example/custom-tag.vue 1` class="t-space-item" >
csr test ./src/tag-input/_example/draggable.vue 1`] class="t-space-item" >
csr test ./src/tag-input/_example/draggable.vue 1`] class="t-space-item" >
csr test ./src/tag-input/_example/excess.vue 1`] = class="t-space-item" >
csr test ./src/tag-input/_example/excess.vue 1`] = class="t-space-item" >
csr test ./src/tag-input/_example/excess.vue 1`] = exports[`csr snapshot test > csr test ./src/tag-input/_example/max.vue 1`] = `
csr test ./src/tag-input/_example/size.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/size.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/size.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/size.vue 1`] = ` exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] = `
csr test ./src/tag-input/_example/status.vue 1`] = 禁用状态:
csr test ./src/tag-input/_example/status.vue 1`] = 只读状态:
csr test ./src/tag-input/_example/status.vue 1`] = 成功状态:
csr test ./src/tag-input/_example/status.vue 1`] = 告警状态:
csr test ./src/tag-input/_example/status.vue 1`] = 错误状态:
csr test ./src/tag-input/_example/theme.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/theme.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/theme.vue 1`] = ` class="t-space-item" >
csr test ./src/tag-input/_example/theme.vue 1`] = ` class="t-space-item" >
csr test ./src/tree-select/_example/collapsed.vue 1 class="t-space-item" >
csr test ./src/tree-select/_example/collapsed.vue 1 class="t-space-item" >
csr test ./src/tree-select/_example/lazy.vue 1`] = exports[`csr snapshot test > csr test ./src/tree-select/_example/multiple.vue 1`] = `
csr test ./src/tree-select/_example/valuedisplay.vu class="t-space-item" >
csr test ./src/tree-select/_example/valuetype.vue 1 class="t-space-item" >
renders ./src/card/_example/small.vue correctly 1`] exports[`ssr snapshot test > renders ./src/cascader/_example/base.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/check-strictly.vue correctly 1`] = `"
1/1.1/1.1.2/1.1.2.12
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/check-strictly.vue correctly 1`] = `"
1/1.1/1.1.2/1.1.2.12
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/collapsed.vue correctly 1`] = `"
选项一/子选项一+2
选项一/子选项一+2
选项一/子选项一+2
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/collapsed.vue correctly 1`] = `"
选项一/子选项一+2
选项一/子选项一+2
选项一/子选项一+2
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/disabled.vue correctly 1`] = `"
选项一/子选项一
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/disabled.vue correctly 1`] = `"
选项一/子选项一
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/ellipsis.vue correctly 1`] = `"
当选项一数据展示文本过长时/子选项一
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/ellipsis.vue correctly 1`] = `"
当选项一数据展示文本过长时/子选项一
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.vue correctly 1`] = `"
当选项一数据展示文本过长时/子选项一
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.vue correctly 1`] = `"
当选项一数据展示文本过长时/子选项一
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/keys.vue correctly 1`] = `"
选项一/子选项一
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/keys.vue correctly 1`] = `"
选项一/子选项一
"`; exports[`ssr snapshot test > renders ./src/cascader/_example/load.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/max.vue correctly 1`] = `"
请选择
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/max.vue correctly 1`] = `"
请选择
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/multiple.vue correctly 1`] = `"
选项一/子选项一
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/multiple.vue correctly 1`] = `"
选项一/子选项一
"`; exports[`ssr snapshot test > renders ./src/cascader/_example/panel.vue correctly 1`] = `"
  • 选项一
  • 选项二
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/show-all-levels.vue correctly 1`] = `"
请选择
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/show-all-levels.vue correctly 1`] = `"
请选择
"`; exports[`ssr snapshot test > renders ./src/cascader/_example/size.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/cascader/_example/trigger.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/cascader/_example/value-mode.vue correctly 1`] = `"
请选择
请选择
请选择
"`; +exports[`ssr snapshot test > renders ./src/cascader/_example/value-mode.vue correctly 1`] = `"
请选择
请选择
请选择
"`; exports[`ssr snapshot test > renders ./src/cascader/_example/value-type.vue correctly 1`] = ` "
[ @@ -211,7 +211,7 @@ exports[`ssr snapshot test > renders ./src/cascader/_example/value-type.vue corr "1", "1.2" ] -]
选项一/子选项一选项一/子选项二
" +]
选项一/子选项一选项一/子选项二
" `; exports[`ssr snapshot test > renders ./src/checkbox/_example/base.vue correctly 1`] = `"
"`; @@ -496,9 +496,9 @@ exports[`ssr snapshot test > renders ./src/input/_example/status.vue correctly 1 exports[`ssr snapshot test > renders ./src/input/_example/textarea.vue correctly 1`] = `"
文本域输入框已抽离为单独组件,更多示例请参考 Textarea 组件
"`; -exports[`ssr snapshot test > renders ./src/input-adornment/_example/select.vue correctly 1`] = `"
http://
请输入内容
.cn
http://
.cn
"`; +exports[`ssr snapshot test > renders ./src/input-adornment/_example/select.vue correctly 1`] = `"
http://
请输入内容
.cn
http://
.cn
"`; -exports[`ssr snapshot test > renders ./src/input-adornment/_example/text.vue correctly 1`] = `"
http://
请输入内容
.com
http://
.com
"`; +exports[`ssr snapshot test > renders ./src/input-adornment/_example/text.vue correctly 1`] = `"
http://
请输入内容
.com
http://
.com
"`; exports[`ssr snapshot test > renders ./src/input-number/_example/align.vue correctly 1`] = `"
"`; @@ -757,27 +757,27 @@ exports[`ssr snapshot test > renders ./src/rate/_example/texts.vue correctly 1`] exports[`ssr snapshot test > renders ./src/select/_example/base.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/select/_example/collapsed.vue correctly 1`] = `"
选项一+1
选项一+1
选项一+1
"`; +exports[`ssr snapshot test > renders ./src/select/_example/collapsed.vue correctly 1`] = `"
选项一+1
选项一+1
选项一+1
"`; -exports[`ssr snapshot test > renders ./src/select/_example/creatable.vue correctly 1`] = `"
多选支持自定义创建
"`; +exports[`ssr snapshot test > renders ./src/select/_example/creatable.vue correctly 1`] = `"
多选支持自定义创建
"`; exports[`ssr snapshot test > renders ./src/select/_example/custom-options.vue correctly 1`] = `"


"`; -exports[`ssr snapshot test > renders ./src/select/_example/custom-selected.vue correctly 1`] = `"
选项一(1)选项二(2)选项三(3)
选项四(4) 选项五(5) 选项六(6) 选项七(7)
"`; +exports[`ssr snapshot test > renders ./src/select/_example/custom-selected.vue correctly 1`] = `"
选项一(1)选项二(2)选项三(3)
选项四(4) 选项五(5) 选项六(6) 选项七(7)
"`; -exports[`ssr snapshot test > renders ./src/select/_example/disabled.vue correctly 1`] = `"
选项一选项二
"`; +exports[`ssr snapshot test > renders ./src/select/_example/disabled.vue correctly 1`] = `"
选项一选项二
"`; -exports[`ssr snapshot test > renders ./src/select/_example/filterable.vue correctly 1`] = `"
-请选择-
"`; +exports[`ssr snapshot test > renders ./src/select/_example/filterable.vue correctly 1`] = `"
-请选择-
"`; exports[`ssr snapshot test > renders ./src/select/_example/group.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/select/_example/label-in-value.vue correctly 1`] = `"
选项一
"`; +exports[`ssr snapshot test > renders ./src/select/_example/label-in-value.vue correctly 1`] = `"
选项一
"`; -exports[`ssr snapshot test > renders ./src/select/_example/max.vue correctly 1`] = `"
-请选择-
"`; +exports[`ssr snapshot test > renders ./src/select/_example/max.vue correctly 1`] = `"
-请选择-
"`; -exports[`ssr snapshot test > renders ./src/select/_example/multiple.vue correctly 1`] = `"
区块链人工智能
云服务器云数据库域名注册网站备案对象存储低代码平台
区块链人工智能+2
"`; +exports[`ssr snapshot test > renders ./src/select/_example/multiple.vue correctly 1`] = `"
区块链人工智能
云服务器云数据库域名注册网站备案对象存储低代码平台
区块链人工智能+2
"`; -exports[`ssr snapshot test > renders ./src/select/_example/noborder.vue correctly 1`] = `"
-请选择-
"`; +exports[`ssr snapshot test > renders ./src/select/_example/noborder.vue correctly 1`] = `"
-请选择-
"`; exports[`ssr snapshot test > renders ./src/select/_example/panel.vue correctly 1`] = `"
"`; @@ -785,7 +785,7 @@ exports[`ssr snapshot test > renders ./src/select/_example/popup-props.vue corre exports[`ssr snapshot test > renders ./src/select/_example/prefix.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/select/_example/remote-search.vue correctly 1`] = `"
请输入搜索
"`; +exports[`ssr snapshot test > renders ./src/select/_example/remote-search.vue correctly 1`] = `"
请输入搜索
"`; exports[`ssr snapshot test > renders ./src/select/_example/size.vue correctly 1`] = `"
"`; @@ -797,21 +797,21 @@ exports[`ssr snapshot test > renders ./src/select-input/_example/autocomplete.vu exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth.vue correctly 1`] = `"
tdesign-vue
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth-multiple.vue correctly 1`] = `"
Vue+2
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth-multiple.vue correctly 1`] = `"
Vue+2
"`; exports[`ssr snapshot test > renders ./src/select-input/_example/borderless.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/borderless-multiple.vue correctly 1`] = `"
Vue+2
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/borderless-multiple.vue correctly 1`] = `"
Vue+2
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/collapsed-items.vue correctly 1`] = `"
tdesign-vue+5
tdesign-vuetdesign-react更多(4)
tdesign-vuetdesign-reacttdesign-miniprogramMore(3)
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/collapsed-items.vue correctly 1`] = `"
tdesign-vue+5
tdesign-vuetdesign-react更多(4)
tdesign-vuetdesign-reacttdesign-miniprogramMore(3)
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/custom-tag.vue correctly 1`] = `"
tdesign-vue
tdesign-vue tdesign-react
tdesign-vuetdesign-reacttdesign-mobile-vue
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/custom-tag.vue correctly 1`] = `"
tdesign-vue
tdesign-vue tdesign-react
tdesign-vuetdesign-reacttdesign-mobile-vue
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/excess-tags-display-type.vue correctly 1`] = `"

第一种呈现方式:超出时滚动显示

tdesign-vuetdesign-reacttdesign-miniprogramtdesign-angulartdesign-mobile-vuetdesign-mobile-react

第二种呈现方式:超出时换行显示

tdesign-vuetdesign-reacttdesign-miniprogramtdesign-angulartdesign-mobile-vuetdesign-mobile-react
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/excess-tags-display-type.vue correctly 1`] = `"

第一种呈现方式:超出时滚动显示

tdesign-vuetdesign-reacttdesign-miniprogramtdesign-angulartdesign-mobile-vuetdesign-mobile-react

第二种呈现方式:超出时换行显示

tdesign-vuetdesign-reacttdesign-miniprogramtdesign-angulartdesign-mobile-vuetdesign-mobile-react
"`; exports[`ssr snapshot test > renders ./src/select-input/_example/label-suffix.vue correctly 1`] = `"
前置内容:
单位:元
"`; -exports[`ssr snapshot test > renders ./src/select-input/_example/multiple.vue correctly 1`] = `"
VueReactMiniprogram
"`; +exports[`ssr snapshot test > renders ./src/select-input/_example/multiple.vue correctly 1`] = `"
VueReactMiniprogram
"`; exports[`ssr snapshot test > renders ./src/select-input/_example/single.vue correctly 1`] = `"
"`; @@ -925,7 +925,7 @@ exports[`ssr snapshot test > renders ./src/table/_example/drag-sort-handler.vue exports[`ssr snapshot test > renders ./src/table/_example/editable-cell.vue correctly 1`] = `"
FirstName
Framework
Letters
Date
Eric
Vue Framework
A
2021-11-01
React Framework
B、E
2021-12-01
Miniprogram Framework
C
2022-01-01
Flutter Framework
D、G、H
2022-02-01
Vue Framework
A
2021-11-01
"`; -exports[`ssr snapshot test > renders ./src/table/_example/editable-row.vue correctly 1`] = `"

FirstName
Framework
Letters
Date
Operate
Eric
A
Gilberta
React
B、E
2021-12-01
Heriberto
Miniprogram
C
2022-01-01
Lazarus
Flutter
D、G、H
2022-02-01
Eric
Vue
A
2021-11-01
"`; +exports[`ssr snapshot test > renders ./src/table/_example/editable-row.vue correctly 1`] = `"

FirstName
Framework
Letters
Date
Operate
Eric
A
Gilberta
React
B、E
2021-12-01
Heriberto
Miniprogram
C
2022-01-01
Lazarus
Flutter
D、G、H
2022-02-01
Eric
Vue
A
2021-11-01
"`; exports[`ssr snapshot test > renders ./src/table/_example/ellipsis.vue correctly 1`] = `"
Description
这是一个很长很长的标题
Link
Ellipsis Props
Ellipsis Content
Props & Content
单元格文本超出省略设置
仅标题省略
Setting ellipsis tooltip to be light
Custom Ellipsis Content
Setting props and content at the same time
这是普通文本的超出省略
仅标题省略
Setting ellipsis tooltip to be light
Custom Ellipsis Content
Setting props and content at the same time
单元格文本超出省略设置
仅标题省略
Setting ellipsis tooltip to be light
Custom Ellipsis Content
Setting props and content at the same time
这是普通文本的超出省略
仅标题省略
Setting ellipsis tooltip to be light
Custom Ellipsis Content
Setting props and content at the same time
单元格文本超出省略设置
仅标题省略
Setting ellipsis tooltip to be light
Custom Ellipsis Content
Setting props and content at the same time
"`; @@ -1029,25 +1029,25 @@ exports[`ssr snapshot test > renders ./src/tag/_example/size.vue correctly 1`] = exports[`ssr snapshot test > renders ./src/tag/_example/theme.vue correctly 1`] = `"
标签一
标签二
标签三
标签四
标签一
标签二
标签三
标签四
标签一
标签二
标签三
标签四
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/auto-width.vue correctly 1`] = `"
VueReact
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/auto-width.vue correctly 1`] = `"
VueReact
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/base.vue correctly 1`] = `"
VueReact1
Controlled:
VueReact2
UnControlled:
VueReact3
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/base.vue correctly 1`] = `"
VueReact1
Controlled:
VueReact2
UnControlled:
VueReact3
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/collapsed.vue correctly 1`] = `"
Vue+4
VueReact更多(3)
VueReactMiniprogramMore(2)
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/collapsed.vue correctly 1`] = `"
Vue+4
VueReact更多(3)
VueReactMiniprogramMore(2)
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/custom-tag.vue correctly 1`] = `"
  StudentA  StudentB+1
  StudentA  StudentB  StudentC
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/custom-tag.vue correctly 1`] = `"
  StudentA  StudentB+1
  StudentA  StudentB  StudentC
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/draggable.vue correctly 1`] = `"
VueReactAngular
Controlled:
VueReactAngularMiniprogram
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/draggable.vue correctly 1`] = `"
VueReactAngular
Controlled:
VueReactAngularMiniprogram
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/excess.vue correctly 1`] = `"
Scroll:
VueReact
BreakLine:
VueReact
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/excess.vue correctly 1`] = `"
Scroll:
VueReact
BreakLine:
VueReact
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/max.vue correctly 1`] = `"
最多只能输入 3 个标签
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/max.vue correctly 1`] = `"
最多只能输入 3 个标签
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/size.vue correctly 1`] = `"
VueReact
VueReact
VueReact
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/size.vue correctly 1`] = `"
VueReact
VueReact
VueReact
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/status.vue correctly 1`] = `"
VueReactMiniprogram
VueReactMiniprogram
这是普通文本提示
VueReactMiniprogram
校验通过文本提示
VueReactMiniprogram
校验不通过文本提示
VueReactMiniprogram
校验存在严重问题文本提示
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/status.vue correctly 1`] = `"
VueReactMiniprogram
VueReactMiniprogram
这是普通文本提示
VueReactMiniprogram
校验通过文本提示
VueReactMiniprogram
校验不通过文本提示
VueReactMiniprogram
校验存在严重问题文本提示
"`; -exports[`ssr snapshot test > renders ./src/tag-input/_example/theme.vue correctly 1`] = `"
VueReactMiniprogram
VueReactMiniprogram
VueReactMiniprogram
VueReactMiniprogram
"`; +exports[`ssr snapshot test > renders ./src/tag-input/_example/theme.vue correctly 1`] = `"
VueReactMiniprogram
VueReactMiniprogram
VueReactMiniprogram
VueReactMiniprogram
"`; exports[`ssr snapshot test > renders ./src/textarea/_example/base.vue correctly 1`] = `"
"`; @@ -1177,7 +1177,7 @@ exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctl exports[`ssr snapshot test > renders ./src/tree-select/_example/base.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/tree-select/_example/collapsed.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/tree-select/_example/collapsed.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/tree-select/_example/dvalue.vue correctly 1`] = `"
"`; @@ -1185,15 +1185,15 @@ exports[`ssr snapshot test > renders ./src/tree-select/_example/filterable.vue c exports[`ssr snapshot test > renders ./src/tree-select/_example/lazy.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/tree-select/_example/multiple.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/tree-select/_example/multiple.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/tree-select/_example/prefix.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/tree-select/_example/props.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/tree-select/_example/valuedisplay.vue correctly 1`] = `"
()
"`; +exports[`ssr snapshot test > renders ./src/tree-select/_example/valuedisplay.vue correctly 1`] = `"
()
"`; -exports[`ssr snapshot test > renders ./src/tree-select/_example/valuetype.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/tree-select/_example/valuetype.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/upload/_example/base.vue correctly 1`] = `"
插入节点数量:
"`;