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

1 line
45 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

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

(window.webpackJsonp=window.webpackJsonp||[]).push([[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}}]);
Reference in New Issue View Git Blame Copy Permalink