|
|
|
@ -1,14 +1,181 @@
|
|
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|
|
|
|
<div>
|
|
|
|
|
<form class="ant-form ant-form-horizontal ant-advanced-search-form">
|
|
|
|
|
<div class="ant-row" style="margin-left: -12px; margin-right: -12px;">
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-1" class="ant-form-item-required" title="field-1">field-1
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-1" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-2" class="ant-form-item-required" title="field-2">field-2
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-2" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-3" class="ant-form-item-required" title="field-3">field-3
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-3" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-4" class="ant-form-item-required" title="field-4">field-4
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-4" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-5" class="ant-form-item-required" title="field-5">field-5
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-5" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-6" class="ant-form-item-required" title="field-6">field-6
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-6" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px; display: none;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-7" class="ant-form-item-required" title="field-7">field-7
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-7" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px; display: none;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-8" class="ant-form-item-required" title="field-8">field-8
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-8" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px; display: none;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-9" class="ant-form-item-required" title="field-9">field-9
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-9" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-col ant-col-8" style="padding-left: 12px; padding-right: 12px; display: none;">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="advanced_search_field-10" class="ant-form-item-required" title="field-10">field-10
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input placeholder="placeholder" type="text" id="advanced_search_field-10" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row">
|
|
|
|
|
<div class="ant-col ant-col-24" style="text-align: right;"><button class="ant-btn ant-btn-primary" type="submit">
|
|
|
|
|
<!----><span>Search</span>
|
|
|
|
|
</button><button style="margin: 0px 8px;" class="ant-btn" type="button">
|
|
|
|
|
<!----><span>Clear</span>
|
|
|
|
|
</button><a style="font-size: 12px;"><span role="img" aria-label="down" class="anticon anticon-down"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><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> Collapse </a></div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="search-result-list">Search Result List</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/basic.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<form autocomplete="off" class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Activity name">Activity name
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="basic_username" class="ant-form-item-required" title="Username">Username
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<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 type="text" class="ant-input"></div>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="text" id="basic_username" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
@ -16,99 +183,12 @@ exports[`renders ./components/form/demo/basic.vue correctly 1`] = `
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Activity zone">Activity zone
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="basic_password" class="ant-form-item-required" title="Password">Password
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<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 class="ant-select ant-select-single ant-select-show-arrow">
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
<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-placeholder">please select your zone</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 focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><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>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Activity time">Activity time
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-picker" style="width: 100%;">
|
|
|
|
|
<div class="ant-picker-input"><input readonly="" placeholder="Pick a date" title="" size="21" autocomplete="off"><span class="ant-picker-suffix"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg focusable="false" class="" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span></span>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Instant delivery">Instant delivery
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><button type="button" role="switch" aria-checked="false" class="ant-switch">
|
|
|
|
|
<!----><span class="ant-switch-inner"><!----></span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Activity type">Activity type
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content">
|
|
|
|
|
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="1"><span class="ant-checkbox-inner"></span></span><span>Online</span></label><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="2"><span class="ant-checkbox-inner"></span></span><span>Promotion</span></label><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="3"><span class="ant-checkbox-inner"></span></span><span>Offline</span></label></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Resources">Resources
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content">
|
|
|
|
|
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Sponsor</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Venue</span></label></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label class="" title="Activity form">Activity form
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="textarea" class="ant-input"></div>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><span class="ant-input-affix-wrapper ant-input-password"><!----><input id="basic_password" type="password" class="ant-input"><span class="ant-input-suffix"><!----><span tabindex="-1" role="img" aria-label="eye-invisible" class="anticon anticon-eye-invisible ant-input-password-icon"><svg focusable="false" class="" data-icon="eye-invisible" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"></path></svg></span></span></span></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
@ -117,12 +197,21 @@ exports[`renders ./components/form/demo/basic.vue correctly 1`] = `
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control">
|
|
|
|
|
<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="button">
|
|
|
|
|
<!----><span>Create</span>
|
|
|
|
|
</button><button style="margin-left: 10px;" class="ant-btn" type="button">
|
|
|
|
|
<!----><span>Cancel</span>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"><span class="ant-checkbox ant-checkbox-checked"><input id="basic_remember" type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Remember me</span></label></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<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></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
@ -266,6 +355,202 @@ exports[`renders ./components/form/demo/dynamic-form-item.vue correctly 1`] = `
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/dynamic-form-items.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col 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-dashed ant-btn-block" type="button">
|
|
|
|
|
<!----><span role="img" aria-label="plus" class="anticon anticon-plus"><svg focusable="false" class="" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><defs><style></style></defs><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></span><span>Add user</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col 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></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/dynamic-form-items-complex.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="dynamic_form_nest_item_area" class="ant-form-item-required" title="Area">Area
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content">
|
|
|
|
|
<div class="ant-select ant-select-single ant-select-show-arrow">
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="dynamic_form_nest_item_area" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="dynamic_form_nest_item_area_list" aria-autocomplete="list" aria-controls="dynamic_form_nest_item_area_list" aria-activedescendant="dynamic_form_nest_item_area_list_0" readonly="" unselectable="on" type="search"></span>
|
|
|
|
|
<!----><span class="ant-select-selection-placeholder"><!----></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 focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><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>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col 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-dashed ant-btn-block" type="button">
|
|
|
|
|
<!----><span role="img" aria-label="plus" class="anticon anticon-plus"><svg focusable="false" class="" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><defs><style></style></defs><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></span><span>Add sights</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col 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></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/dynamic-rule.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label html-for="dynamic_rule_username" class="ant-form-item-required" title="Username">Username
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="text" id="dynamic_rule_username" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label html-for="dynamic_rule_nickname" class="" title="Nickname">Nickname
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="text" id="dynamic_rule_nickname" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input id="dynamic_rule_checkNick" type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Nickname is required</span></label></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-col-8 ant-col-offset-4 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="button">
|
|
|
|
|
<!----><span>Check</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/form-context.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="form_context_group" class="ant-form-item-required" title="Group Name">Group Name
|
|
|
|
|
<!---->
|
|
|
|
|
</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 type="text" id="form_context_group" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label class="" title="User List">User List
|
|
|
|
|
<!---->
|
|
|
|
|
</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"><span class="ant-typography ant-typography-secondary ant-form-text"> ( <span role="img" aria-label="smile" class="anticon anticon-smile"><svg focusable="false" class="" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"></path></svg></span> No user yet. )
|
|
|
|
|
<!----></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<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 style="margin: 0px 8px;" class="ant-btn" type="button">
|
|
|
|
|
<!----><span>Add User</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<!---->
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/form-in-modal.vue correctly 1`] = `
|
|
|
|
|
<div><button class="ant-btn ant-btn-primary" type="button">
|
|
|
|
|
<!----><span>New Collection</span>
|
|
|
|
|
</button>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/horizontal-login.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-inline">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
@ -310,6 +595,52 @@ exports[`renders ./components/form/demo/horizontal-login.vue correctly 1`] = `
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/inline-login.vue correctly 1`] = `
|
|
|
|
|
<form autocomplete="off" class="ant-form ant-form-inline">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="horizontal_login_username" class="ant-form-item-required" title="Username">Username
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><span role="img" aria-label="user" class="anticon anticon-user site-form-item-icon"><svg focusable="false" class="" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></span></span><input type="text" id="horizontal_login_username" class="ant-input">
|
|
|
|
|
<!----></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="horizontal_login_password" class="ant-form-item-required" title="Password">Password
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><span class="ant-input-affix-wrapper ant-input-password"><span class="ant-input-prefix"><span role="img" aria-label="lock" class="anticon anticon-lock site-form-item-icon"><svg focusable="false" class="" data-icon="lock" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"></path></svg></span></span><input id="horizontal_login_password" type="password" class="ant-input"><span class="ant-input-suffix"><!----><span tabindex="-1" role="img" aria-label="eye-invisible" class="anticon anticon-eye-invisible ant-input-password-icon"><svg focusable="false" class="" data-icon="eye-invisible" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"></path></svg></span></span></span></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><button disabled="" class="ant-btn ant-btn-primary" type="submit">
|
|
|
|
|
<!----><span>Log in</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/lable-width.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
@ -460,16 +791,15 @@ exports[`renders ./components/form/demo/layout.vue correctly 1`] = `
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/nested-form.vue correctly 1`] = `
|
|
|
|
|
<div>
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
exports[`renders ./components/form/demo/nest-messages.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label html-for="form_item_name" class="ant-form-item-required" title="Activity name">Activity name
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="nest-messages_user_name" class="ant-form-item-required" title="Name">Name
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<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 type="text" id="form_item_name" class="ant-input"></div>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="text" id="nest-messages_user_name" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
@ -477,12 +807,56 @@ exports[`renders ./components/form/demo/nested-form.vue correctly 1`] = `
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-4 ant-form-item-label"><label html-for="form_item_sub_name" class="ant-form-item-required" title="Sub name">Sub name
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="nest-messages_user_email" class="" title="Email">Email
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-col-14 ant-form-item-control">
|
|
|
|
|
<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 type="text" id="form_item_sub_name" class="ant-input"></div>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><input type="text" id="nest-messages_user_email" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="nest-messages_user_age" class="" title="Age">Age
|
|
|
|
|
<!---->
|
|
|
|
|
</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 class="ant-input-number">
|
|
|
|
|
<div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><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-input-number-input-wrap"><input autocomplete="off" role="spinbutton" step="1" class="ant-input-number-input"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="nest-messages_user_website" class="" title="Website">Website
|
|
|
|
|
<!---->
|
|
|
|
|
</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 type="text" id="nest-messages_user_website" class="ant-input"></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-col-8 ant-form-item-label"><label html-for="nest-messages_user_introduction" class="" title="Introduction">Introduction
|
|
|
|
|
<!---->
|
|
|
|
|
</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"><textarea id="nest-messages_user_introduction" class="ant-input"></textarea></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
@ -491,12 +865,10 @@ exports[`renders ./components/form/demo/nested-form.vue correctly 1`] = `
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control">
|
|
|
|
|
<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="button">
|
|
|
|
|
<!----><span>Create</span>
|
|
|
|
|
</button><button style="margin-left: 10px;" class="ant-btn" type="button">
|
|
|
|
|
<!----><span>Reset</span>
|
|
|
|
|
<div class="ant-form-item-control-input-content"><button class="ant-btn ant-btn-primary" type="submit">
|
|
|
|
|
<!----><span>Submit</span>
|
|
|
|
|
</button></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
@ -504,8 +876,66 @@ exports[`renders ./components/form/demo/nested-form.vue correctly 1`] = `
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/normal-login.vue correctly 1`] = `
|
|
|
|
|
<form class="ant-form ant-form-horizontal login-form">
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="normal_login_username" class="ant-form-item-required" title="Username">Username
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><span role="img" aria-label="user" class="anticon anticon-user site-form-item-icon"><svg focusable="false" class="" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></span></span><input type="text" id="normal_login_username" class="ant-input">
|
|
|
|
|
<!----></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<div class="ant-col ant-form-item-label"><label html-for="normal_login_password" class="ant-form-item-required" title="Password">Password
|
|
|
|
|
<!---->
|
|
|
|
|
</label></div>
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><span class="ant-input-affix-wrapper ant-input-password"><span class="ant-input-prefix"><span role="img" aria-label="lock" class="anticon anticon-lock site-form-item-icon"><svg focusable="false" class="" data-icon="lock" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"></path></svg></span></span><input id="normal_login_password" type="password" class="ant-input"><span class="ant-input-suffix"><!----><span tabindex="-1" role="img" aria-label="eye-invisible" class="anticon anticon-eye-invisible ant-input-password-icon"><svg focusable="false" class="" data-icon="eye-invisible" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"></path></svg></span></span></span></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="login-form-wrap">
|
|
|
|
|
<div class="ant-row ant-form-item" no-style="">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col ant-form-item-control">
|
|
|
|
|
<div class="ant-form-item-control-input">
|
|
|
|
|
<div class="ant-form-item-control-input-content"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"><span class="ant-checkbox ant-checkbox-checked"><input id="normal_login_remember" type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Remember me</span></label></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div><a class="login-form-forgot" href="">Forgot password</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-row ant-form-item">
|
|
|
|
|
<!---->
|
|
|
|
|
<div class="ant-col 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 login-form-button" disabled="" type="submit">
|
|
|
|
|
<!----><span>Log in</span>
|
|
|
|
|
</button> Or <a href="">register now!</a></div>
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
<!---->
|
|
|
|
|
<!---->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`renders ./components/form/demo/useForm-basic.vue correctly 1`] = `
|
|
|
|
|