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

fix: comment actions not work

pull/2682/head
tanjinzhou 2020-08-14 14:00:25 +08:00
parent d3d631b862
commit 7796894e01
4 changed files with 50 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -73,7 +73,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/list.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<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> <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>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<!----> <!---->
@ -90,7 +92,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/list.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<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> <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>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<!----> <!---->
@ -117,7 +121,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/nested.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p> <p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p>
</div> </div>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<div class="ant-comment-nested"> <div class="ant-comment-nested">
@ -131,7 +137,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/nested.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p> <p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p>
</div> </div>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<div class="ant-comment-nested"> <div class="ant-comment-nested">
@ -145,7 +153,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/nested.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p> <p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p>
</div> </div>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<!----> <!---->
@ -160,7 +170,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/nested.md correctly 1`] = `
<div class="ant-comment-content-detail"> <div class="ant-comment-content-detail">
<p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p> <p> We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure). </p>
</div> </div>
<!----> <ul class="ant-comment-actions">
<li><span>Reply to</span></li>
</ul>
</div> </div>
</div> </div>
<!----> <!---->

9
components/comment/index.jsx
View File

@ -55,10 +55,11 @@ const Comment = {
</div> </div>
); );
const actionDom = const actionDom = actions ? (
actions && actions.length ? ( <ul class={`${prefixCls}-actions`}>
<ul class={`${prefixCls}-actions`}>{this.getAction(actions)}</ul> {this.getAction(Array.isArray(actions) ? actions : [actions])}
) : null; </ul>
) : null;
const authorContent = ( const authorContent = (
<div class={`${prefixCls}-content-author`}> <div class={`${prefixCls}-content-author`}>

32
components/mentions/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,16 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/mentions/demo/async.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/async.md correctly 1`] = `
<div class="ant-mentions"><textarea rows="1"></textarea>
<!---->
</div>
`;
exports[`renders ./antdv-demo/docs/mentions/demo/basic.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/basic.md correctly 1`] = `
<div class="ant-mentions"><textarea autofocus="" rows="1"></textarea>
<!---->
</div>
`;
exports[`renders ./antdv-demo/docs/mentions/demo/form.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/mentions/demo/form.md correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
@ -32,15 +40,27 @@ exports[`renders ./antdv-demo/docs/mentions/demo/form.md correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/docs/mentions/demo/placement.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/placement.md correctly 1`] = `
<div class="ant-mentions"><textarea rows="1"></textarea>
<!---->
</div>
`;
exports[`renders ./antdv-demo/docs/mentions/demo/prefix.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1" placeholder="input @ to mention people, # to mention tag"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/prefix.md correctly 1`] = `
<div class="ant-mentions"><textarea rows="1" placeholder="input @ to mention people, # to mention tag"></textarea>
<!---->
</div>
`;
exports[`renders ./antdv-demo/docs/mentions/demo/readonly.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/mentions/demo/readonly.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<div class="ant-mentions ant-mentions-disabled"><textarea disabled="disabled" rows="1" placeholder="this is disabled Mentions"></textarea></div> <div class="ant-mentions ant-mentions-disabled"><textarea disabled="" rows="1" placeholder="this is disabled Mentions"></textarea>
<!---->
</div>
</div>
<div class="ant-mentions"><textarea rows="1" placeholder="this is readOnly a-mentions" readonly=""></textarea>
<!---->
</div> </div>
<div class="ant-mentions"><textarea rows="1" placeholder="this is readonly a-mentions" readonly="readonly"></textarea></div>
</div> </div>
`; `;

2
examples/App.vue
View File

@ -4,7 +4,7 @@
</div> </div>
</template> </template>
<script> <script>
import demo from '../antdv-demo/docs/menu/demo/template'; import demo from '../antdv-demo/docs/comment/demo/nested';
export default { export default {
components: { components: {