github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: select controller open not work

pull/3053/head
tangjinzhou 2020-10-26 22:14:00 +08:00
parent ee9ba197ba
commit 4f510dd46c
5 changed files with 99 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
antdv-demo

@ -1 +1 @@
Subproject commit 6cb2ff40c46114d4195edcacf82e56b6686ff8a7
Subproject commit 9bb9cb5ae42a776adb2d3bf3242a473a9851b344

205
components/select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,20 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/select/demo/automatic-tokenization.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<!---->
<ul>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<!---->
</div>
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span><span class="ant-select-selection-placeholder"><!----></span></div>
<!---->
<!---->
</div>
`;
@ -47,6 +39,22 @@ exports[`renders ./antdv-demo/docs/select/demo/basic.md correctly 1`] = `
</div>
`;
exports[`renders ./antdv-demo/docs/select/demo/big-data.md correctly 1`] = `
<div>
<h2>100000 Items</h2>
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-item ant-select-selection-item-disabled"><span class="ant-select-selection-item-content">a10</span>
<!----></span><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">c12</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span>
<!---->
</div>
<!---->
<!---->
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/select/demo/coordinate.md correctly 1`] = `
<div>
<div class="ant-select ant-select-single ant-select-show-arrow" style="width: 120px;">
@ -80,20 +88,12 @@ exports[`renders ./antdv-demo/docs/select/demo/custom-dropdown-menu.md correctly
`;
exports[`renders ./antdv-demo/docs/select/demo/hide-selected.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: block; user-select: none;" class="ant-select-selection__placeholder">Inserted are removed</div>
<ul>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<!---->
</div>
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span><span class="ant-select-selection-placeholder">Inserted are removed</span></div>
<!---->
<!---->
</div>
`;
@ -109,26 +109,14 @@ exports[`renders ./antdv-demo/docs/select/demo/label-in-value.md correctly 1`] =
`;
exports[`renders ./antdv-demo/docs/select/demo/multiple.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: none; user-select: none;" class="ant-select-selection__placeholder">Please select</div>
<ul>
<li style="user-select: none;" unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li style="user-select: none;" unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">a1</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">b2</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span>
<!---->
</div>
<!---->
<!---->
</div>
`;
@ -144,23 +132,14 @@ exports[`renders ./antdv-demo/docs/select/demo/optgroup.md correctly 1`] = `
`;
exports[`renders ./antdv-demo/docs/select/demo/option-label-prop.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: none; user-select: none;" class="ant-select-selection__placeholder">select one country</div>
<ul>
<li style="user-select: none;" unselectable="on" role="presentation" title="China" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">China</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">China</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span>
<!---->
</div>
<!---->
<!---->
</div>
`;
@ -199,77 +178,43 @@ exports[`renders ./antdv-demo/docs/select/demo/search-box.md correctly 1`] = `
`;
exports[`renders ./antdv-demo/docs/select/demo/select-users.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: block; user-select: none;" class="ant-select-selection__placeholder">Select users</div>
<ul>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<!---->
</div>
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span><span class="ant-select-selection-placeholder">Select users</span></div>
<!---->
<!---->
</div>
`;
exports[`renders ./antdv-demo/docs/select/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span> Large </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span> Default </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span> Small </span></label></div><br><br>
<!---->
<div style="width: 200px;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<!---->
<div class="ant-select-selection-selected-value" title="a1" style="display: block; opacity: 1;">a1</div>
</div>
<!----><span class="ant-select-arrow" style="user-select: none;" unselectable="on"><span role="img" aria-label="down" class="anticon anticon-down ant-select-arrow-icon"><svg class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
</div>
<div class="ant-select ant-select-single ant-select-show-arrow" style="width: 200px;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item">a1</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div><br>
<!---->
<div style="width: 200px;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: none; user-select: none;" class="ant-select-selection__placeholder">Please select</div>
<ul>
<li style="user-select: none;" unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li style="user-select: none;" unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 200px;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">a1</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">b2</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span>
<!---->
</div>
<!---->
<!---->
</div><br>
<!---->
<div style="width: 200px;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: none; user-select: none;" class="ant-select-selection__placeholder">Please select</div>
<ul>
<li style="user-select: none;" unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li style="user-select: none;" unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice zoom-enter">
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span>
</li>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 200px;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">a1</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">b2</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span>
<!---->
</div>
<!---->
<!---->
</div>
</div>
`;
@ -296,19 +241,11 @@ exports[`renders ./antdv-demo/docs/select/demo/suffix.md correctly 1`] = `
`;
exports[`renders ./antdv-demo/docs/select/demo/tags.md correctly 1`] = `
<!---->
<div style="width: 100%;" class="ant-select ant-select-enabled" tabindex="0">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="on" style="display: block; user-select: none;" class="ant-select-selection__placeholder">Tags Mode</div>
<ul>
<li class="ant-select-search ant-select-search--inline zoom-enter">
<div class="ant-select-search__field__wrap"><input autocomplete="off" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
<!---->
<!---->
</div>
<div class="ant-select ant-select-multiple ant-select-show-search" style="width: 100%;">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search" style="width: 0px;"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" type="search"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></span><span class="ant-select-selection-placeholder">Tags Mode</span></div>
<!---->
<!---->
</div>
`;

2
components/select/__tests__/__snapshots__/index.test.js.snap
View File

@ -10,5 +10,3 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
<!---->
</div>
`;
exports[`Select should not have notFoundContent when mode is combobox and notFoundContent is set 1`] = `"not at all<!---->"`;

22
components/vc-select/Selector/Input.tsx
View File

@ -1,5 +1,13 @@
import { cloneElement } from '../../_util/vnode';
import { defineComponent, inject, VNode, VNodeChild, withDirectives } from 'vue';
import {
defineComponent,
getCurrentInstance,
inject,
onMounted,
VNode,
VNodeChild,
withDirectives,
} from 'vue';
import PropTypes from '../../_util/vue-types';
import { RefObject } from '../../_util/createRef';
import antInput from '../../_util/antInputDirective';
@ -30,7 +38,17 @@ interface InputProps {
const Input = defineComponent<InputProps, { VCSelectContainerEvent: any }>({
name: 'Input',
inheritAttrs: false,
setup() {
setup(props) {
if (process.env.NODE_ENV === 'test') {
onMounted(() => {
const ins = getCurrentInstance();
if (props.autofocus) {
if (ins.vnode && ins.vnode.el) {
ins.vnode.el.focus();
}
}
});
}
return {
VCSelectContainerEvent: inject('VCSelectContainerEvent'),
};

17
components/vc-select/generate.tsx
View File

@ -660,21 +660,18 @@ export default function generateSelector<
};
// ============================== Open ==============================
const innerOpen = ref(undefined);
const mergedOpen = ref(undefined);
const initOpen = props.open !== undefined ? props.open : props.defaultOpen;
const innerOpen = ref(initOpen);
const mergedOpen = ref(initOpen);
const setInnerOpen = (val: boolean) => {
setTimeout(() => {
innerOpen.value = val;
mergedOpen.value = innerOpen.value;
});
innerOpen.value = props.open !== undefined ? props.open : val;
mergedOpen.value = innerOpen.value;
};
watch(
computed(() => [props.defaultOpen, props.open]),
() => props.open,
() => {
setInnerOpen(props.open !== undefined ? props.open : props.defaultOpen);
setInnerOpen(props.open);
},
{ immediate: true },
);
// Not trigger `open` in `combobox` when `notFoundContent` is empty