1 line
62 KiB
JavaScript
1 line
62 KiB
JavaScript
(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}}]); |