From eea62f42b20863bb0bfa4fac079d46ac86b7cef9 Mon Sep 17 00:00:00 2001 From: betavs Date: Wed, 8 Jan 2025 20:40:35 +0800 Subject: [PATCH] fix(auto-complete): the display effect is abnormal when the option is empty --- src/_common | 2 +- .../__tests__/vitest-auto-complete.test.jsx | 2 +- src/auto-complete/auto-complete.tsx | 2 +- src/auto-complete/option-list.tsx | 7 +- src/config-provider/type.ts | 12 + test/snap/__snapshots__/csr.test.js.snap | 222 +++++++++--------- test/snap/__snapshots__/ssr.test.js.snap | 48 ++-- 7 files changed, 155 insertions(+), 140 deletions(-) diff --git a/src/_common b/src/_common index 1873fcceb..17d0a74f7 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 1873fcceb1c8a045dc9d26e7c626fec6467c52dc +Subproject commit 17d0a74f75281bb4abff81ed90184cc78c568aae diff --git a/src/auto-complete/__tests__/vitest-auto-complete.test.jsx b/src/auto-complete/__tests__/vitest-auto-complete.test.jsx index 9ffbcdd5b..7760c4d85 100644 --- a/src/auto-complete/__tests__/vitest-auto-complete.test.jsx +++ b/src/auto-complete/__tests__/vitest-auto-complete.test.jsx @@ -171,7 +171,7 @@ describe('AutoComplete Component', () => { wrapper.find('input').trigger('focus'); await wrapper.vm.$nextTick(); const emptyOptionsClassNameTAutocompletePanelDom = document.querySelectorAll( - '.empty-options-class-name .t-autocomplete__panel', + '.empty-options-class-name .t-auto-complete__panel', ); expect(emptyOptionsClassNameTAutocompletePanelDom.length).toBe(0); // remove nodes from document to avoid influencing following test cases diff --git a/src/auto-complete/auto-complete.tsx b/src/auto-complete/auto-complete.tsx index 17349f315..9c676d69e 100644 --- a/src/auto-complete/auto-complete.tsx +++ b/src/auto-complete/auto-complete.tsx @@ -178,7 +178,7 @@ export default defineComponent({ const topContent = renderTNodeJSX(this, 'panelTopContent'); const bottomContent = renderTNodeJSX(this, 'panelBottomContent'); const panelContent = topContent || this.options?.length || bottomContent ? ( -
+
{topContent} {listContent} {bottomContent} diff --git a/src/auto-complete/option-list.tsx b/src/auto-complete/option-list.tsx index 4132be197..d8cb86640 100644 --- a/src/auto-complete/option-list.tsx +++ b/src/auto-complete/option-list.tsx @@ -7,7 +7,7 @@ import HighlightOption from './highlight-option'; import { CommonClassNameType } from '../hooks/useCommonClassName'; import { AutoCompleteOptionObj, TdAutoCompleteProps } from './type'; import log from '../_common/js/log'; -import { usePrefixClass } from '../hooks/useConfig'; +import { useConfig, usePrefixClass } from '../hooks/useConfig'; import { on, off } from '../utils/dom'; export default defineComponent({ @@ -28,6 +28,8 @@ export default defineComponent({ const active = ref(''); const classPrefix = usePrefixClass(); + const { globalConfig } = useConfig('autoComplete'); + const classes = computed(() => `${classPrefix.value}-select__list`); const optionClasses = computed(() => [ `${classPrefix.value}-select-option`, @@ -129,6 +131,7 @@ export default defineComponent({ }); return { + globalConfig, classes, classPrefix, optionClasses, @@ -141,7 +144,7 @@ export default defineComponent({ }, render() { - if (!this.tOptions.length) return null; + if (!this.tOptions.length) return
{this.globalConfig.empty}
; return (
    {this.tOptions.map((item) => { diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts index 07678fbc7..827a3dca9 100644 --- a/src/config-provider/type.ts +++ b/src/config-provider/type.ts @@ -13,6 +13,10 @@ import { ImageProps } from '../image'; import { TNode, SizeEnum, AttachNode } from '../common'; export interface GlobalConfigProvider { + /** + * 自动填充全局配置 + */ + autoComplete?: AutoCompleteConfig; /** * 警告全局配置 */ @@ -148,6 +152,14 @@ export interface GlobalConfigProvider { upload?: UploadConfig; } +export interface AutoCompleteConfig { + /** + * 语言配置，“暂无数据”描述文本 + * @default '' + */ + empty?: string; +} + export interface InputConfig { /** * 是否开启自动填充功能 diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap index b6bd27bc4..7ad6a5e6e 100644 --- a/test/snap/__snapshots__/csr.test.js.snap +++ b/test/snap/__snapshots__/csr.test.js.snap @@ -34532,7 +34532,7 @@ exports[`csr snapshot test > csr test ./src/comment/_example/reply.vue 1`] = ` width="1em" > @@ -37356,7 +37356,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue width="1em" > @@ -37392,7 +37392,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue width="1em" > @@ -37929,7 +37929,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -37946,7 +37946,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38031,7 +38031,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38048,7 +38048,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38177,7 +38177,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38194,7 +38194,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38279,7 +38279,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -38296,7 +38296,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1 width="1em" > @@ -94547,7 +94547,7 @@ exports[`csr snapshot test > csr test ./src/steps/_example/icon.vue 1`] = ` width="1em" > @@ -115806,7 +115806,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -115887,7 +115887,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -115934,7 +115934,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116049,7 +116049,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116387,7 +116387,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116468,7 +116468,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116515,7 +116515,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116630,7 +116630,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = ` width="1em" > @@ -116983,7 +116983,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = ` width="1em" > @@ -117065,7 +117065,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = ` width="1em" > @@ -117168,7 +117168,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = ` width="1em" > @@ -117204,7 +117204,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = ` width="1em" > @@ -117240,7 +117240,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = ` width="1em" > @@ -117276,7 +117276,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = ` width="1em" > @@ -117500,7 +117500,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117547,7 +117547,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117594,7 +117594,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117709,7 +117709,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117824,7 +117824,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117871,7 +117871,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -117986,7 +117986,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -118101,7 +118101,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = ` width="1em" > @@ -118522,7 +118522,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = ` width="1em" > @@ -118570,7 +118570,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = ` width="1em" > @@ -118685,7 +118685,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = ` width="1em" > @@ -118732,7 +118732,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = ` width="1em" > @@ -118946,7 +118946,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = ` width="1em" > @@ -118993,7 +118993,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = ` width="1em" > @@ -119108,7 +119108,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = ` width="1em" > @@ -119223,7 +119223,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = ` width="1em" > @@ -119460,7 +119460,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] = width="1em" > @@ -119496,7 +119496,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] = width="1em" > @@ -119707,7 +119707,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue width="1em" > @@ -119783,7 +119783,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue width="1em" > @@ -119859,7 +119859,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue width="1em" > @@ -120479,7 +120479,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -120551,7 +120551,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -120744,7 +120744,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -120934,7 +120934,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -121006,7 +121006,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -121199,7 +121199,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = ` width="1em" > @@ -121410,7 +121410,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = ` width="1em" > @@ -121446,7 +121446,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = ` width="1em" > @@ -121482,7 +121482,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = ` width="1em" > @@ -121564,7 +121564,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = ` width="1em" > @@ -121646,7 +121646,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = ` width="1em" > @@ -121937,7 +121937,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = ` width="1em" > @@ -121973,7 +121973,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = ` width="1em" > @@ -122055,7 +122055,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = ` width="1em" > @@ -122137,7 +122137,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = ` width="1em" > @@ -122240,7 +122240,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] = width="1em" > @@ -122276,7 +122276,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] = width="1em" > @@ -122312,7 +122312,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] = width="1em" > @@ -122348,7 +122348,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] = width="1em" > @@ -122511,7 +122511,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] = width="1em" > @@ -122547,7 +122547,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] = width="1em" > @@ -122653,7 +122653,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = ` width="1em" > @@ -122689,7 +122689,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = ` width="1em" > @@ -122789,7 +122789,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = ` width="1em" > @@ -122825,7 +122825,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = ` width="1em" > @@ -123088,7 +123088,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = ` width="1em" > @@ -123176,7 +123176,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = ` width="1em" > @@ -123293,7 +123293,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = ` width="1em" > @@ -123420,7 +123420,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = ` width="1em" > @@ -123630,7 +123630,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = ` width="1em" > @@ -123677,7 +123677,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = ` width="1em" > @@ -123842,7 +123842,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -123932,7 +123932,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -123972,7 +123972,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124012,7 +124012,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124052,7 +124052,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124196,7 +124196,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124349,7 +124349,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124482,7 +124482,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124529,7 +124529,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124579,7 +124579,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124632,7 +124632,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -124876,7 +124876,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125086,7 +125086,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125232,7 +125232,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125283,7 +125283,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125338,7 +125338,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125397,7 +125397,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -125671,7 +125671,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = ` width="1em" > @@ -126873,7 +126873,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -126921,7 +126921,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -126969,7 +126969,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -127084,7 +127084,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -127131,7 +127131,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -127178,7 +127178,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = ` width="1em" > @@ -127371,7 +127371,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = ` width="1em" > @@ -127418,7 +127418,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = ` width="1em" > @@ -127465,7 +127465,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = ` width="1em" > @@ -127791,7 +127791,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > @@ -127871,7 +127871,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > @@ -128286,7 +128286,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > @@ -128701,7 +128701,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > @@ -129116,7 +129116,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > @@ -129531,7 +129531,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = ` width="1em" > diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap index f640b1440..3d6fa533b 100644 --- a/test/snap/__snapshots__/ssr.test.js.snap +++ b/test/snap/__snapshots__/ssr.test.js.snap @@ -284,7 +284,7 @@ exports[`ssr snapshot test > renders ./src/comment/_example/operation.vue correc exports[`ssr snapshot test > renders ./src/comment/_example/quote.vue correctly 1`] = `"
    评论作者名今天16:38
    这里是评论者写的评论内容。
    引用内容标题
    引用评论内容。
    "`; -exports[`ssr snapshot test > renders ./src/comment/_example/reply.vue correctly 1`] = `"
    评论作者名今天16:38
    这里是评论者写的评论内容。
    评论作者名B评论作者名A今天16:38
    这里是评论者写的评论内容。
    "`; +exports[`ssr snapshot test > renders ./src/comment/_example/reply.vue correctly 1`] = `"
    评论作者名今天16:38
    这里是评论者写的评论内容。
    评论作者名B评论作者名A今天16:38
    这里是评论者写的评论内容。
    "`; exports[`ssr snapshot test > renders ./src/comment/_example/reply-form.vue correctly 1`] = `"
    "`; @@ -298,13 +298,13 @@ 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
    "`; exports[`ssr snapshot test > renders ./src/config-provider/_example/popconfirm.vue correctly 1`] = `"
    "`; -exports[`ssr snapshot test > renders ./src/config-provider/_example/table.vue correctly 1`] = `"
    Type
    Platform
    Property


    Type
    Platform
    Property
    ArrayVue(PC)A
    StringReact(PC)B
    ObjectMiniprogramC


    "`; +exports[`ssr snapshot test > renders ./src/config-provider/_example/table.vue correctly 1`] = `"
    Type
    Platform
    Property


    Type
    Platform
    Property
    ArrayVue(PC)A
    StringReact(PC)B
    ObjectMiniprogramC


    "`; exports[`ssr snapshot test > renders ./src/date-picker/_example/base.vue correctly 1`] = `"
    "`; @@ -963,7 +963,7 @@ exports[`ssr snapshot test > renders ./src/statistic/_example/trend.vue correctl exports[`ssr snapshot test > renders ./src/steps/_example/extra.vue correctly 1`] = `"
    步骤1
    这里是提示文字
    2
    步骤2
    这里是提示文字
    3
    步骤3
    这里是提示文字
    4
    步骤4
    这里是提示文字
    "`; -exports[`ssr snapshot test > renders ./src/steps/_example/icon.vue correctly 1`] = `"
    登录
    已完成状态
    购物
    进行中状态
    支付
    未开始
    完成
    未开始
    "`; +exports[`ssr snapshot test > renders ./src/steps/_example/icon.vue correctly 1`] = `"
    登录
    已完成状态
    购物
    进行中状态
    支付
    未开始
    完成
    未开始
    "`; exports[`ssr snapshot test > renders ./src/steps/_example/no-sequence.vue correctly 1`] = `"
    已完成的步骤
    这里是提示文字
    进行中的步骤
    这里是提示文字
    未进行的步骤
    这里是提示文字
    未进行的步骤
    这里是提示文字
    "`; @@ -1243,45 +1243,45 @@ exports[`ssr snapshot test > renders ./src/transfer/_example/target-draggable.vu exports[`ssr snapshot test > renders ./src/transfer/_example/target-value.vue correctly 1`] = `"
    0 / 10 项
    0 / 10 项
    "`; -exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"

    使用插槽

    0 / 5 项
    0 / 0 项
    暂无数据

    使用属性

    0 / 5 项
    0 / 0 项
    暂无数据
    "`; +exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"

    使用插槽

    0 / 5 项
    0 / 0 项
    暂无数据

    使用属性

    0 / 5 项
    0 / 0 项
    暂无数据
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"
    节点可高亮:
    节点可多选高亮:
    整个节点可点击:
    1
    1.1
    1.2
    2
    2.1
    2.2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"
    节点可高亮:
    节点可多选高亮:
    整个节点可点击:
    1
    1.1
    1.2
    2
    2.1
    2.2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"
    第一段
    第一段
    第一段
    第一段
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"
    第一段
    第一段
    第一段
    第一段
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"
    可选:
    严格模式:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"
    可选:
    严格模式:
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"
    选中节点:
    checked:
    展开节点:
    expanded:
    高亮节点:
    actived:
    可选:
    节点可高亮:
    受控同步节点:
    2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"
    选中节点:
    checked:
    展开节点:
    expanded:
    高亮节点:
    actived:
    可选:
    节点可高亮:
    受控同步节点:
    2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"

    数据切换

    切换数据:
    默认展开全部:
    可选:
    节点可高亮:
    展开动画:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"

    数据切换

    切换数据:
    默认展开全部:
    可选:
    节点可高亮:
    展开动画:
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"
    filter:
    允许折叠:
    可选:
    1
    2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"
    filter:
    允许折叠:
    可选:
    1
    2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"
    插入节点数量:
    展开动画:
    显示连线:
    显示图标:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"
    插入节点数量:
    展开动画:
    显示连线:
    显示图标:
    "`; exports[`ssr snapshot test > renders ./src/tree/_example/debug-vscroll.vue correctly 1`] = `"

    虚拟滚动 - virtual 模式

    动画:
    显示连线:
    显示图标:
    可选:
    可操作:
    level1 节点数量:
    level2 节点数量:
    level3 节点数量:
    插入节点数量:
    filter:
    暂无数据
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"
    是否禁用整个 tree:
    可选:
    可激活:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"
    是否禁用整个 tree:
    可选:
    可激活:
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"
    1
    1.1
    1.1.1
    1.1.1.1
    1.1.1.2
    1.1.2
    1.1.2.1
    1.1.2.2
    2
    2.1
    2.2 不允许拖放为 2.2 的子节点
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"
    1
    1.1
    1.1.1
    1.1.1.1
    1.1.1.2
    1.1.2
    1.1.2.1
    1.1.2.2
    2
    2.1
    2.2 不允许拖放为 2.2 的子节点
    "`; exports[`ssr snapshot test > renders ./src/tree/_example/empty.vue correctly 1`] = `"

    默认为空状态

    暂无数据

    设置 empty 属性为指定字符串

    😊 空数据（string）

    jsx 形式

    😊 空数据（ empty props ）

    slot 形式

    😊 空数据（slot）
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"
    切换数据:
    展开动画:
    t1
    t1.1
    t1.1.1
    t1.1.2
    t1.2
    1.2.1
    1.2.2
    t2
    t2.1
    t2.2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"
    切换数据:
    展开动画:
    t1
    t1.1
    t1.1.1
    t1.1.2
    t1.2
    1.2.1
    1.2.2
    t2
    t2.1
    t2.2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"
    1
    1.1
    1.2
    2
    2.1
    2.2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"
    1
    1.1
    1.2
    2
    2.1
    2.2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"
    互斥展开:
    整个节点可点击:
    1
    2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"
    互斥展开:
    整个节点可点击:
    1
    2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"
    filter:
    1
    2
    filter:
    1
    2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"
    filter:
    1
    2
    filter:
    1
    2
    "`; exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"

    属性设置 jsx 形式

    1
    2

    slot 形式

    1
    2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"

    属性设置 jsx 形式

    value: t1065, label: 1
    value: t1066, label: 1.1
    value: t1067, label: 1.2
    value: t1068, label: 2
    value: t1069, label: 2.1
    value: t1070, label: 2.2

    slot 形式

    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"

    属性设置 jsx 形式

    value: t1065, label: 1
    value: t1066, label: 1.1
    value: t1067, label: 1.2
    value: t1068, label: 2
    value: t1069, label: 2.1
    value: t1070, label: 2.2

    slot 形式

    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"
    可选:
    严格模式:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"
    可选:
    严格模式:
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"
    显示连线:
    显示图标:

    默认样式

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4

    使用属性结合 jsx 来自定义呈现

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4

    slot 形式

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"
    显示连线:
    显示图标:

    默认样式

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4

    使用属性结合 jsx 来自定义呈现

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4

    slot 形式

    1
    1.1
    1.2
    2
    2.1
    2.1.1
    2.1.1.1
    2.1.1.1.1
    2.1.1.1.2
    2.1.2
    2.2
    3
    3.1
    3.2
    4
    "`; exports[`ssr snapshot test > renders ./src/tree/_example/load.vue correctly 1`] = `"
    可选:
    暂无数据
    "`; @@ -1289,9 +1289,9 @@ exports[`ssr snapshot test > renders ./src/tree/_example/operations.vue correctl exports[`ssr snapshot test > renders ./src/tree/_example/state.vue correctly 1`] = `"
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"
    checked:
    expanded:
    actived:
    2
    2.1
    2.2
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"
    checked:
    expanded:
    actived:
    2
    2.1
    2.2
    "`; -exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"
    展开动画:
    显示连线:
    显示图标:
    "`; +exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"
    展开动画:
    显示连线:
    显示图标:
    "`; exports[`ssr snapshot test > renders ./src/tree/_example/vscroll-lazy.vue correctly 1`] = `"

    虚拟滚动 - lazy模式

    "`; @@ -1315,7 +1315,7 @@ exports[`ssr snapshot test > renders ./src/tree-select/_example/valuedisplay.vue 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`] = `"

    虚拟滚动 - virtual 模式

    动画:
    显示连线:
    显示图标:
    可选:
    可操作:
    插入节点数量:
    "`; +exports[`ssr snapshot test > renders ./src/upload/_example/base.vue correctly 1`] = `"

    虚拟滚动 - virtual 模式

    动画:
    显示连线:
    显示图标:
    可选:
    可操作:
    插入节点数量:
    "`; exports[`ssr snapshot test > renders ./src/upload/_example/base.vue correctly 2`] = `"

    要求文件大小在 1M 以内
    这是一个默认文件
    文件上传失败示例
    "`;