(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}}]);