mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-05 13:39:40 +08:00
9be58078d2
* feat(demo): A-B * feat(demo): update B-checkbox * feat(demo): update CheckBox -DatePicker * feat(demo): update DatePicker - Form * feat(demo): update Form - List * feat(demo): update List-pagination * feat(demo): update List - skeleton * feat(demo): update skeleton - switch * feat(demo): update skeleton - switch * feat(demo): update switch - upload * feat(demo): update watermark * fix(demo): del hashId
258 lines
12 KiB
Plaintext
258 lines
12 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/skeleton/demo/active.vue correctly 1`] = `
|
|
<div class="ant-skeleton ant-skeleton-active ">
|
|
<!---->
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 38%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
<li style="width: 61%;"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/basic.vue correctly 1`] = `
|
|
<div class="ant-skeleton ">
|
|
<!---->
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 38%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
<li style="width: 61%;"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/children.vue correctly 1`] = `
|
|
<div style="width: 100%;" class="ant-space ant-space-vertical">
|
|
<div class="ant-space-item" style="margin-bottom: 16px;">
|
|
<div>
|
|
<h4>Ant Design Vue, a design language</h4>
|
|
<p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently. </p>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<div class="ant-space-item"><button class="ant-btn ant-btn-default" type="button">
|
|
<!----><span>Show Skeleton</span>
|
|
</button></div>
|
|
<!---->
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/complex.vue correctly 1`] = `
|
|
<div class="ant-skeleton ant-skeleton-with-avatar ">
|
|
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
|
|
<div class="ant-space ant-space-horizontal ant-space-align-center">
|
|
<div class="ant-space-item" style="margin-right: 8px;">
|
|
<div class="ant-skeleton ant-skeleton-element"><span class="ant-skeleton-button"></span></div>
|
|
</div>
|
|
<!---->
|
|
<div class="ant-space-item" style="margin-right: 8px;">
|
|
<div class="ant-skeleton ant-skeleton-element"><span class="ant-skeleton-avatar ant-skeleton-avatar-circle"></span></div>
|
|
</div>
|
|
<!---->
|
|
<div class="ant-space-item">
|
|
<div class="ant-skeleton ant-skeleton-element" style="width: 200px;"><span class="ant-skeleton-input"></span></div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<div class="ant-skeleton ant-skeleton-element"><span class="ant-skeleton-button"></span></div>
|
|
<br>
|
|
<br>
|
|
<div class="ant-skeleton ant-skeleton-element">
|
|
<div class="ant-skeleton-image"><svg viewBox="0 0 1098 1024" xmlns="http://www.w3.org/2000/svg" class="ant-skeleton-image-svg">
|
|
<path d="M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z" class="ant-skeleton-image-path"></path>
|
|
</svg></div>
|
|
</div>
|
|
<div class="ant-divider ant-divider-horizontal" role="separator">
|
|
<!---->
|
|
</div>
|
|
<form style="margin: 16px 0px;" class="ant-form ant-form-inline">
|
|
<div class="ant-form-item">
|
|
<div class="ant-row ant-form-row">
|
|
<div class="ant-col ant-form-item-label"><label class="" title="Active">Active
|
|
<!---->
|
|
</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"><button type="button" role="switch" aria-checked="false" class="ant-switch">
|
|
<div class="ant-switch-handle">
|
|
<!---->
|
|
</div><span class="ant-switch-inner"><span class="ant-switch-inner-checked"><!----></span><span class="ant-switch-inner-unchecked"><!----></span></span>
|
|
</button></div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-form-item">
|
|
<div class="ant-row ant-form-row">
|
|
<div class="ant-col ant-form-item-label"><label class="" title="Button Block">Button Block
|
|
<!---->
|
|
</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"><button type="button" role="switch" aria-checked="false" class="ant-switch">
|
|
<div class="ant-switch-handle">
|
|
<!---->
|
|
</div><span class="ant-switch-inner"><span class="ant-switch-inner-checked"><!----></span><span class="ant-switch-inner-unchecked"><!----></span></span>
|
|
</button></div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-form-item">
|
|
<div class="ant-row ant-form-row">
|
|
<div class="ant-col ant-form-item-label"><label class="" title="Size">Size
|
|
<!---->
|
|
</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-radio-group ant-radio-group-outline"><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="large"><span class="ant-radio-button-inner"></span></span><span>Large</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>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-form-item">
|
|
<div class="ant-row ant-form-row">
|
|
<div class="ant-col ant-form-item-label"><label class="" title="Button Shape">Button Shape
|
|
<!---->
|
|
</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-radio-group ant-radio-group-outline"><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="round"><span class="ant-radio-button-inner"></span></span><span>Round</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="circle"><span class="ant-radio-button-inner"></span></span><span>Circle</span></label></div>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-form-item">
|
|
<div class="ant-row ant-form-row">
|
|
<div class="ant-col ant-form-item-label"><label class="" title="Avatar Shape">Avatar Shape
|
|
<!---->
|
|
</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-radio-group ant-radio-group-outline"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="square"><span class="ant-radio-button-inner"></span></span><span>Square</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="circle"><span class="ant-radio-button-inner"></span></span><span>Circle</span></label></div>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
</form>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/list.vue correctly 1`] = `
|
|
<div><button type="button" role="switch" aria-checked="false" class="ant-switch">
|
|
<div class="ant-switch-handle">
|
|
<!---->
|
|
</div><span class="ant-switch-inner"><span class="ant-switch-inner-checked"><!----></span><span class="ant-switch-inner-unchecked"><!----></span></span>
|
|
</button>
|
|
<div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
|
|
<!---->
|
|
<!---->
|
|
<div class="ant-spin-nested-loading">
|
|
<!---->
|
|
<div class="ant-spin-container">
|
|
<ul class="ant-list-items">
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active ">
|
|
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active ">
|
|
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active ">
|
|
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
|
|
<div class="ant-skeleton-content">
|
|
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
|
|
<ul class="ant-skeleton-paragraph">
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
<div class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
`;
|