ant-design-vue/fa653499.async.js

1 line
62 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{1464:function(s,t,a){"use strict";a.r(t);var n=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-comment>\n <template slot="actions">\n <span>\n <a-tooltip title="Like">\n <a-icon type="like" :theme="action === \'liked\' ? \'filled\' : \'outlined\'" @click="like"/>\n </a-tooltip>\n <span style="padding-left: \'8px\';cursor: \'auto\'">\n {{likes}}\n </span>\n </span>\n <span>\n <a-tooltip title="Dislike">\n <a-icon type="dislike" :theme="action === \'disliked\' ? \'filled\' : \'outlined\'" @click="dislike"/>\n </a-tooltip>\n <span style="padding-left: \'8px\';cursor: \'auto\'">\n {{dislikes}}\n </span>\n </span>\n <span>Reply to</span>\n </template>\n <a slot="author">Han Solo</a>\n <a-avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" slot="avatar"/>\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure), to help people create their product prototypes beautifully and\n efficiently.\n </p>\n <a-tooltip slot="datetime" :title="moment().format(\'YYYY-MM-DD HH:mm:ss\')">\n <span>{{moment().fromNow()}}</span>\n </a-tooltip>\n </a-comment>\n',script:"\n import moment from 'moment';\n export default {\n data() {\n return {\n likes: 0,\n dislikes: 0,\n action: null,\n moment,\n };\n },\n methods: {\n like() {\n this.likes = 1;\n this.dislikes = 0;\n this.action = 'liked';\n },\n dislike() {\n this.likes = 0;\n this.dislikes = 1;\n this.action = 'disliked';\n },\n },\n };\n",style:null,us:"\n#### Basic comment\nA basic comment with author, avatar, time and actions.\n",cn:"\n#### 基本评论\n一个基本的评论组件带有作者、头像、时间和操作。\n",sourceCode:'<template>\n <a-comment>\n <template slot="actions">\n <span>\n <a-tooltip title="Like">\n <a-icon type="like" :theme="action === \'liked\' ? \'filled\' : \'outlined\'" @click="like" />\n </a-tooltip>\n <span style="padding-left: \'8px\';cursor: \'auto\'">\n {{likes}}\n </span>\n </span>\n <span>\n <a-tooltip title="Dislike">\n <a-icon\n type="dislike"\n :theme="action === \'disliked\' ? \'filled\' : \'outlined\'"\n @click="dislike"\n />\n </a-tooltip>\n <span style="padding-left: \'8px\';cursor: \'auto\'">\n {{dislikes}}\n </span>\n </span>\n <span>Reply to</span>\n </template>\n <a slot="author">Han Solo</a>\n <a-avatar\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n slot="avatar"\n />\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure), to help people create their product prototypes beautifully and\n efficiently.\n </p>\n <a-tooltip slot="datetime" :title="moment().format(\'YYYY-MM-DD HH:mm:ss\')">\n <span>{{moment().fromNow()}}</span>\n </a-tooltip>\n </a-comment>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n data() {\n return {\n likes: 0,\n dislikes: 0,\n action: null,\n moment,\n };\n },\n methods: {\n like() {\n this.likes = 1;\n this.dislikes = 0;\n this.action = \'liked\';\n },\n dislike() {\n this.likes = 0;\n this.dislikes = 1;\n this.action = \'disliked\';\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-comment",[a("template",{slot:"actions"},[a("span",[a("a-tooltip",{attrs:{title:"Like"}},[a("a-icon",{attrs:{type:"like",theme:"liked"===s.action?"filled":"outlined"},on:{click:s.like}})],1),s._v(" "),a("span",{staticStyle:{"padding-left":"'8px'",cursor:"'auto'"}},[s._v("\n "+s._s(s.likes)+"\n ")])],1),s._v(" "),a("span",[a("a-tooltip",{attrs:{title:"Dislike"}},[a("a-icon",{attrs:{type:"dislike",theme:"disliked"===s.action?"filled":"outlined"},on:{click:s.dislike}})],1),s._v(" "),a("span",{staticStyle:{"padding-left":"'8px'",cursor:"'auto'"}},[s._v("\n "+s._s(s.dislikes)+"\n ")])],1),s._v(" "),a("span",[s._v("Reply to")])]),s._v(" "),a("a",{attrs:{slot:"author"},slot:"author"},[s._v("Han Solo")]),s._v(" "),a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v("\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure), to help people create their product prototypes beautifully and\n efficiently.\n ")]),s._v(" "),a("a-tooltip",{attrs:{slot:"datetime",title:s.moment().format("YYYY-MM-DD HH:mm:ss")},slot:"datetime"},[a("span",[s._v(s._s(s.moment().fromNow()))])])],2)],1),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本评论"}},[s._v("基本评论 "),a("a",{staticClass:"anchor",attrs:{href:"#基本评论"}},[s._v("#")])]),s._v(" "),a("p",[s._v("一个基本的评论组件,带有作者、头像、时间和操作。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Basic-comment"}},[s._v("Basic comment "),a("a",{staticClass:"anchor",attrs:{href:"#Basic-comment"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A basic comment with author, avatar, time and actions.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Like"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"like"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":theme")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"action === 'liked' ? 'filled' : 'outlined'\"")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"like"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"padding-left: '8px';cursor: 'auto'\"")]),s._v(">")]),s._v("\n "),a("span",[s._v("{{")]),s._v("likes"),a("span",[s._v("}}")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Dislike"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"dislike"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":theme")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"action === 'disliked' ? 'filled' : 'outlined'\"")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"dislike"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"padding-left: '8px';cursor: 'auto'\"")]),s._v(">")]),s._v("\n "),a("span",[s._v("{{")]),s._v("dislikes"),a("span",[s._v("}}")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("Reply to"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"author"')]),s._v(">")]),s._v("Han Solo"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure), to help people create their product prototypes beautifully and\n efficiently.\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"datetime"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"moment().format('YYYY-MM-DD HH:mm:ss')\"")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),a("span",[s._v("{{")]),s._v("moment().fromNow()"),a("span",[s._v("}}")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n "),a("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" moment "),a("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),a("span",{staticClass:"hljs-string"},[s._v("'moment'")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),a("span",{staticClass:"hljs-attr"},[s._v("likes")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("dislikes")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("action")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("null")]),s._v(",\n moment,\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n like() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".likes = "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".dislikes = "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".action = "),a("span",{staticClass:"hljs-string"},[s._v("'liked'")]),s._v(";\n },\n dislike() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".likes = "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".dislikes = "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".action = "),a("span",{staticClass:"hljs-string"},[s._v("'disliked'")]),s._v(";\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=a(5),e=a.n(l),i={data:function(){return{likes:0,dislikes:0,action:null,moment:e.a}},methods:{like:function(){this.likes=1,this.dislikes=0,this.action="liked"},dislike:function(){this.likes=0,this.dislikes=1,this.action="disliked"}}},o=a(31),v=Object(o.a)(i,n,[],!1,null,null,null);v.options.__file="components/comment/demo/basic.md";var p=v.exports,c=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-list v-if="comments.length" :dataSource="comments" :header="`${comments.length} ${comments.length > 1 ? \'replies\' : \'reply\'}`" itemLayout="horizontal">\n <a-list-item slot="renderItem" slot-scope="item, index">\n <a-comment :author="item.author" :avatar="item.avatar" :content="item.content" :datetime="item.datetime">\n </a-comment>\n </a-list-item>\n </a-list>\n <a-comment>\n <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"/>\n <div slot="content">\n <a-form-item>\n <a-textarea :rows="4" @change="handleChange" :value="value"/>\n </a-form-item>\n <a-form-item>\n <a-button htmlType="submit" :loading="submitting" @click="handleSubmit" type="primary">\n Add Comment\n </a-button>\n </a-form-item>\n </div>\n </a-comment>\n </div>\n',script:"\n import moment from 'moment';\n export default {\n data() {\n return {\n comments: [],\n submitting: false,\n value: '',\n moment,\n };\n },\n methods: {\n handleSubmit() {\n if (!this.value) {\n return;\n }\n\n this.submitting = true;\n\n setTimeout(() => {\n this.submitting = false;\n this.comments = [\n {\n author: 'Han Solo',\n avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',\n content: this.value,\n datetime: moment().fromNow(),\n },\n ...this.comments,\n ];\n this.value = '';\n }, 1000);\n },\n handleChange(e) {\n this.value = e.target.value;\n },\n },\n };\n",style:null,us:"\n#### Reply Editor\nComment can be used as editor, user can customize the editor component.\n",cn:"\n#### 回复框\n评论编辑器组件提供了相同样式的封装以支持自定义评论编辑器。\n",sourceCode:'<template>\n <div>\n <a-list\n v-if="comments.length"\n :dataSource="comments"\n :header="`${comments.length} ${comments.length > 1 ? \'replies\' : \'reply\'}`"\n itemLayout="horizontal"\n >\n <a-list-item slot="renderItem" slot-scope="item, index">\n <a-comment\n :author="item.author"\n :avatar="item.avatar"\n :content="item.content"\n :datetime="item.datetime"\n >\n </a-comment>\n </a-list-item>\n </a-list>\n <a-comment>\n <a-avatar\n slot="avatar"\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n />\n <div slot="content">\n <a-form-item>\n <a-textarea :rows="4" @change="handleChange" :value="value"></a-textarea>\n </a-form-item>\n <a-form-item>\n <a-button htmlType="submit" :loading="submitting" @click="handleSubmit" type="primary">\n Add Comment\n </a-button>\n </a-form-item>\n </div>\n </a-comment>\n </div>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n data() {\n return {\n comments: [],\n submitting: false,\n value: \'\',\n moment,\n };\n },\n methods: {\n handleSubmit() {\n if (!this.value) {\n return;\n }\n\n this.submitting = true;\n\n setTimeout(() => {\n this.submitting = false;\n this.comments = [\n {\n author: \'Han Solo\',\n avatar: \'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png\',\n content: this.value,\n datetime: moment().fromNow(),\n },\n ...this.comments,\n ];\n this.value = \'\';\n }, 1000);\n },\n handleChange(e) {\n this.value = e.target.value;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[s.comments.length?a("a-list",{attrs:{dataSource:s.comments,header:s.comments.length+" "+(s.comments.length>1?"replies":"reply"),itemLayout:"horizontal"},scopedSlots:s._u([{key:"renderItem",fn:function(s,t){return a("a-list-item",{},[a("a-comment",{attrs:{author:s.author,avatar:s.avatar,content:s.content,datetime:s.datetime}})],1)}}],null,!1,4046444905)}):s._e(),s._v(" "),a("a-comment",[a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("div",{attrs:{slot:"content"},slot:"content"},[a("a-form-item",[a("a-textarea",{attrs:{rows:4,value:s.value},on:{change:s.handleChange}})],1),s._v(" "),a("a-form-item",[a("a-button",{attrs:{htmlType:"submit",loading:s.submitting,type:"primary"},on:{click:s.handleSubmit}},[s._v("\n Add Comment\n ")])],1)],1)],1)],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"回复框"}},[s._v("回复框 "),a("a",{staticClass:"anchor",attrs:{href:"#回复框"}},[s._v("#")])]),s._v(" "),a("p",[s._v("评论编辑器组件提供了相同样式的封装以支持自定义评论编辑器。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Reply-Editor"}},[s._v("Reply Editor "),a("a",{staticClass:"anchor",attrs:{href:"#Reply-Editor"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Comment can be used as editor, user can customize the editor component.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-list")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"comments.length"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":dataSource")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"comments"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":header")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"`${comments.length} ${comments.length > 1 ? 'replies' : 'reply'}`\"")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("itemLayout")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"horizontal"')]),s._v("\n >")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-list-item")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"renderItem"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item, index"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":author")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.author"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":avatar")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":content")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.content"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":datetime")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.datetime"')]),s._v("\n >")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-list-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-list")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-form-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-textarea")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":rows")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"4"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"handleChange"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":value")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"value"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-textarea")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-form-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-form-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("htmlType")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"submit"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"submitting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"handleSubmit"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("\n Add Comment\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-form-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n "),a("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" moment "),a("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),a("span",{staticClass:"hljs-string"},[s._v("'moment'")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),a("span",{staticClass:"hljs-attr"},[s._v("comments")]),s._v(": [],\n "),a("span",{staticClass:"hljs-attr"},[s._v("submitting")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("''")]),s._v(",\n moment,\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n handleSubmit() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (!"),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".value) {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n }\n\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".submitting = "),a("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(";\n\n setTimeout("),a("span",{staticClass:"hljs-function"},[a("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".submitting = "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".comments = [\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("author")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Han Solo'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("avatar")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".value,\n "),a("span",{staticClass:"hljs-attr"},[s._v("datetime")]),s._v(": moment().fromNow(),\n },\n ...this.comments,\n ];\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".value = "),a("span",{staticClass:"hljs-string"},[s._v("''")]),s._v(";\n }, "),a("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(");\n },\n handleChange(e) {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".value = e.target.value;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};c._withStripped=!0;var _=a(15),r=a.n(_),h={data:function(){return{comments:[],submitting:!1,value:"",moment:e.a}},methods:{handleSubmit:function(){var s=this;this.value&&(this.submitting=!0,setTimeout((function(){s.submitting=!1,s.comments=[{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:s.value,datetime:e()().fromNow()}].concat(r()(s.comments)),s.value=""}),1e3))},handleChange:function(s){this.value=s.target.value}}},m=Object(o.a)(h,c,[],!1,null,null,null);m.options.__file="components/comment/demo/editor.md";var d=m.exports,j=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-list class="comment-list" :header="`${data.length} replies`" itemLayout="horizontal" :dataSource="data">\n <a-list-item slot="renderItem" slot-scope="item, index">\n <a-comment :author="item.author" :avatar="item.avatar">\n <template slot="actions">\n <span v-for="action in item.actions">{{action}}</span>\n </template>\n <p slot="content">{{item.content}}</p>\n <a-tooltip slot="datetime" :title="item.datetime.format(\'YYYY-MM-DD HH:mm:ss\')">\n <span>{{item.datetime.fromNow()}}</span>\n </a-tooltip>\n </a-comment>\n </a-list-item>\n </a-list>\n',script:"\n import moment from 'moment';\n export default {\n data() {\n return {\n data: [\n {\n actions: ['Reply to'],\n author: 'Han Solo',\n avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',\n content:\n '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.',\n datetime: moment().subtract(1, 'days'),\n },\n {\n actions: ['Reply to'],\n author: 'Han Solo',\n avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',\n content:\n '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.',\n datetime: moment().subtract(2, 'days'),\n },\n ],\n moment,\n };\n },\n };\n",style:null,us:"\n#### Usage with list\nDisplaying a series of comments using the `antd` List Component.\n",cn:"\n#### 配合 List 组件\n配合 List 组件展现评论列表。\n",sourceCode:'<template>\n <a-list\n class="comment-list"\n :header="`${data.length} replies`"\n itemLayout="horizontal"\n :dataSource="data"\n >\n <a-list-item slot="renderItem" slot-scope="item, index">\n <a-comment :author="item.author" :avatar="item.avatar">\n <template slot="actions">\n <span v-for="action in item.actions">{{action}}</span>\n </template>\n <p slot="content">{{item.content}}</p>\n <a-tooltip slot="datetime" :title="item.datetime.format(\'YYYY-MM-DD HH:mm:ss\')">\n <span>{{item.datetime.fromNow()}}</span>\n </a-tooltip>\n </a-comment>\n </a-list-item>\n </a-list>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n data() {\n return {\n data: [\n {\n actions: [\'Reply to\'],\n author: \'Han Solo\',\n avatar: \'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png\',\n content:\n \'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.\',\n datetime: moment().subtract(1, \'days\'),\n },\n {\n actions: [\'Reply to\'],\n author: \'Han Solo\',\n avatar: \'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png\',\n content:\n \'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.\',\n datetime: moment().subtract(2, \'days\'),\n },\n ],\n moment,\n };\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-list",{staticClass:"comment-list",attrs:{header:s.data.length+" replies",itemLayout:"horizontal",dataSource:s.data},scopedSlots:s._u([{key:"renderItem",fn:function(t,n){return a("a-list-item",{},[a("a-comment",{attrs:{author:t.author,avatar:t.avatar}},[a("template",{slot:"actions"},s._l(t.actions,(function(t){return a("span",[s._v(s._s(t))])})),0),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v(s._s(t.content))]),s._v(" "),a("a-tooltip",{attrs:{slot:"datetime",title:t.datetime.format("YYYY-MM-DD HH:mm:ss")},slot:"datetime"},[a("span",[s._v(s._s(t.datetime.fromNow()))])])],2)],1)}}])})],1),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"配合-List-组件"}},[s._v("配合 List 组件 "),a("a",{staticClass:"anchor",attrs:{href:"#配合-List-组件"}},[s._v("#")])]),s._v(" "),a("p",[s._v("配合 List 组件展现评论列表。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Usage-with-list"}},[s._v("Usage with list "),a("a",{staticClass:"anchor",attrs:{href:"#Usage-with-list"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Displaying a series of comments using the "),a("code",[s._v("antd")]),s._v(" List Component.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-list")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"comment-list"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":header")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"`${data.length} replies`"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("itemLayout")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"horizontal"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v(":dataSource")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"data"')]),s._v("\n >")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-list-item")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"renderItem"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item, index"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":author")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.author"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":avatar")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.avatar"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"action in item.actions"')]),s._v(">")]),a("span",[s._v("{{")]),s._v("action"),a("span",[s._v("}}")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),a("span",[s._v("{{")]),s._v("item.content"),a("span",[s._v("}}")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"datetime"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"item.datetime.format('YYYY-MM-DD HH:mm:ss')\"")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),a("span",[s._v("{{")]),s._v("item.datetime.fromNow()"),a("span",[s._v("}}")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-list-item")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-list")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n "),a("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" moment "),a("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),a("span",{staticClass:"hljs-string"},[s._v("'moment'")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),a("span",{staticClass:"hljs-attr"},[s._v("data")]),s._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("actions")]),s._v(": ["),a("span",{staticClass:"hljs-string"},[s._v("'Reply to'")]),s._v("],\n "),a("span",{staticClass:"hljs-attr"},[s._v("author")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Han Solo'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("avatar")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(":\n "),a("span",{staticClass:"hljs-string"},[s._v("'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.'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("datetime")]),s._v(": moment().subtract("),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", "),a("span",{staticClass:"hljs-string"},[s._v("'days'")]),s._v("),\n },\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("actions")]),s._v(": ["),a("span",{staticClass:"hljs-string"},[s._v("'Reply to'")]),s._v("],\n "),a("span",{staticClass:"hljs-attr"},[s._v("author")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Han Solo'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("avatar")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(":\n "),a("span",{staticClass:"hljs-string"},[s._v("'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.'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("datetime")]),s._v(": moment().subtract("),a("span",{staticClass:"hljs-number"},[s._v("2")]),s._v(", "),a("span",{staticClass:"hljs-string"},[s._v("'days'")]),s._v("),\n },\n ],\n moment,\n };\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};j._withStripped=!0;var C={data:function(){return{data:[{actions:["Reply to"],author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"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.",datetime:e()().subtract(1,"days")},{actions:["Reply to"],author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"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.",datetime:e()().subtract(2,"days")}],moment:e.a}}},u=Object(o.a)(C,j,[],!1,null,null,null);u.options.__file="components/comment/demo/list.md";var g=u.exports,y=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"/>\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure).\n </p>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"/>\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"/>\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n </a-comment>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"/>\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n </a-comment>\n </a-comment>\n </a-comment>\n',script:null,style:null,us:"\n#### Nested comments\nComments can be nested.\n",cn:"\n#### 嵌套评论\n评论可以嵌套。\n",sourceCode:'<template>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar\n slot="avatar"\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n />\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure).\n </p>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar\n slot="avatar"\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n />\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar\n slot="avatar"\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n />\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n </a-comment>\n <a-comment>\n <span slot="actions">Reply to</span>\n <a slot="author">Han Solo</a>\n <a-avatar\n slot="avatar"\n src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n alt="Han Solo"\n />\n <p slot="content">\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n </p>\n </a-comment>\n </a-comment>\n </a-comment>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-comment",[a("span",{attrs:{slot:"actions"},slot:"actions"},[s._v("Reply to")]),s._v(" "),a("a",{attrs:{slot:"author"},slot:"author"},[s._v("Han Solo")]),s._v(" "),a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v("\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure).\n ")]),s._v(" "),a("a-comment",[a("span",{attrs:{slot:"actions"},slot:"actions"},[s._v("Reply to")]),s._v(" "),a("a",{attrs:{slot:"author"},slot:"author"},[s._v("Han Solo")]),s._v(" "),a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n ")]),s._v(" "),a("a-comment",[a("span",{attrs:{slot:"actions"},slot:"actions"},[s._v("Reply to")]),s._v(" "),a("a",{attrs:{slot:"author"},slot:"author"},[s._v("Han Solo")]),s._v(" "),a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n ")])],1),s._v(" "),a("a-comment",[a("span",{attrs:{slot:"actions"},slot:"actions"},[s._v("Reply to")]),s._v(" "),a("a",{attrs:{slot:"author"},slot:"author"},[s._v("Han Solo")]),s._v(" "),a("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",alt:"Han Solo"},slot:"avatar"}),s._v(" "),a("p",{attrs:{slot:"content"},slot:"content"},[s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n ")])],1)],1)],1)],1),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"嵌套评论"}},[s._v("嵌套评论 "),a("a",{staticClass:"anchor",attrs:{href:"#嵌套评论"}},[s._v("#")])]),s._v(" "),a("p",[s._v("评论可以嵌套。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Nested-comments"}},[s._v("Nested comments "),a("a",{staticClass:"anchor",attrs:{href:"#Nested-comments"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Comments can be nested.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("Reply to"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"author"')]),s._v(">")]),s._v("Han Solo"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n We supply a series of design principles, practical patterns and high quality design resources\n (Sketch and Axure).\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("Reply to"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"author"')]),s._v(">")]),s._v("Han Solo"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("Reply to"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"author"')]),s._v(">")]),s._v("Han Solo"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"actions"')]),s._v(">")]),s._v("Reply to"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"author"')]),s._v(">")]),s._v("Han Solo"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-avatar")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"avatar"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Han Solo"')]),s._v("\n />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure).\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-comment")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};y._withStripped=!0;var f=Object(o.a)({},y,[],!1,null,null,null);f.options.__file="components/comment/demo/nested.md";var b=f.exports,k=function(){var s=this.$createElement;this._self._c;return this._m(0)};k._withStripped=!0;var x=Object(o.a)({},k,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h2",{attrs:{id:"API"}},[s._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("actions")]),s._v(" "),a("td",[s._v("在评论内容下面呈现的操作项列表")]),s._v(" "),a("td",[s._v("Array|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("author")]),s._v(" "),a("td",[s._v("要显示为注释作者的元素")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("avatar")]),s._v(" "),a("td",[s._v("要显示为评论头像的元素 - 通常是 antd "),a("code",{pre:!0},[s._v("Avatar")]),s._v(" 或者 src")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("评论的主要内容")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("datetime")]),s._v(" "),a("td",[s._v("展示时间描述")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])])])])])}],!1,null,null,null);x.options.__file="components/comment/index.zh-CN.md";var S=x.exports,H=function(){var s=this.$createElement;this._self._c;return this._m(0)};H._withStripped=!0;var A=Object(o.a)({},H,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h2",{attrs:{id:"API"}},[s._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("actions")]),s._v(" "),a("td",[s._v("List of action items rendered below the comment content")]),s._v(" "),a("td",[s._v("Array | slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("author")]),s._v(" "),a("td",[s._v("The element to display as the comment author")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("avatar")]),s._v(" "),a("td",[s._v("The element to display as the comment avatar - generally an antd "),a("code",{pre:!0},[s._v("Avatar")]),s._v(" or src")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("The main content of the comment")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("datetime")]),s._v(" "),a("td",[s._v("A datetime element containing the time to be displayed")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])])])])])}],!1,null,null,null);A.options.__file="components/comment/index.en-US.md";var X=A.exports,Y="# Comment评论\n对网站内容的反馈、评价和讨论。\n\n## 何时使用\n\n评论组件可用于对事物的讨论例如页面、博客文章、问题等等。",w="# Comment\nA comment displays user feedback and discussion to website content.\n\n## When To Use\n\nComments can be used to enable discussions on an entity such as a page, blog post, issue or other.",q={category:"Components",type:"Data Display",zhType:"数据展示",title:"Comment",subtitle:"评论",cols:1,render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:Y,us:w}}),s(p),s("br"),s(g),s("br"),s(b),s("br"),s(d),s("br"),s("api",[s("template",{slot:"cn"},[s(S)]),s(X)])])}},D=Object(o.a)(q,void 0,void 0,!1,null,null,null);D.options.__file="components/comment/demo/index.vue";t.default=D.exports}}]);