(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{1235:function(t,s,a){},1331:function(t,s,a){"use strict";var e=a(1235);a.n(e).a},1459:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n  <a-calendar @panelChange="onPanelChange"/>\n',script:"\n  export default {\n    methods: {\n      onPanelChange(value, mode) {\n        console.log(value, mode);\n      },\n    },\n  };\n",style:null,us:"\n#### basic\nA basic calendar component with Year/Month switch.\n",cn:"\n#### 基本\n一个通用的日历面板，支持年/月切换。\n",sourceCode:'<template>\n  <a-calendar @panelChange="onPanelChange" />\n</template>\n<script>\n  export default {\n    methods: {\n      onPanelChange(value, mode) {\n        console.log(value, mode);\n      },\n    },\n  };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-calendar",{on:{panelChange:t.onPanelChange}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本"}},[t._v("基本 "),a("a",{staticClass:"anchor",attrs:{href:"#基本"}},[t._v("#")])]),t._v(" "),a("p",[t._v("一个通用的日历面板，支持年/月切换。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"basic"}},[t._v("basic "),a("a",{staticClass:"anchor",attrs:{href:"#basic"}},[t._v("#")])]),t._v(" "),a("p",[t._v("A basic calendar component with Year/Month switch.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@panelChange")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onPanelChange"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n  "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onPanelChange(value, mode) {\n        "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(value, mode);\n      },\n    },\n  };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};e._withStripped=!0;var n={methods:{onPanelChange:function(t,s){console.log(t,s)}}},l=a(31),v=Object(l.a)(n,e,[],!1,null,null,null);v.options.__file="components/calendar/demo/basic.md";var r=v.exports,_=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n  <div :style=\"{ width: '300px', border: '1px solid #d9d9d9', borderRadius: '4px' }\">\n    <a-calendar :fullscreen=\"false\" @panelChange=\"onPanelChange\"/>\n  </div>\n",script:"\n  export default {\n    methods: {\n      onPanelChange(value, mode) {\n        console.log(value, mode);\n      },\n    },\n  };\n",style:null,us:"\n#### Card\nNested inside a container element for rendering in limited space.\n",cn:"\n#### 卡片模式\n用于嵌套在空间有限的容器中。\n",sourceCode:"<template>\n  <div :style=\"{ width: '300px', border: '1px solid #d9d9d9', borderRadius: '4px' }\">\n    <a-calendar :fullscreen=\"false\" @panelChange=\"onPanelChange\" />\n  </div>\n</template>\n<script>\n  export default {\n    methods: {\n      onPanelChange(value, mode) {\n        console.log(value, mode);\n      },\n    },\n  };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("div",{style:{width:"300px",border:"1px solid #d9d9d9",borderRadius:"4px"}},[a("a-calendar",{attrs:{fullscreen:!1},on:{panelChange:t.onPanelChange}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"卡片模式"}},[t._v("卡片模式 "),a("a",{staticClass:"anchor",attrs:{href:"#卡片模式"}},[t._v("#")])]),t._v(" "),a("p",[t._v("用于嵌套在空间有限的容器中。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Card"}},[t._v("Card "),a("a",{staticClass:"anchor",attrs:{href:"#Card"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Nested inside a container element for rendering in limited space.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"{ width: '300px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":fullscreen")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"false"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@panelChange")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onPanelChange"')]),t._v(" />")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n  "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onPanelChange(value, mode) {\n        "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(value, mode);\n      },\n    },\n  };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};_._withStripped=!0;var i={methods:{onPanelChange:function(t,s){console.log(t,s)}}},c=Object(l.a)(i,_,[],!1,null,null,null);c.options.__file="components/calendar/demo/card.md";var o=c.exports,p=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n  <a-calendar>\n    <ul class="events" slot="dateCellRender" slot-scope="value">\n      <li v-for="item in getListData(value)" :key="item.content">\n        <a-badge :status="item.type" :text="item.content"/>\n      </li>\n    </ul>\n    <template slot="monthCellRender" slot-scope="value">\n      <div v-if="getMonthData(value)" class="notes-month">\n        <section>{{getMonthData(value)}}</section>\n        <span>Backlog number</span>\n      </div>\n    </template>\n  </a-calendar>\n',script:"\n  export default {\n    methods: {\n      getListData(value) {\n        let listData;\n        switch (value.date()) {\n          case 8:\n            listData = [\n              { type: 'warning', content: 'This is warning event.' },\n              { type: 'success', content: 'This is usual event.' },\n            ];\n            break;\n          case 10:\n            listData = [\n              { type: 'warning', content: 'This is warning event.' },\n              { type: 'success', content: 'This is usual event.' },\n              { type: 'error', content: 'This is error event.' },\n            ];\n            break;\n          case 15:\n            listData = [\n              { type: 'warning', content: 'This is warning event' },\n              { type: 'success', content: 'This is very long usual event。。....' },\n              { type: 'error', content: 'This is error event 1.' },\n              { type: 'error', content: 'This is error event 2.' },\n              { type: 'error', content: 'This is error event 3.' },\n              { type: 'error', content: 'This is error event 4.' },\n            ];\n            break;\n          default:\n        }\n        return listData || [];\n      },\n\n      getMonthData(value) {\n        if (value.month() === 8) {\n          return 1394;\n        }\n      },\n    },\n  };\n",style:null,us:"\n#### Notice Calendar\nThis component can be rendered by using `dateCellRender` and `monthCellRender` with the data you need.\n",cn:"\n#### 通知事项日历\n一个复杂的应用示例，用 `dateCellRender` 和 `monthCellRender` 函数来自定义需要渲染的数据。\n",sourceCode:"<template>\n  <a-calendar>\n    <ul class=\"events\" slot=\"dateCellRender\" slot-scope=\"value\">\n      <li v-for=\"item in getListData(value)\" :key=\"item.content\">\n        <a-badge :status=\"item.type\" :text=\"item.content\" />\n      </li>\n    </ul>\n    <template slot=\"monthCellRender\" slot-scope=\"value\">\n      <div v-if=\"getMonthData(value)\" class=\"notes-month\">\n        <section>{{getMonthData(value)}}</section>\n        <span>Backlog number</span>\n      </div>\n    </template>\n  </a-calendar>\n</template>\n<script>\n  export default {\n    methods: {\n      getListData(value) {\n        let listData;\n        switch (value.date()) {\n          case 8:\n            listData = [\n              { type: 'warning', content: 'This is warning event.' },\n              { type: 'success', content: 'This is usual event.' },\n            ];\n            break;\n          case 10:\n            listData = [\n              { type: 'warning', content: 'This is warning event.' },\n              { type: 'success', content: 'This is usual event.' },\n              { type: 'error', content: 'This is error event.' },\n            ];\n            break;\n          case 15:\n            listData = [\n              { type: 'warning', content: 'This is warning event' },\n              { type: 'success', content: 'This is very long usual event。。....' },\n              { type: 'error', content: 'This is error event 1.' },\n              { type: 'error', content: 'This is error event 2.' },\n              { type: 'error', content: 'This is error event 3.' },\n              { type: 'error', content: 'This is error event 4.' },\n            ];\n            break;\n          default:\n        }\n        return listData || [];\n      },\n\n      getMonthData(value) {\n        if (value.month() === 8) {\n          return 1394;\n        }\n      },\n    },\n  };\n<\/script>\n<style scoped>\n  .events {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .events .ant-badge-status {\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n    text-overflow: ellipsis;\n    font-size: 12px;\n  }\n  .notes-month {\n    text-align: center;\n    font-size: 28px;\n  }\n  .notes-month section {\n    font-size: 28px;\n  }\n</style>\n"}}},[a("template",{slot:"component"},[a("a-calendar",{scopedSlots:t._u([{key:"dateCellRender",fn:function(s){return a("ul",{staticClass:"events"},t._l(t.getListData(s),(function(t){return a("li",{key:t.content},[a("a-badge",{attrs:{status:t.type,text:t.content}})],1)})),0)}},{key:"monthCellRender",fn:function(s){return[t.getMonthData(s)?a("div",{staticClass:"notes-month"},[a("section",[t._v(t._s(t.getMonthData(s)))]),t._v(" "),a("span",[t._v("Backlog number")])]):t._e()]}}])})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"通知事项日历"}},[t._v("通知事项日历 "),a("a",{staticClass:"anchor",attrs:{href:"#通知事项日历"}},[t._v("#")])]),t._v(" "),a("p",[t._v("一个复杂的应用示例，用 "),a("code",[t._v("dateCellRender")]),t._v(" 和 "),a("code",[t._v("monthCellRender")]),t._v(" 函数来自定义需要渲染的数据。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Notice-Calendar"}},[t._v("Notice Calendar "),a("a",{staticClass:"anchor",attrs:{href:"#Notice-Calendar"}},[t._v("#")])]),t._v(" "),a("p",[t._v("This component can be rendered by using "),a("code",[t._v("dateCellRender")]),t._v(" and "),a("code",[t._v("monthCellRender")]),t._v(" with the data you need.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("ul")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"events"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"dateCellRender"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot-scope")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(">")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("li")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-for")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"item in getListData(value)"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":key")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"item.content"')]),t._v(">")]),t._v("\n        "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-badge")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":status")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"item.type"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":text")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"item.content"')]),t._v(" />")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("li")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("ul")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"monthCellRender"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot-scope")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(">")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-if")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"getMonthData(value)"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"notes-month"')]),t._v(">")]),t._v("\n        "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("section")]),t._v(">")]),a("span",[t._v("{{")]),t._v("getMonthData(value)"),a("span",[t._v("}}")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("section")]),t._v(">")]),t._v("\n        "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("Backlog number"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n  "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      getListData(value) {\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("let")]),t._v(" listData;\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("switch")]),t._v(" (value.date()) {\n          "),a("span",{staticClass:"hljs-keyword"},[t._v("case")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("8")]),t._v(":\n            listData = [\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'warning'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is warning event.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'success'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is usual event.'")]),t._v(" },\n            ];\n            "),a("span",{staticClass:"hljs-keyword"},[t._v("break")]),t._v(";\n          "),a("span",{staticClass:"hljs-keyword"},[t._v("case")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("10")]),t._v(":\n            listData = [\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'warning'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is warning event.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'success'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is usual event.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'error'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is error event.'")]),t._v(" },\n            ];\n            "),a("span",{staticClass:"hljs-keyword"},[t._v("break")]),t._v(";\n          "),a("span",{staticClass:"hljs-keyword"},[t._v("case")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("15")]),t._v(":\n            listData = [\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'warning'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is warning event'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'success'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is very long usual event。。....'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'error'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is error event 1.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'error'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is error event 2.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'error'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is error event 3.'")]),t._v(" },\n              { "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'error'")]),t._v(", "),a("span",{staticClass:"hljs-attr"},[t._v("content")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'This is error event 4.'")]),t._v(" },\n            ];\n            "),a("span",{staticClass:"hljs-keyword"},[t._v("break")]),t._v(";\n          "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(":\n        }\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" listData || [];\n      },\n\n      getMonthData(value) {\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" (value.month() === "),a("span",{staticClass:"hljs-number"},[t._v("8")]),t._v(") {\n          "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("1394")]),t._v(";\n        }\n      },\n    },\n  };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("scoped")]),t._v(">")]),a("span",{staticClass:"css"},[t._v("\n  "),a("span",{staticClass:"hljs-selector-class"},[t._v(".events")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("list-style")]),t._v(": none;\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("margin")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(";\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("padding")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(";\n  }\n  "),a("span",{staticClass:"hljs-selector-class"},[t._v(".events")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".ant-badge-status")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("overflow")]),t._v(": hidden;\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("white-space")]),t._v(": nowrap;\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("width")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("100%")]),t._v(";\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("text-overflow")]),t._v(": ellipsis;\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("font-size")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("12px")]),t._v(";\n  }\n  "),a("span",{staticClass:"hljs-selector-class"},[t._v(".notes-month")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("text-align")]),t._v(": center;\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("font-size")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("28px")]),t._v(";\n  }\n  "),a("span",{staticClass:"hljs-selector-class"},[t._v(".notes-month")]),t._v(" "),a("span",{staticClass:"hljs-selector-tag"},[t._v("section")]),t._v(" {\n    "),a("span",{staticClass:"hljs-attribute"},[t._v("font-size")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("28px")]),t._v(";\n  }\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),t._v("\n")])])])],2)]],2)};p._withStripped=!0;var d={methods:{getListData:function(t){var s=void 0;switch(t.date()){case 8:s=[{type:"warning",content:"This is warning event."},{type:"success",content:"This is usual event."}];break;case 10:s=[{type:"warning",content:"This is warning event."},{type:"success",content:"This is usual event."},{type:"error",content:"This is error event."}];break;case 15:s=[{type:"warning",content:"This is warning event"},{type:"success",content:"This is very long usual event。。...."},{type:"error",content:"This is error event 1."},{type:"error",content:"This is error event 2."},{type:"error",content:"This is error event 3."},{type:"error",content:"This is error event 4."}]}return s||[]},getMonthData:function(t){if(8===t.month())return 1394}}},h=(a(1331),Object(l.a)(d,p,[],!1,null,"0eb9e660",null));h.options.__file="components/calendar/demo/notice-calendar.md";var m=h.exports,u=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n  <div>\n    <a-alert :message=\"`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`\"/>\n    <div :style=\"{ display: 'inline-block', width: '500px', border: '1px solid #d9d9d9', borderRadius: '4px' }\">\n      <a-calendar :value=\"value\" @select=\"onSelect\" @panelChange=\"onPanelChange\"/>\n    </div>\n    <div :style=\"{ display: 'inline-block', width: '500px',marginLeft: '20px', border: '1px solid #d9d9d9', borderRadius: '4px' }\">\n      <a-calendar v-model=\"value1\"/>\n    </div>\n  </div>\n",script:"\n  import moment from 'moment';\n  export default {\n    data() {\n      return {\n        value: moment('2017-01-25'),\n        selectedValue: moment('2017-01-25'),\n        value1: moment('2017-01-25'),\n      };\n    },\n    methods: {\n      onSelect(value) {\n        this.value = value;\n        this.selectedValue = value;\n      },\n      onPanelChange(value) {\n        this.value = value;\n      },\n    },\n  };\n",style:null,us:"\n#### Selectable Calendar\nA basic calendar component with Year/Month switch.\n",cn:"\n#### 选择功能\n一个通用的日历面板，支持年/月切换。\n",sourceCode:"<template>\n  <div>\n    <a-alert\n      :message=\"`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`\"\n    />\n    <div\n      :style=\"{ display: 'inline-block', width: '500px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"\n    >\n      <a-calendar :value=\"value\" @select=\"onSelect\" @panelChange=\"onPanelChange\" />\n    </div>\n    <div\n      :style=\"{ display: 'inline-block', width: '500px',marginLeft: '20px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"\n    >\n      <a-calendar v-model=\"value1\" />\n    </div>\n  </div>\n</template>\n<script>\n  import moment from 'moment';\n  export default {\n    data() {\n      return {\n        value: moment('2017-01-25'),\n        selectedValue: moment('2017-01-25'),\n        value1: moment('2017-01-25'),\n      };\n    },\n    methods: {\n      onSelect(value) {\n        this.value = value;\n        this.selectedValue = value;\n      },\n      onPanelChange(value) {\n        this.value = value;\n      },\n    },\n  };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("div",[a("a-alert",{attrs:{message:"You selected date: "+(t.selectedValue&&t.selectedValue.format("YYYY-MM-DD"))}}),t._v(" "),a("div",{style:{display:"inline-block",width:"500px",border:"1px solid #d9d9d9",borderRadius:"4px"}},[a("a-calendar",{attrs:{value:t.value},on:{select:t.onSelect,panelChange:t.onPanelChange}})],1),t._v(" "),a("div",{style:{display:"inline-block",width:"500px",marginLeft:"20px",border:"1px solid #d9d9d9",borderRadius:"4px"}},[a("a-calendar",{model:{value:t.value1,callback:function(s){t.value1=s},expression:"value1"}})],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"选择功能"}},[t._v("选择功能 "),a("a",{staticClass:"anchor",attrs:{href:"#选择功能"}},[t._v("#")])]),t._v(" "),a("p",[t._v("一个通用的日历面板，支持年/月切换。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Selectable-Calendar"}},[t._v("Selectable Calendar "),a("a",{staticClass:"anchor",attrs:{href:"#Selectable-Calendar"}},[t._v("#")])]),t._v(" "),a("p",[t._v("A basic calendar component with Year/Month switch.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-alert")]),t._v("\n      "),a("span",{staticClass:"hljs-attr"},[t._v(":message")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`\"")]),t._v("\n    />")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v("\n      "),a("span",{staticClass:"hljs-attr"},[t._v(":style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"{ display: 'inline-block', width: '500px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"")]),t._v("\n    >")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@select")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onSelect"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@panelChange")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onPanelChange"')]),t._v(" />")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v("\n      "),a("span",{staticClass:"hljs-attr"},[t._v(":style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"{ display: 'inline-block', width: '500px',marginLeft: '20px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"")]),t._v("\n    >")]),t._v("\n      "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-calendar")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value1"')]),t._v(" />")]),t._v("\n    "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n  "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n  "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n  "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": moment("),a("span",{staticClass:"hljs-string"},[t._v("'2017-01-25'")]),t._v("),\n        "),a("span",{staticClass:"hljs-attr"},[t._v("selectedValue")]),t._v(": moment("),a("span",{staticClass:"hljs-string"},[t._v("'2017-01-25'")]),t._v("),\n        "),a("span",{staticClass:"hljs-attr"},[t._v("value1")]),t._v(": moment("),a("span",{staticClass:"hljs-string"},[t._v("'2017-01-25'")]),t._v("),\n      };\n    },\n    "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onSelect(value) {\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".value = value;\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".selectedValue = value;\n      },\n      onPanelChange(value) {\n        "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".value = value;\n      },\n    },\n  };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};u._withStripped=!0;var C=a(5),j=a.n(C),g={data:function(){return{value:j()("2017-01-25"),selectedValue:j()("2017-01-25"),value1:j()("2017-01-25")}},methods:{onSelect:function(t){this.value=t,this.selectedValue=t},onPanelChange:function(t){this.value=t}}},f=Object(l.a)(g,u,[],!1,null,null,null);f.options.__file="components/calendar/demo/select.md";var y=f.exports,b=function(){var t=this.$createElement;this._self._c;return this._m(0)};b._withStripped=!0;var w=Object(l.a)({},b,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("p",[t._v("**注意：**Calendar 部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t._v("// 默认语言为 en-US，所以如果需要使用其他语言，推荐在入口文件全局设置 locale // import moment from\n'moment'; // import 'moment/locale/zh-cn'; // moment.locale('zh-cn');\n\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-calendar")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@panelChange")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onPanelChange"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@select")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onSelect"')]),t._v(">")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"dateCellRender"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"monthCellRender"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-calendar")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("dateCellRender")]),t._v(" "),a("td",[t._v("作用域插槽，用来自定义渲染日期单元格，返回内容会被追加到单元格,")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("dateFullCellRender")]),t._v(" "),a("td",[t._v("作用域插槽，自定义渲染日期单元格，返回内容覆盖单元格")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("默认展示的日期")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("默认日期")])]),t._v(" "),a("tr",[a("td",[t._v("disabledDate")]),t._v(" "),a("td",[t._v("不可选择的日期")]),t._v(" "),a("td",[t._v("(currentDate: moment) => boolean")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("fullscreen")]),t._v(" "),a("td",[t._v("是否全屏显示")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("locale")]),t._v(" "),a("td",[t._v("国际化配置")]),t._v(" "),a("td",[t._v("object")]),t._v(" "),a("td",[a("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/date-picker/locale/example.json"}},[t._v("默认配置")])])]),t._v(" "),a("tr",[a("td",[t._v("mode")]),t._v(" "),a("td",[t._v("初始模式，"),a("code",{pre:!0},[t._v("month/year")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("month")])]),t._v(" "),a("tr",[a("td",[t._v("monthCellRender")]),t._v(" "),a("td",[t._v("作用域插槽，自定义渲染月单元格，返回内容会被追加到单元格")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("monthFullCellRender")]),t._v(" "),a("td",[t._v("作用域插槽，自定义渲染月单元格，返回内容覆盖单元格")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("validRange")]),t._v(" "),a("td",[t._v("设置可以显示的日期")]),t._v(" "),a("td",[t._v("["),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")]),t._v(", "),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")]),t._v("]")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("展示日期")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("当前日期")])])])]),t._v(" "),a("h3",{attrs:{id:"事件"}},[t._v("事件 "),a("a",{staticClass:"anchor",attrs:{href:"#事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("panelChange")]),t._v(" "),a("td",[t._v("日期面板变化回调")]),t._v(" "),a("td",[t._v("function(date: moment, mode: string)")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("点击选择日期回调")]),t._v(" "),a("td",[t._v("function(date: moment）")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("日期变化时的回调, 面板变化有可能导致日期变化")]),t._v(" "),a("td",[t._v("function(date: moment）")])])])])])}],!1,null,null,null);w.options.__file="components/calendar/index.zh-CN.md";var x=w.exports,k=function(){var t=this.$createElement;this._self._c;return this._m(0)};k._withStripped=!0;var T=Object(l.a)({},k,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("p",[a("strong",[t._v("Note:")]),t._v(" Part of the Calendar's locale is read from "),a("code",{pre:!0},[t._v("value")]),t._v(". So, please set the locale of "),a("code",{pre:!0},[t._v("moment")]),t._v(" correctly.")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t._v("// The default locale is en-US, if you want to use other locale, just set locale in entry file\nglobally. // import moment from 'moment'; // import 'moment/locale/zh-cn'; //\nmoment.locale('zh-cn');\n\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-calendar")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@panelChange")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onPanelChange"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@select")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onSelect"')]),t._v(">")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"dateCellRender"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"monthCellRender"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-calendar")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("p",[t._v("customize the progress dot by setting a scoped slot")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("dateCellRender")]),t._v(" "),a("td",[t._v("Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("dateFullCellRender")]),t._v(" "),a("td",[t._v("Customize the display of the date cell by setting a scoped slot, the returned content will override the cell")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("The date selected by default")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("default date")])]),t._v(" "),a("tr",[a("td",[t._v("disabledDate")]),t._v(" "),a("td",[t._v("Function that specifies the dates that cannot be selected")]),t._v(" "),a("td",[t._v("(currentDate: moment) => boolean")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fullscreen")]),t._v(" "),a("td",[t._v("Whether to display in full-screen")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("true")])])]),t._v(" "),a("tr",[a("td",[t._v("locale")]),t._v(" "),a("td",[t._v("The calendar's locale")]),t._v(" "),a("td",[t._v("object")]),t._v(" "),a("td",[a("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/date-picker/locale/example.json"}},[t._v("default")])])]),t._v(" "),a("tr",[a("td",[t._v("mode")]),t._v(" "),a("td",[t._v("The display mode of the calendar")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("month")]),t._v(" | "),a("code",{pre:!0},[t._v("year")])]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("month")])])]),t._v(" "),a("tr",[a("td",[t._v("monthCellRender")]),t._v(" "),a("td",[t._v("Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("monthFullCellRender")]),t._v(" "),a("td",[t._v("Customize the display of the month cell by setting a scoped slot, the returned content will override the cell")]),t._v(" "),a("td",[t._v("function(date: moment)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("validRange")]),t._v(" "),a("td",[t._v("to set valid range")]),t._v(" "),a("td",[t._v("["),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")]),t._v(", "),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")]),t._v("]")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("The current selected date")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("current date")])])])]),t._v(" "),a("h3",{attrs:{id:"events"}},[t._v("events "),a("a",{staticClass:"anchor",attrs:{href:"#events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("panelChange")]),t._v(" "),a("td",[t._v("Callback for when panel changes")]),t._v(" "),a("td",[t._v("function(date: moment, mode: string)")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("Callback for when a date is selected")]),t._v(" "),a("td",[t._v("function(date: moment）")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("Callback for when value change")]),t._v(" "),a("td",[t._v("function(date: moment）")])])])])])}],!1,null,null,null);T.options.__file="components/calendar/index.en-US.md";var D=T.exports,R="# Calendar 日历\n          \n按照日历形式展示数据的容器。\n\n## 何时使用\n\n当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。\n\n          ## 代码演示",P="# Calendar\n          \nContainer for displaying data in calendar form.\n\n## When To Use\n\nWhen data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.\n## Examples \n",M={category:"Components",type:"Data Display",zhType:"数据展示",subtitle:"日历",cols:1,title:"Calendar",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:R,us:P}}),t(r),t(o),t(m),t(y),t("api",[t(x,{slot:"cn"}),t(D)])])}},S=Object(l.a)(M,void 0,void 0,!1,null,null,null);S.options.__file="components/calendar/demo/index.vue";s.default=S.exports}}]);