Skip to content

Commit

Permalink
demo: remove form ref usage from demo (#46046)
Browse files Browse the repository at this point in the history
  • Loading branch information
@afc163
afc163 committed Nov 23, 2023
1 parent 5b5087d commit 9f9f64e
Show file tree
Hide file tree
Showing 7 changed files with 2 additions and 584 deletions.
282 changes: 0 additions & 282 deletions components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1925,288 +1925,6 @@ exports[`renders components/form/demo/control-hooks.tsx extend context correctly

exports[`renders components/form/demo/control-hooks.tsx extend context correctly 2`] = `[]`;

exports[`renders components/form/demo/control-ref.tsx extend context correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
id="control-ref"
style="max-width: 600px;"
>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-col-8 ant-form-item-label"
>
<label
class="ant-form-item-required"
for="control-ref_note"
title="Note"
>
Note
</label>
</div>
<div
class="ant-col ant-col-16 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
aria-required="true"
class="ant-input"
id="control-ref_note"
type="text"
value=""
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-col-8 ant-form-item-label"
>
<label
class="ant-form-item-required"
for="control-ref_gender"
title="Gender"
>
Gender
</label>
</div>
<div
class="ant-col ant-col-16 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
aria-required="true"
class="ant-select ant-select-in-form-item ant-select-single ant-select-allow-clear ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="control-ref_gender_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="control-ref_gender_list"
aria-required="true"
autocomplete="off"
class="ant-select-selection-search-input"
id="control-ref_gender"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
Select a option and change input text above
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
>
<div>
<div
id="control-ref_gender_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-label="male"
aria-selected="false"
id="control-ref_gender_list_0"
role="option"
>
male
</div>
<div
aria-label="female"
aria-selected="false"
id="control-ref_gender_list_1"
role="option"
>
female
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="male"
>
<div
class="ant-select-item-option-content"
>
male
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="female"
>
<div
class="ant-select-item-option-content"
>
female
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="other"
>
<div
class="ant-select-item-option-content"
>
other
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<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"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn ant-btn-primary"
type="submit"
>
<span>
Submit
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Reset
</span>
</button>
<button
class="ant-btn ant-btn-link"
type="button"
>
<span>
Fill form
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
`;

exports[`renders components/form/demo/control-ref.tsx extend context correctly 2`] = `[]`;

exports[`renders components/form/demo/custom-feedback-icons.tsx extend context correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
Expand Down

0 comments on commit 9f9f64e

Please sign in to comment.