doc_project/2x.antv.design/assets/index.4484ac92.js

import{d as Z,r as v,_ as b,j as o,k as d,l as h,w as e,f as c,b as n,e as t,a as y,h as G,F as W,t as B,q as K,y as w,n as Y}from"./index.c1b9962e.js";const N=Z({setup(){return{value:v(),onPanelChange:(g,k)=>{console.log(g,k)}}}});function D(s,a,g,k,p,l){const i=o("a-calendar"),u=o("demo-box");return d(),h(u,{jsfiddle:{us:"A basic calendar component with Year/Month switch.",cn:"\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A basic calendar component with Year/Month switch.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic"},relativePath:"src/docs/calendar/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8TW9tZW50PigpOwogICAgY29uc3Qgb25QYW5lbENoYW5nZSA9ICh2YWx1ZTogTW9tZW50LCBtb2RlOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUsIG1vZGUpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25QYW5lbENoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICBjb25zdCBvblBhbmVsQ2hhbmdlID0gKHZhbHVlLCBtb2RlKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLCBtb2RlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25QYW5lbENoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[c(i,{value:s.value,"onUpdate:value":a[0]||(a[0]=r=>s.value=r),onPanelChange:s.onPanelChange},null,8,["value","onPanelChange"])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("value"),n("span",{class:"token punctuation"},","),t(" mode")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var P=b(N,[["render",D]]);const j=Z({setup(){return{value:v(),onPanelChange:(g,k)=>{console.log(g,k)}}}}),z={style:{width:"300px",border:"1px solid #d9d9d9",borderRadius:"4px"}};function F(s,a,g,k,p,l){const i=o("a-calendar"),u=o("demo-box");return d(),h(u,{jsfiddle:{us:"Nested inside a container element for rendering in limited space.",cn:"\u7528\u4E8E\u5D4C\u5957\u5728\u7A7A\u95F4\u6709\u9650\u7684\u5BB9\u5668\u4E2D\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7528\u4E8E\u5D4C\u5957\u5728\u7A7A\u95F4\u6709\u9650\u7684\u5BB9\u5668\u4E2D\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Nested inside a container element for rendering in limited space.</p>
`,order:1,title:{"zh-CN":"\u5361\u7247\u6A21\u5F0F","en-US":"Card"},relativePath:"src/docs/calendar/demo/card.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IHdpZHRoOiAnMzAwcHgnLCBib3JkZXI6ICcxcHggc29saWQgI2Q5ZDlkOScsIGJvcmRlclJhZGl1czogJzRweCcgfSI+CiAgICA8YS1jYWxlbmRhciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOmZ1bGxzY3JlZW49ImZhbHNlIiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8TW9tZW50PigpOwogICAgY29uc3Qgb25QYW5lbENoYW5nZSA9ICh2YWx1ZTogTW9tZW50LCBtb2RlOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUsIG1vZGUpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25QYW5lbENoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IHdpZHRoOiAnMzAwcHgnLCBib3JkZXI6ICcxcHggc29saWQgI2Q5ZDlkOScsIGJvcmRlclJhZGl1czogJzRweCcgfSI+CiAgICA8YS1jYWxlbmRhciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOmZ1bGxzY3JlZW49ImZhbHNlIiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICBjb25zdCBvblBhbmVsQ2hhbmdlID0gKHZhbHVlLCBtb2RlKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLCBtb2RlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25QYW5lbENoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[n("div",z,[c(i,{value:s.value,"onUpdate:value":a[0]||(a[0]=r=>s.value=r),fullscreen:!1,onPanelChange:s.onPanelChange},null,8,["value","onPanelChange"])])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: '300px', border: '1px solid #d9d9d9', borderRadius: '4px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":fullscreen"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: '300px', border: '1px solid #d9d9d9', borderRadius: '4px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":fullscreen"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("value"),n("span",{class:"token punctuation"},","),t(" mode")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var J=b(j,[["render",F]]);const L=Z({setup(){return{value:v(),getListData:k=>{let p;switch(k.date()){case 8:p=[{type:"warning",content:"This is warning event."},{type:"success",content:"This is usual event."}];break;case 10:p=[{type:"warning",content:"This is warning event."},{type:"success",content:"This is usual event."},{type:"error",content:"This is error event."}];break;case 15:p=[{type:"warning",content:"This is warning event"},{type:"success",content:"This is very long usual event\u3002\u3002...."},{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."}];break}return p||[]},getMonthData:k=>{if(k.month()===8)return 1394}}}}),T={class:"events"},U={key:0,class:"notes-month"};function Q(s,a,g,k,p,l){const i=o("a-badge"),u=o("a-calendar"),r=o("demo-box");return d(),h(r,{jsfiddle:{us:"This component can be rendered by using `dateCellRender` and `monthCellRender` with the data you need.",cn:"\u4E00\u4E2A\u590D\u6742\u7684\u5E94\u7528\u793A\u4F8B\uFF0C\u7528 `dateCellRender` \u548C `monthCellRender` \u51FD\u6570\u6765\u81EA\u5B9A\u4E49\u9700\u8981\u6E32\u67D3\u7684\u6570\u636E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E00\u4E2A\u590D\u6742\u7684\u5E94\u7528\u793A\u4F8B\uFF0C\u7528 <code>dateCellRender</code> \u548C <code>monthCellRender</code> \u51FD\u6570\u6765\u81EA\u5B9A\u4E49\u9700\u8981\u6E32\u67D3\u7684\u6570\u636E\u3002</p>
<h2 id="en-us">en-US</h2>
<p>This component can be rendered by using <code>dateCellRender</code> and <code>monthCellRender</code> with the data you need.</p>
`,order:2,title:{"zh-CN":"\u901A\u77E5\u4E8B\u9879\u65E5\u5386","en-US":"Notice Calendar"},relativePath:"src/docs/calendar/demo/notice-calendar.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIj4KICAgIDx0ZW1wbGF0ZSAjZGF0ZUNlbGxSZW5kZXI9InsgY3VycmVudDogdmFsdWUgfSI+CiAgICAgIDx1bCBjbGFzcz0iZXZlbnRzIj4KICAgICAgICA8bGkgdi1mb3I9Iml0ZW0gaW4gZ2V0TGlzdERhdGEodmFsdWUpIiA6a2V5PSJpdGVtLmNvbnRlbnQiPgogICAgICAgICAgPGEtYmFkZ2UgOnN0YXR1cz0iaXRlbS50eXBlIiA6dGV4dD0iaXRlbS5jb250ZW50IiAvPgogICAgICAgIDwvbGk+CiAgICAgIDwvdWw+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNtb250aENlbGxSZW5kZXI9InsgY3VycmVudDogdmFsdWUgfSI+CiAgICAgIDxkaXYgdi1pZj0iZ2V0TW9udGhEYXRhKHZhbHVlKSIgY2xhc3M9Im5vdGVzLW1vbnRoIj4KICAgICAgICA8c2VjdGlvbj57eyBnZXRNb250aERhdGEodmFsdWUpIH19PC9zZWN0aW9uPgogICAgICAgIDxzcGFuPkJhY2tsb2cgbnVtYmVyPC9zcGFuPgogICAgICA8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWNhbGVuZGFyPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBNb21lbnQgfSBmcm9tICdtb21lbnQnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPE1vbWVudD4oKTsKCiAgICBjb25zdCBnZXRMaXN0RGF0YSA9ICh2YWx1ZTogTW9tZW50KSA9PiB7CiAgICAgIGxldCBsaXN0RGF0YTsKICAgICAgc3dpdGNoICh2YWx1ZS5kYXRlKCkpIHsKICAgICAgICBjYXNlIDg6CiAgICAgICAgICBsaXN0RGF0YSA9IFsKICAgICAgICAgICAgeyB0eXBlOiAnd2FybmluZycsIGNvbnRlbnQ6ICdUaGlzIGlzIHdhcm5pbmcgZXZlbnQuJyB9LAogICAgICAgICAgICB7IHR5cGU6ICdzdWNjZXNzJywgY29udGVudDogJ1RoaXMgaXMgdXN1YWwgZXZlbnQuJyB9LAogICAgICAgICAgXTsKICAgICAgICAgIGJyZWFrOwogICAgICAgIGNhc2UgMTA6CiAgICAgICAgICBsaXN0RGF0YSA9IFsKICAgICAgICAgICAgeyB0eXBlOiAnd2FybmluZycsIGNvbnRlbnQ6ICdUaGlzIGlzIHdhcm5pbmcgZXZlbnQuJyB9LAogICAgICAgICAgICB7IHR5cGU6ICdzdWNjZXNzJywgY29udGVudDogJ1RoaXMgaXMgdXN1YWwgZXZlbnQuJyB9LAogICAgICAgICAgICB7IHR5cGU6ICdlcnJvcicsIGNvbnRlbnQ6ICdUaGlzIGlzIGVycm9yIGV2ZW50LicgfSwKICAgICAgICAgIF07CiAgICAgICAgICBicmVhazsKICAgICAgICBjYXNlIDE1OgogICAgICAgICAgbGlzdERhdGEgPSBbCiAgICAgICAgICAgIHsgdHlwZTogJ3dhcm5pbmcnLCBjb250ZW50OiAnVGhpcyBpcyB3YXJuaW5nIGV2ZW50JyB9LAogICAgICAgICAgICB7IHR5cGU6ICdzdWNjZXNzJywgY29udGVudDogJ1RoaXMgaXMgdmVyeSBsb25nIHVzdWFsIGV2ZW5044CC44CCLi4uLicgfSwKICAgICAgICAgICAgeyB0eXBlOiAnZXJyb3InLCBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCAxLicgfSwKICAgICAgICAgICAgeyB0eXBlOiAnZXJyb3InLCBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCAyLicgfSwKICAgICAgICAgICAgeyB0eXBlOiAnZXJyb3InLCBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCAzLicgfSwKICAgICAgICAgICAgeyB0eXBlOiAnZXJyb3InLCBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCA0LicgfSwKICAgICAgICAgIF07CiAgICAgICAgICBicmVhazsKICAgICAgICBkZWZhdWx0OgogICAgICB9CiAgICAgIHJldHVybiBsaXN0RGF0YSB8fCBbXTsKICAgIH07CgogICAgY29uc3QgZ2V0TW9udGhEYXRhID0gKHZhbHVlOiBNb21lbnQpID0+IHsKICAgICAgaWYgKHZhbHVlLm1vbnRoKCkgPT09IDgpIHsKICAgICAgICByZXR1cm4gMTM5NDsKICAgICAgfQogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgZ2V0TGlzdERhdGEsCiAgICAgIGdldE1vbnRoRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouZXZlbnRzIHsKICBsaXN0LXN0eWxlOiBub25lOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwp9Ci5ldmVudHMgLmFudC1iYWRnZS1zdGF0dXMgewogIG92ZXJmbG93OiBoaWRkZW47CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICB3aWR0aDogMTAwJTsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICBmb250LXNpemU6IDEycHg7Cn0KLm5vdGVzLW1vbnRoIHsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgZm9udC1zaXplOiAyOHB4Owp9Ci5ub3Rlcy1tb250aCBzZWN0aW9uIHsKICBmb250LXNpemU6IDI4cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIj4KICAgIDx0ZW1wbGF0ZSAjZGF0ZUNlbGxSZW5kZXI9InsgY3VycmVudDogdmFsdWUgfSI+CiAgICAgIDx1bCBjbGFzcz0iZXZlbnRzIj4KICAgICAgICA8bGkgdi1mb3I9Iml0ZW0gaW4gZ2V0TGlzdERhdGEodmFsdWUpIiA6a2V5PSJpdGVtLmNvbnRlbnQiPgogICAgICAgICAgPGEtYmFkZ2UgOnN0YXR1cz0iaXRlbS50eXBlIiA6dGV4dD0iaXRlbS5jb250ZW50IiAvPgogICAgICAgIDwvbGk+CiAgICAgIDwvdWw+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNtb250aENlbGxSZW5kZXI9InsgY3VycmVudDogdmFsdWUgfSI+CiAgICAgIDxkaXYgdi1pZj0iZ2V0TW9udGhEYXRhKHZhbHVlKSIgY2xhc3M9Im5vdGVzLW1vbnRoIj4KICAgICAgICA8c2VjdGlvbj57eyBnZXRNb250aERhdGEodmFsdWUpIH19PC9zZWN0aW9uPgogICAgICAgIDxzcGFuPkJhY2tsb2cgbnVtYmVyPC9zcGFuPgogICAgICA8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWNhbGVuZGFyPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgY29uc3QgZ2V0TGlzdERhdGEgPSB2YWx1ZSA9PiB7CiAgICAgIGxldCBsaXN0RGF0YTsKICAgICAgc3dpdGNoICh2YWx1ZS5kYXRlKCkpIHsKICAgICAgICBjYXNlIDg6CiAgICAgICAgICBsaXN0RGF0YSA9IFsKICAgICAgICAgICAgewogICAgICAgICAgICAgIHR5cGU6ICd3YXJuaW5nJywKICAgICAgICAgICAgICBjb250ZW50OiAnVGhpcyBpcyB3YXJuaW5nIGV2ZW50LicsCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsCiAgICAgICAgICAgICAgY29udGVudDogJ1RoaXMgaXMgdXN1YWwgZXZlbnQuJywKICAgICAgICAgICAgfSwKICAgICAgICAgIF07CiAgICAgICAgICBicmVhazsKICAgICAgICBjYXNlIDEwOgogICAgICAgICAgbGlzdERhdGEgPSBbCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB0eXBlOiAnd2FybmluZycsCiAgICAgICAgICAgICAgY29udGVudDogJ1RoaXMgaXMgd2FybmluZyBldmVudC4nLAogICAgICAgICAgICB9LAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLAogICAgICAgICAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIHVzdWFsIGV2ZW50LicsCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InLAogICAgICAgICAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIGVycm9yIGV2ZW50LicsCiAgICAgICAgICAgIH0sCiAgICAgICAgICBdOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgY2FzZSAxNToKICAgICAgICAgIGxpc3REYXRhID0gWwogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdHlwZTogJ3dhcm5pbmcnLAogICAgICAgICAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIHdhcm5pbmcgZXZlbnQnLAogICAgICAgICAgICB9LAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLAogICAgICAgICAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIHZlcnkgbG9uZyB1c3VhbCBldmVudOOAguOAgi4uLi4nLAogICAgICAgICAgICB9LAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywKICAgICAgICAgICAgICBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCAxLicsCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InLAogICAgICAgICAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIGVycm9yIGV2ZW50IDIuJywKICAgICAgICAgICAgfSwKICAgICAgICAgICAgewogICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsCiAgICAgICAgICAgICAgY29udGVudDogJ1RoaXMgaXMgZXJyb3IgZXZlbnQgMy4nLAogICAgICAgICAgICB9LAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywKICAgICAgICAgICAgICBjb250ZW50OiAnVGhpcyBpcyBlcnJvciBldmVudCA0LicsCiAgICAgICAgICAgIH0sCiAgICAgICAgICBdOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgZGVmYXVsdDoKICAgICAgfQogICAgICByZXR1cm4gbGlzdERhdGEgfHwgW107CiAgICB9OwogICAgY29uc3QgZ2V0TW9udGhEYXRhID0gdmFsdWUgPT4gewogICAgICBpZiAodmFsdWUubW9udGgoKSA9PT0gOCkgewogICAgICAgIHJldHVybiAxMzk0OwogICAgICB9CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICAgIGdldExpc3REYXRhLAogICAgICBnZXRNb250aERhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLmV2ZW50cyB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQouZXZlbnRzIC5hbnQtYmFkZ2Utc3RhdHVzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgd2lkdGg6IDEwMCU7CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgZm9udC1zaXplOiAxMnB4Owp9Ci5ub3Rlcy1tb250aCB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGZvbnQtc2l6ZTogMjhweDsKfQoubm90ZXMtbW9udGggc2VjdGlvbiB7CiAgZm9udC1zaXplOiAyOHB4Owp9Cjwvc3R5bGU+"}},{default:e(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=C=>s.value=C)},{dateCellRender:e(({current:C})=>[n("ul",T,[(d(!0),y(W,null,G(s.getListData(C),A=>(d(),y("li",{key:A.content},[c(i,{status:A.type,text:A.content},null,8,["status","text"])]))),128))])]),monthCellRender:e(({current:C})=>[s.getMonthData(C)?(d(),y("div",U,[n("section",null,B(s.getMonthData(C)),1),a[1]||(a[1]=n("span",null,"Backlog number",-1))])):K("",!0)]),_:1},8,["value"])]),htmlCode:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateCellRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current: value }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("ul")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("events"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("li")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item in getListData(value)"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},":status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.type"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.content"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("li")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("ul")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#monthCellRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current: value }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getMonthData(value)"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("notes-month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("section")]),n("span",{class:"token punctuation"},">")]),t("{{ getMonthData(value) }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("section")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("Backlog number"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-calendar")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getListData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"let"),t(" listData"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"switch"),t(),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"8"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is usual event.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is usual event.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"15"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is very long usual event\u3002\u3002....'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 1.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 2.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 3.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 4.'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"default"),n("span",{class:"token operator"},":"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" listData "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMonthData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"month"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"8"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token number"},"1394"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      getListData`),n("span",{class:"token punctuation"},","),t(`
      getMonthData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},".events"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"list-style"),n("span",{class:"token punctuation"},":"),t(" none"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".events .ant-badge-status"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),t(" hidden"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"white-space"),n("span",{class:"token punctuation"},":"),t(" nowrap"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 100%"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"text-overflow"),n("span",{class:"token punctuation"},":"),t(" ellipsis"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 12px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".notes-month"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 28px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".notes-month section"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 28px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateCellRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current: value }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("ul")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("events"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("li")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item in getListData(value)"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},":status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.type"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.content"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("li")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("ul")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#monthCellRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current: value }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getMonthData(value)"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("notes-month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("section")]),n("span",{class:"token punctuation"},">")]),t("{{ getMonthData(value) }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("section")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("Backlog number"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-calendar")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getListData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"let"),t(" listData"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"switch"),t(),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"8"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is usual event.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is usual event.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"case"),t(),n("span",{class:"token number"},"15"),n("span",{class:"token operator"},":"),t(`
          listData `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'warning'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is warning event'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'success'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is very long usual event\u3002\u3002....'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 1.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 2.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 3.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'error'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'This is error event 4.'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"break"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"default"),n("span",{class:"token operator"},":"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" listData "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMonthData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"month"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"8"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token number"},"1394"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      getListData`),n("span",{class:"token punctuation"},","),t(`
      getMonthData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},".events"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"list-style"),n("span",{class:"token punctuation"},":"),t(" none"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".events .ant-badge-status"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),t(" hidden"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"white-space"),n("span",{class:"token punctuation"},":"),t(" nowrap"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 100%"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"text-overflow"),n("span",{class:"token punctuation"},":"),t(" ellipsis"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 12px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".notes-month"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 28px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token selector"},".notes-month section"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),t(" 28px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var E=b(L,[["render",Q],["__scopeId","data-v-479d7026"]]);const q=Z({setup(){const s=v(w("2017-01-25")),a=v(w("2017-01-25")),g=v(w("2017-01-25"));return{date:s,selectedValue:a,date1:g,onSelect:l=>{s.value=l,a.value=l},onPanelChange:l=>{s.value=l}}}}),M={style:{display:"inline-block",width:"500px",border:"1px solid #d9d9d9",borderRadius:"4px"}},_={style:{display:"inline-block",width:"500px",marginLeft:"20px",border:"1px solid #d9d9d9",borderRadius:"4px"}};function O(s,a,g,k,p,l){const i=o("a-alert"),u=o("a-calendar"),r=o("demo-box");return d(),h(r,{jsfiddle:{us:"A basic calendar component with Year/Month switch.",cn:"\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A basic calendar component with Year/Month switch.</p>
`,order:3,title:{"zh-CN":"\u9009\u62E9\u529F\u80FD","en-US":"Selectable Calendar"},relativePath:"src/docs/calendar/demo/select.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IDptZXNzYWdlPSJgWW91IHNlbGVjdGVkIGRhdGU6ICR7c2VsZWN0ZWRWYWx1ZSAmJiBzZWxlY3RlZFZhbHVlLmZvcm1hdCgnWVlZWS1NTS1ERCcpfWAiIC8+CiAgPGRpdgogICAgOnN0eWxlPSJ7CiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLAogICAgICB3aWR0aDogJzUwMHB4JywKICAgICAgYm9yZGVyOiAnMXB4IHNvbGlkICNkOWQ5ZDknLAogICAgICBib3JkZXJSYWRpdXM6ICc0cHgnLAogICAgfSIKICA+CiAgICA8YS1jYWxlbmRhciA6dmFsdWU9ImRhdGUiIEBzZWxlY3Q9Im9uU2VsZWN0IiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CiAgPC9kaXY+CiAgPGRpdgogICAgOnN0eWxlPSJ7CiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLAogICAgICB3aWR0aDogJzUwMHB4JywKICAgICAgbWFyZ2luTGVmdDogJzIwcHgnLAogICAgICBib3JkZXI6ICcxcHggc29saWQgI2Q5ZDlkOScsCiAgICAgIGJvcmRlclJhZGl1czogJzRweCcsCiAgICB9IgogID4KICAgIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9ImRhdGUxIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZGF0ZSA9IHJlZihtb21lbnQoJzIwMTctMDEtMjUnKSk7CiAgICBjb25zdCBzZWxlY3RlZFZhbHVlID0gcmVmKG1vbWVudCgnMjAxNy0wMS0yNScpKTsKICAgIGNvbnN0IGRhdGUxID0gcmVmKG1vbWVudCgnMjAxNy0wMS0yNScpKTsKCiAgICBjb25zdCBvblNlbGVjdCA9ICh2YWx1ZTogTW9tZW50KSA9PiB7CiAgICAgIGRhdGUudmFsdWUgPSB2YWx1ZTsKICAgICAgc2VsZWN0ZWRWYWx1ZS52YWx1ZSA9IHZhbHVlOwogICAgfTsKICAgIGNvbnN0IG9uUGFuZWxDaGFuZ2UgPSAodmFsdWU6IE1vbWVudCkgPT4gewogICAgICBkYXRlLnZhbHVlID0gdmFsdWU7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGF0ZSwKICAgICAgc2VsZWN0ZWRWYWx1ZSwKICAgICAgZGF0ZTEsCiAgICAgIG9uU2VsZWN0LAogICAgICBvblBhbmVsQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IDptZXNzYWdlPSJgWW91IHNlbGVjdGVkIGRhdGU6ICR7c2VsZWN0ZWRWYWx1ZSAmJiBzZWxlY3RlZFZhbHVlLmZvcm1hdCgnWVlZWS1NTS1ERCcpfWAiIC8+CiAgPGRpdgogICAgOnN0eWxlPSJ7CiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLAogICAgICB3aWR0aDogJzUwMHB4JywKICAgICAgYm9yZGVyOiAnMXB4IHNvbGlkICNkOWQ5ZDknLAogICAgICBib3JkZXJSYWRpdXM6ICc0cHgnLAogICAgfSIKICA+CiAgICA8YS1jYWxlbmRhciA6dmFsdWU9ImRhdGUiIEBzZWxlY3Q9Im9uU2VsZWN0IiBAcGFuZWxDaGFuZ2U9Im9uUGFuZWxDaGFuZ2UiIC8+CiAgPC9kaXY+CiAgPGRpdgogICAgOnN0eWxlPSJ7CiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLAogICAgICB3aWR0aDogJzUwMHB4JywKICAgICAgbWFyZ2luTGVmdDogJzIwcHgnLAogICAgICBib3JkZXI6ICcxcHggc29saWQgI2Q5ZDlkOScsCiAgICAgIGJvcmRlclJhZGl1czogJzRweCcsCiAgICB9IgogID4KICAgIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9ImRhdGUxIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGUgPSByZWYobW9tZW50KCcyMDE3LTAxLTI1JykpOwogICAgY29uc3Qgc2VsZWN0ZWRWYWx1ZSA9IHJlZihtb21lbnQoJzIwMTctMDEtMjUnKSk7CiAgICBjb25zdCBkYXRlMSA9IHJlZihtb21lbnQoJzIwMTctMDEtMjUnKSk7CiAgICBjb25zdCBvblNlbGVjdCA9IHZhbHVlID0+IHsKICAgICAgZGF0ZS52YWx1ZSA9IHZhbHVlOwogICAgICBzZWxlY3RlZFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICB9OwogICAgY29uc3Qgb25QYW5lbENoYW5nZSA9IHZhbHVlID0+IHsKICAgICAgZGF0ZS52YWx1ZSA9IHZhbHVlOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRhdGUsCiAgICAgIHNlbGVjdGVkVmFsdWUsCiAgICAgIGRhdGUxLAogICAgICBvblNlbGVjdCwKICAgICAgb25QYW5lbENoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[c(i,{message:`You selected date: ${s.selectedValue&&s.selectedValue.format("YYYY-MM-DD")}`},null,8,["message"]),n("div",M,[c(u,{value:s.date,onSelect:s.onSelect,onPanelChange:s.onPanelChange},null,8,["value","onSelect","onPanelChange"])]),n("div",_,[c(u,{value:s.date1,"onUpdate:value":a[0]||(a[0]=C=>s.date1=C)},null,8,["value"])])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-alert")]),t(),n("span",{class:"token attr-name"},":message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      display: 'inline-block',
      width: '500px',
      border: '1px solid #d9d9d9',
      borderRadius: '4px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      display: 'inline-block',
      width: '500px',
      marginLeft: '20px',
      border: '1px solid #d9d9d9',
      borderRadius: '4px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("date1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(" moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" date "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" date1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
      selectedValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},","),t(`
      selectedValue`),n("span",{class:"token punctuation"},","),t(`
      date1`),n("span",{class:"token punctuation"},","),t(`
      onSelect`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-alert")]),t(),n("span",{class:"token attr-name"},":message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      display: 'inline-block',
      width: '500px',
      border: '1px solid #d9d9d9',
      borderRadius: '4px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      display: 'inline-block',
      width: '500px',
      marginLeft: '20px',
      border: '1px solid #d9d9d9',
      borderRadius: '4px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("date1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" date "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" date1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2017-01-25'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
      selectedValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      date`),n("span",{class:"token punctuation"},","),t(`
      selectedValue`),n("span",{class:"token punctuation"},","),t(`
      date1`),n("span",{class:"token punctuation"},","),t(`
      onSelect`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var $=b(q,[["render",O]]);const nn=Z({setup(){return{value:v(),onPanelChange:(p,l)=>{console.log(p,l)},getMonths:p=>{const l=p.clone(),i=p.localeData(),u=[];for(let r=0;r<12;r++)l.month(r),u.push(i.monthsShort(l));return u},getYears:p=>{const l=p.year(),i=[];for(let u=l-10;u<l+10;u+=1)i.push(u);return i}}}}),tn={style:{width:"300px",border:"1px solid #d9d9d9","border-radius":"4px"}},an={style:{padding:"10px"}};function sn(s,a,g,k,p,l){const i=o("a-radio-button"),u=o("a-radio-group"),r=o("a-col"),C=o("a-select-option"),A=o("a-select"),f=o("a-row"),H=o("a-calendar"),R=o("demo-box");return d(),h(R,{jsfiddle:{us:"Customize Calendar header content.",cn:"\u81EA\u5B9A\u4E49\u65E5\u5386\u5934\u90E8\u5185\u5BB9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u81EA\u5B9A\u4E49\u65E5\u5386\u5934\u90E8\u5185\u5BB9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Customize Calendar header content.</p>
`,order:4,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5934\u90E8","en-US":"Customize Header"},relativePath:"src/docs/calendar/demo/customize-header.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAzMDBweDsgYm9yZGVyOiAxcHggc29saWQgI2Q5ZDlkOTsgYm9yZGVyLXJhZGl1czogNHB4Ij4KICAgIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6ZnVsbHNjcmVlbj0iZmFsc2UiIEBwYW5lbENoYW5nZT0ib25QYW5lbENoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaGVhZGVyUmVuZGVyPSJ7IHZhbHVlLCB0eXBlLCBvbkNoYW5nZSwgb25UeXBlQ2hhbmdlIH0iPgogICAgICAgIDxkaXYgc3R5bGU9InBhZGRpbmc6IDEwcHgiPgogICAgICAgICAgPGRpdiBzdHlsZT0ibWFyZ2luLWJvdHRvbTogMTBweCI+Q3VzdG9tIGhlYWRlcjwvZGl2PgogICAgICAgICAgPGEtcm93IHR5cGU9ImZsZXgiIGp1c3RpZnk9InNwYWNlLWJldHdlZW4iPgogICAgICAgICAgICA8YS1jb2w+CiAgICAgICAgICAgICAgPGEtcmFkaW8tZ3JvdXAgc2l6ZT0ic21hbGwiIDp2YWx1ZT0idHlwZSIgQGNoYW5nZT0iZSA9PiBvblR5cGVDaGFuZ2UoZS50YXJnZXQudmFsdWUpIj4KICAgICAgICAgICAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ibW9udGgiPk1vbnRoPC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgICAgICAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ieWVhciI+WWVhcjwvYS1yYWRpby1idXR0b24+CiAgICAgICAgICAgICAgPC9hLXJhZGlvLWdyb3VwPgogICAgICAgICAgICA8L2EtY29sPgogICAgICAgICAgICA8YS1jb2w+CiAgICAgICAgICAgICAgPGEtc2VsZWN0CiAgICAgICAgICAgICAgICBzaXplPSJzbWFsbCIKICAgICAgICAgICAgICAgIDpkcm9wZG93bi1tYXRjaC1zZWxlY3Qtd2lkdGg9ImZhbHNlIgogICAgICAgICAgICAgICAgY2xhc3M9Im15LXllYXItc2VsZWN0IgogICAgICAgICAgICAgICAgOnZhbHVlPSJTdHJpbmcodmFsdWUueWVhcigpKSIKICAgICAgICAgICAgICAgIEBjaGFuZ2U9IgogICAgICAgICAgICAgICAgICBuZXdZZWFyID0+IHsKICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZS5jbG9uZSgpLnllYXIobmV3WWVhcikpOwogICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAiCiAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbgogICAgICAgICAgICAgICAgICB2LWZvcj0idmFsIGluIGdldFllYXJzKHZhbHVlKSIKICAgICAgICAgICAgICAgICAgOmtleT0iU3RyaW5nKHZhbCkiCiAgICAgICAgICAgICAgICAgIGNsYXNzPSJ5ZWFyLWl0ZW0iCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgIHt7IHZhbCB9fQogICAgICAgICAgICAgICAgPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgICAgICAgPC9hLWNvbD4KICAgICAgICAgICAgPGEtY29sPgogICAgICAgICAgICAgIDxhLXNlbGVjdAogICAgICAgICAgICAgICAgc2l6ZT0ic21hbGwiCiAgICAgICAgICAgICAgICA6ZHJvcGRvd24tbWF0Y2gtc2VsZWN0LXdpZHRoPSJmYWxzZSIKICAgICAgICAgICAgICAgIDp2YWx1ZT0iU3RyaW5nKHZhbHVlLm1vbnRoKCkpIgogICAgICAgICAgICAgICAgQGNoYW5nZT0iCiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkTW9udGggPT4gewogICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKHZhbHVlLmNsb25lKCkubW9udGgocGFyc2VJbnQoc2VsZWN0ZWRNb250aCwgMTApKSk7CiAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICIKICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uCiAgICAgICAgICAgICAgICAgIHYtZm9yPSIodmFsLCBpbmRleCkgaW4gZ2V0TW9udGhzKHZhbHVlKSIKICAgICAgICAgICAgICAgICAgOmtleT0iU3RyaW5nKGluZGV4KSIKICAgICAgICAgICAgICAgICAgY2xhc3M9Im1vbnRoLWl0ZW0iCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgIHt7IHZhbCB9fQogICAgICAgICAgICAgICAgPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgICAgICAgPC9hLWNvbD4KICAgICAgICAgIDwvYS1yb3c+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtY2FsZW5kYXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8TW9tZW50PigpOwoKICAgIGNvbnN0IG9uUGFuZWxDaGFuZ2UgPSAodmFsdWU6IE1vbWVudCwgbW9kZTogc3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLCBtb2RlKTsKICAgIH07CgogICAgY29uc3QgZ2V0TW9udGhzID0gKHZhbHVlOiBNb21lbnQpID0+IHsKICAgICAgY29uc3QgY3VycmVudCA9IHZhbHVlLmNsb25lKCk7CiAgICAgIGNvbnN0IGxvY2FsZURhdGEgPSB2YWx1ZS5sb2NhbGVEYXRhKCk7CiAgICAgIGNvbnN0IG1vbnRocyA9IFtdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDEyOyBpKyspIHsKICAgICAgICBjdXJyZW50Lm1vbnRoKGkpOwogICAgICAgIG1vbnRocy5wdXNoKGxvY2FsZURhdGEubW9udGhzU2hvcnQoY3VycmVudCkpOwogICAgICB9CiAgICAgIHJldHVybiBtb250aHM7CiAgICB9OwoKICAgIGNvbnN0IGdldFllYXJzID0gKHZhbHVlOiBNb21lbnQpID0+IHsKICAgICAgY29uc3QgeWVhciA9IHZhbHVlLnllYXIoKTsKICAgICAgY29uc3QgeWVhcnMgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IHllYXIgLSAxMDsgaSA8IHllYXIgKyAxMDsgaSArPSAxKSB7CiAgICAgICAgeWVhcnMucHVzaChpKTsKICAgICAgfQogICAgICByZXR1cm4geWVhcnM7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvblBhbmVsQ2hhbmdlLAogICAgICBnZXRNb250aHMsCiAgICAgIGdldFllYXJzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAzMDBweDsgYm9yZGVyOiAxcHggc29saWQgI2Q5ZDlkOTsgYm9yZGVyLXJhZGl1czogNHB4Ij4KICAgIDxhLWNhbGVuZGFyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6ZnVsbHNjcmVlbj0iZmFsc2UiIEBwYW5lbENoYW5nZT0ib25QYW5lbENoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaGVhZGVyUmVuZGVyPSJ7IHZhbHVlLCB0eXBlLCBvbkNoYW5nZSwgb25UeXBlQ2hhbmdlIH0iPgogICAgICAgIDxkaXYgc3R5bGU9InBhZGRpbmc6IDEwcHgiPgogICAgICAgICAgPGRpdiBzdHlsZT0ibWFyZ2luLWJvdHRvbTogMTBweCI+Q3VzdG9tIGhlYWRlcjwvZGl2PgogICAgICAgICAgPGEtcm93IHR5cGU9ImZsZXgiIGp1c3RpZnk9InNwYWNlLWJldHdlZW4iPgogICAgICAgICAgICA8YS1jb2w+CiAgICAgICAgICAgICAgPGEtcmFkaW8tZ3JvdXAgc2l6ZT0ic21hbGwiIDp2YWx1ZT0idHlwZSIgQGNoYW5nZT0iZSA9PiBvblR5cGVDaGFuZ2UoZS50YXJnZXQudmFsdWUpIj4KICAgICAgICAgICAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ibW9udGgiPk1vbnRoPC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgICAgICAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ieWVhciI+WWVhcjwvYS1yYWRpby1idXR0b24+CiAgICAgICAgICAgICAgPC9hLXJhZGlvLWdyb3VwPgogICAgICAgICAgICA8L2EtY29sPgogICAgICAgICAgICA8YS1jb2w+CiAgICAgICAgICAgICAgPGEtc2VsZWN0CiAgICAgICAgICAgICAgICBzaXplPSJzbWFsbCIKICAgICAgICAgICAgICAgIDpkcm9wZG93bi1tYXRjaC1zZWxlY3Qtd2lkdGg9ImZhbHNlIgogICAgICAgICAgICAgICAgY2xhc3M9Im15LXllYXItc2VsZWN0IgogICAgICAgICAgICAgICAgOnZhbHVlPSJTdHJpbmcodmFsdWUueWVhcigpKSIKICAgICAgICAgICAgICAgIEBjaGFuZ2U9IgogICAgICAgICAgICAgICAgICBuZXdZZWFyID0+IHsKICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZS5jbG9uZSgpLnllYXIobmV3WWVhcikpOwogICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAiCiAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbgogICAgICAgICAgICAgICAgICB2LWZvcj0idmFsIGluIGdldFllYXJzKHZhbHVlKSIKICAgICAgICAgICAgICAgICAgOmtleT0iU3RyaW5nKHZhbCkiCiAgICAgICAgICAgICAgICAgIGNsYXNzPSJ5ZWFyLWl0ZW0iCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgIHt7IHZhbCB9fQogICAgICAgICAgICAgICAgPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgICAgICAgPC9hLWNvbD4KICAgICAgICAgICAgPGEtY29sPgogICAgICAgICAgICAgIDxhLXNlbGVjdAogICAgICAgICAgICAgICAgc2l6ZT0ic21hbGwiCiAgICAgICAgICAgICAgICA6ZHJvcGRvd24tbWF0Y2gtc2VsZWN0LXdpZHRoPSJmYWxzZSIKICAgICAgICAgICAgICAgIDp2YWx1ZT0iU3RyaW5nKHZhbHVlLm1vbnRoKCkpIgogICAgICAgICAgICAgICAgQGNoYW5nZT0iCiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkTW9udGggPT4gewogICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKHZhbHVlLmNsb25lKCkubW9udGgocGFyc2VJbnQoc2VsZWN0ZWRNb250aCwgMTApKSk7CiAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICIKICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uCiAgICAgICAgICAgICAgICAgIHYtZm9yPSIodmFsLCBpbmRleCkgaW4gZ2V0TW9udGhzKHZhbHVlKSIKICAgICAgICAgICAgICAgICAgOmtleT0iU3RyaW5nKGluZGV4KSIKICAgICAgICAgICAgICAgICAgY2xhc3M9Im1vbnRoLWl0ZW0iCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgIHt7IHZhbCB9fQogICAgICAgICAgICAgICAgPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgICAgICAgPC9hLWNvbD4KICAgICAgICAgIDwvYS1yb3c+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtY2FsZW5kYXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICBjb25zdCBvblBhbmVsQ2hhbmdlID0gKHZhbHVlLCBtb2RlKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLCBtb2RlKTsKICAgIH07CiAgICBjb25zdCBnZXRNb250aHMgPSB2YWx1ZSA9PiB7CiAgICAgIGNvbnN0IGN1cnJlbnQgPSB2YWx1ZS5jbG9uZSgpOwogICAgICBjb25zdCBsb2NhbGVEYXRhID0gdmFsdWUubG9jYWxlRGF0YSgpOwogICAgICBjb25zdCBtb250aHMgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCAxMjsgaSsrKSB7CiAgICAgICAgY3VycmVudC5tb250aChpKTsKICAgICAgICBtb250aHMucHVzaChsb2NhbGVEYXRhLm1vbnRoc1Nob3J0KGN1cnJlbnQpKTsKICAgICAgfQogICAgICByZXR1cm4gbW9udGhzOwogICAgfTsKICAgIGNvbnN0IGdldFllYXJzID0gdmFsdWUgPT4gewogICAgICBjb25zdCB5ZWFyID0gdmFsdWUueWVhcigpOwogICAgICBjb25zdCB5ZWFycyA9IFtdOwogICAgICBmb3IgKGxldCBpID0geWVhciAtIDEwOyBpIDwgeWVhciArIDEwOyBpICs9IDEpIHsKICAgICAgICB5ZWFycy5wdXNoKGkpOwogICAgICB9CiAgICAgIHJldHVybiB5ZWFyczsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25QYW5lbENoYW5nZSwKICAgICAgZ2V0TW9udGhzLAogICAgICBnZXRZZWFycywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[n("div",tn,[c(H,{value:s.value,"onUpdate:value":a[0]||(a[0]=m=>s.value=m),fullscreen:!1,onPanelChange:s.onPanelChange},{headerRender:e(({value:m,type:X,onChange:V,onTypeChange:S})=>[n("div",an,[a[3]||(a[3]=n("div",{style:{"margin-bottom":"10px"}},"Custom header",-1)),c(f,{type:"flex",justify:"space-between"},{default:e(()=>[c(r,null,{default:e(()=>[c(u,{size:"small",value:X,onChange:I=>S(I.target.value)},{default:e(()=>[c(i,{value:"month"},{default:e(()=>a[1]||(a[1]=[t("Month")])),_:1,__:[1]}),c(i,{value:"year"},{default:e(()=>a[2]||(a[2]=[t("Year")])),_:1,__:[2]})]),_:2},1032,["value","onChange"])]),_:2},1024),c(r,null,{default:e(()=>[c(A,{size:"small","dropdown-match-select-width":!1,class:"my-year-select",value:String(m.year()),onChange:I=>{V(m.clone().year(I))}},{default:e(()=>[(d(!0),y(W,null,G(s.getYears(m),I=>(d(),h(C,{key:String(I),class:"year-item"},{default:e(()=>[t(B(I),1)]),_:2},1024))),128))]),_:2},1032,["value","onChange"])]),_:2},1024),c(r,null,{default:e(()=>[c(A,{size:"small","dropdown-match-select-width":!1,value:String(m.month()),onChange:I=>{V(m.clone().month(parseInt(I,10)))}},{default:e(()=>[(d(!0),y(W,null,G(s.getMonths(m),(I,x)=>(d(),h(C,{key:String(x),class:"month-item"},{default:e(()=>[t(B(I),1)]),_:2},1024))),128))]),_:2},1032,["value","onChange"])]),_:2},1024)]),_:2},1024)])]),_:1},8,["value","onPanelChange"])])]),htmlCode:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 300px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px solid #d9d9d9"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),t(" 4px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":fullscreen"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#headerRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ value, type, onChange, onTypeChange }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("Custom header"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-row")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("flex"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"justify"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("space-between"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("e => onTypeChange(e.target.value)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Month"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("year"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Year"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select")]),t(`
                `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":dropdown-match-select-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("my-year-select"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(value.year())"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
                  newYear => {
                    onChange(value.clone().year(newYear));
                  }
                `),n("span",{class:"token punctuation"},'"')]),t(`
              `),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select-option")]),t(`
                  `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val in getYears(value)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(val)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("year-item"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token punctuation"},">")]),t(`
                  {{ val }}
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select-option")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select")]),t(`
                `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":dropdown-match-select-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(value.month())"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
                  selectedMonth => {
                    onChange(value.clone().month(parseInt(selectedMonth, 10)));
                  }
                `),n("span",{class:"token punctuation"},'"')]),t(`
              `),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select-option")]),t(`
                  `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(val, index) in getMonths(value)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(index)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("month-item"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token punctuation"},">")]),t(`
                  {{ val }}
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select-option")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-row")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-calendar")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMonths"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"clone"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" localeData "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"localeData"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" months "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"12"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        current`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"month"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        months`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("localeData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"monthsShort"),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" months"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getYears"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" year "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"year"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" years "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(" year "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" year "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"+="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        years`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" years"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
      getMonths`),n("span",{class:"token punctuation"},","),t(`
      getYears`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 300px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px solid #d9d9d9"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),t(" 4px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-calendar")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":fullscreen"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onPanelChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#headerRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ value, type, onChange, onTypeChange }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("Custom header"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-row")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("flex"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"justify"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("space-between"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("e => onTypeChange(e.target.value)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Month"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("year"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Year"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select")]),t(`
                `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":dropdown-match-select-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("my-year-select"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(value.year())"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
                  newYear => {
                    onChange(value.clone().year(newYear));
                  }
                `),n("span",{class:"token punctuation"},'"')]),t(`
              `),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select-option")]),t(`
                  `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val in getYears(value)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(val)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("year-item"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token punctuation"},">")]),t(`
                  {{ val }}
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select-option")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select")]),t(`
                `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":dropdown-match-select-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(value.month())"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
                  selectedMonth => {
                    onChange(value.clone().month(parseInt(selectedMonth, 10)));
                  }
                `),n("span",{class:"token punctuation"},'"')]),t(`
              `),n("span",{class:"token punctuation"},">")]),t(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-select-option")]),t(`
                  `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(val, index) in getMonths(value)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("String(index)"),n("span",{class:"token punctuation"},'"')]),t(`
                  `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("month-item"),n("span",{class:"token punctuation"},'"')]),t(`
                `),n("span",{class:"token punctuation"},">")]),t(`
                  {{ val }}
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select-option")]),n("span",{class:"token punctuation"},">")]),t(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-select")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-col")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-row")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-calendar")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onPanelChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("value"),n("span",{class:"token punctuation"},","),t(" mode")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(" mode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMonths"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"clone"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" localeData "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"localeData"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" months "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"12"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        current`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"month"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        months`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("localeData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"monthsShort"),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" months"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getYears"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" year "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"year"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" years "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(" year "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" year "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"+="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        years`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" years"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      onPanelChange`),n("span",{class:"token punctuation"},","),t(`
      getMonths`),n("span",{class:"token punctuation"},","),t(`
      getYears`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var en=b(nn,[["render",sn]]);const on={pageData:{title:"Calendar",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Calendar",subtitle:"\u65E5\u5386",cover:"https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u6570\u636E\u662F\u65E5\u671F\u6216\u6309\u7167\u65E5\u671F\u5212\u5206\u65F6\uFF0C\u4F8B\u5982\u65E5\u7A0B\u3001\u8BFE\u8868\u3001\u4EF7\u683C\u65E5\u5386\u7B49\uFF0C\u519C\u5386\u7B49\u3002\u76EE\u524D\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002"},{level:2,title:"API",slug:"api",content:"**\u6CE8\u610F\uFF1A**Calendar \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002"},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""}],relativePath:"src/docs/calendar/index.zh-CN.md",content:`
\u6309\u7167\u65E5\u5386\u5F62\u5F0F\u5C55\u793A\u6570\u636E\u7684\u5BB9\u5668\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5F53\u6570\u636E\u662F\u65E5\u671F\u6216\u6309\u7167\u65E5\u671F\u5212\u5206\u65F6\uFF0C\u4F8B\u5982\u65E5\u7A0B\u3001\u8BFE\u8868\u3001\u4EF7\u683C\u65E5\u5386\u7B49\uFF0C\u519C\u5386\u7B49\u3002\u76EE\u524D\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002

## API

**\u6CE8\u610F\uFF1A**Calendar \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002

\`\`\`html
// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u6240\u4EE5\u5982\u679C\u9700\u8981\u4F7F\u7528\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale // import moment from
&#39;moment&#39;; // import &#39;moment/dist/locale/zh-cn&#39;; // moment.locale(&#39;zh-cn&#39;);

&lt;a-calendar v-model:value=&quot;value&quot; @panelChange=&quot;onPanelChange&quot; @select=&quot;onSelect&quot;&gt;&lt;/a-calendar&gt;
\`\`\`

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| dateCellRender | \u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u7528\u6765\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C, | function(object: {current: moment}) | \u65E0 |  |
| dateFullCellRender | \u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C | function(object: {current: moment}) | \u65E0 |  |
| defaultValue | \u9ED8\u8BA4\u5C55\u793A\u7684\u65E5\u671F | [moment](http://momentjs.com/) | \u9ED8\u8BA4\u65E5\u671F |  |
| disabledDate | \u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F | (currentDate: moment) =&gt; boolean | \u65E0 |  |
| fullscreen | \u662F\u5426\u5168\u5C4F\u663E\u793A | boolean | true |  |
| locale | \u56FD\u9645\u5316\u914D\u7F6E | object | [\u9ED8\u8BA4\u914D\u7F6E](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json) |  |
| mode | \u521D\u59CB\u6A21\u5F0F\uFF0C\`month/year\` | string | month |  |
| monthCellRender | \u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C | function(object: {current: moment}) | \u65E0 |  |
| monthFullCellRender | \u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C | function(object: {current: moment}) | \u65E0 |  |
| validRange | \u8BBE\u7F6E\u53EF\u4EE5\u663E\u793A\u7684\u65E5\u671F | \\[[moment](http://momentjs.com/), [moment](http://momentjs.com/)] | \u65E0 |  |
| value(v-model) | \u5C55\u793A\u65E5\u671F | [moment](http://momentjs.com/) | \u5F53\u524D\u65E5\u671F |  |
| headerRender | \u81EA\u5B9A\u4E49\u5934\u90E8\u5185\u5BB9 | function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) \\| v-slot | - | 1.5.0 |
| valueFormat | \u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61 | string\uFF0C[\u5177\u4F53\u683C\u5F0F](https://momentjs.com/docs/#/displaying/format/) | - | 1.5.4 |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
| --- | --- | --- | --- |
| panelChange | \u65E5\u671F\u9762\u677F\u53D8\u5316\u56DE\u8C03 | function(date: moment \\| string, mode: string) | \u65E0 |
| select | \u70B9\u51FB\u9009\u62E9\u65E5\u671F\u56DE\u8C03 | function(date: moment \\| string\uFF09 | \u65E0 |
| change | \u65E5\u671F\u53D8\u5316\u65F6\u7684\u56DE\u8C03, \u9762\u677F\u53D8\u5316\u6709\u53EF\u80FD\u5BFC\u81F4\u65E5\u671F\u53D8\u5316 | function(date: moment \\| string\uFF09 | \u65E0 |
`,html:`<p>\u6309\u7167\u65E5\u5386\u5F62\u5F0F\u5C55\u793A\u6570\u636E\u7684\u5BB9\u5668\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u5F53\u6570\u636E\u662F\u65E5\u671F\u6216\u6309\u7167\u65E5\u671F\u5212\u5206\u65F6\uFF0C\u4F8B\u5982\u65E5\u7A0B\u3001\u8BFE\u8868\u3001\u4EF7\u683C\u65E5\u5386\u7B49\uFF0C\u519C\u5386\u7B49\u3002\u76EE\u524D\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p>
<h2 id="api">API</h2>
<p>**\u6CE8\u610F\uFF1A**Calendar \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002</p>
<pre class="language-html" v-pre><code>// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u6240\u4EE5\u5982\u679C\u9700\u8981\u4F7F\u7528\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale // import moment from
'moment'; // import 'moment/dist/locale/zh-cn'; // moment.locale('zh-cn');

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token attr-name">@panelChange</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onPanelChange<span class="token punctuation">"</span></span> <span class="token attr-name">@select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onSelect<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">></span></span>
</code></pre>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>dateCellRender</td>
<td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u7528\u6765\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C,</td>
<td>function(object: {current: moment})</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>dateFullCellRender</td>
<td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C</td>
<td>function(object: {current: moment})</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>\u9ED8\u8BA4\u5C55\u793A\u7684\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u9ED8\u8BA4\u65E5\u671F</td>
<td></td>
</tr>
<tr>
<td>disabledDate</td>
<td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td>
<td>(currentDate: moment) =&gt; boolean</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>fullscreen</td>
<td>\u662F\u5426\u5168\u5C4F\u663E\u793A</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>locale</td>
<td>\u56FD\u9645\u5316\u914D\u7F6E</td>
<td>object</td>
<td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td>
<td></td>
</tr>
<tr>
<td>mode</td>
<td>\u521D\u59CB\u6A21\u5F0F\uFF0C<code>month/year</code></td>
<td>string</td>
<td>month</td>
<td></td>
</tr>
<tr>
<td>monthCellRender</td>
<td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C</td>
<td>function(object: {current: moment})</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>monthFullCellRender</td>
<td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C</td>
<td>function(object: {current: moment})</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>validRange</td>
<td>\u8BBE\u7F6E\u53EF\u4EE5\u663E\u793A\u7684\u65E5\u671F</td>
<td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u5C55\u793A\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u5F53\u524D\u65E5\u671F</td>
<td></td>
</tr>
<tr>
<td>headerRender</td>
<td>\u81EA\u5B9A\u4E49\u5934\u90E8\u5185\u5BB9</td>
<td>function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) | v-slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>valueFormat</td>
<td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61</td>
<td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td>
<td>-</td>
<td>1.5.4</td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>panelChange</td>
<td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u56DE\u8C03</td>
<td>function(date: moment | string, mode: string)</td>
</tr>
<tr>
<td>select</td>
<td>\u70B9\u51FB\u9009\u62E9\u65E5\u671F\u56DE\u8C03</td>
<td>function(date: moment | string\uFF09</td>
</tr>
<tr>
<td>change</td>
<td>\u65E5\u671F\u53D8\u5316\u65F6\u7684\u56DE\u8C03, \u9762\u677F\u53D8\u5316\u6709\u53EF\u80FD\u5BFC\u81F4\u65E5\u671F\u53D8\u5316</td>
<td>function(date: moment | string\uFF09</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052637}},cn={class:"markdown"};function pn(s,a,g,k,p,l){return d(),y("article",cn,a[0]||(a[0]=[Y(`<p>\u6309\u7167\u65E5\u5386\u5F62\u5F0F\u5C55\u793A\u6570\u636E\u7684\u5BB9\u5668\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u5F53\u6570\u636E\u662F\u65E5\u671F\u6216\u6309\u7167\u65E5\u671F\u5212\u5206\u65F6\uFF0C\u4F8B\u5982\u65E5\u7A0B\u3001\u8BFE\u8868\u3001\u4EF7\u683C\u65E5\u5386\u7B49\uFF0C\u519C\u5386\u7B49\u3002\u76EE\u524D\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p><h2 id="api">API</h2><p>**\u6CE8\u610F\uFF1A**Calendar \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002</p><pre class="language-html"><code>// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u6240\u4EE5\u5982\u679C\u9700\u8981\u4F7F\u7528\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale // import moment from
&#39;moment&#39;; // import &#39;moment/dist/locale/zh-cn&#39;; // moment.locale(&#39;zh-cn&#39;);

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@panelChange</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onPanelChange<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onSelect<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">&gt;</span></span>
</code></pre><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>dateCellRender</td><td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u7528\u6765\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C,</td><td>function(object: {current: moment})</td><td>\u65E0</td><td></td></tr><tr><td>dateFullCellRender</td><td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u65E5\u671F\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C</td><td>function(object: {current: moment})</td><td>\u65E0</td><td></td></tr><tr><td>defaultValue</td><td>\u9ED8\u8BA4\u5C55\u793A\u7684\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u9ED8\u8BA4\u65E5\u671F</td><td></td></tr><tr><td>disabledDate</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td><td>(currentDate: moment) =&gt; boolean</td><td>\u65E0</td><td></td></tr><tr><td>fullscreen</td><td>\u662F\u5426\u5168\u5C4F\u663E\u793A</td><td>boolean</td><td>true</td><td></td></tr><tr><td>locale</td><td>\u56FD\u9645\u5316\u914D\u7F6E</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td><td></td></tr><tr><td>mode</td><td>\u521D\u59CB\u6A21\u5F0F\uFF0C<code>month/year</code></td><td>string</td><td>month</td><td></td></tr><tr><td>monthCellRender</td><td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u4F1A\u88AB\u8FFD\u52A0\u5230\u5355\u5143\u683C</td><td>function(object: {current: moment})</td><td>\u65E0</td><td></td></tr><tr><td>monthFullCellRender</td><td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u6E32\u67D3\u6708\u5355\u5143\u683C\uFF0C\u8FD4\u56DE\u5185\u5BB9\u8986\u76D6\u5355\u5143\u683C</td><td>function(object: {current: moment})</td><td>\u65E0</td><td></td></tr><tr><td>validRange</td><td>\u8BBE\u7F6E\u53EF\u4EE5\u663E\u793A\u7684\u65E5\u671F</td><td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td><td>\u65E0</td><td></td></tr><tr><td>value(v-model)</td><td>\u5C55\u793A\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u5F53\u524D\u65E5\u671F</td><td></td></tr><tr><td>headerRender</td><td>\u81EA\u5B9A\u4E49\u5934\u90E8\u5185\u5BB9</td><td>function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) | v-slot</td><td>-</td><td>1.5.0</td></tr><tr><td>valueFormat</td><td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61</td><td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td><td>-</td><td>1.5.4</td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>panelChange</td><td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u56DE\u8C03</td><td>function(date: moment | string, mode: string)</td></tr><tr><td>select</td><td>\u70B9\u51FB\u9009\u62E9\u65E5\u671F\u56DE\u8C03</td><td>function(date: moment | string\uFF09</td></tr><tr><td>change</td><td>\u65E5\u671F\u53D8\u5316\u65F6\u7684\u56DE\u8C03, \u9762\u677F\u53D8\u5316\u6709\u53EF\u80FD\u5BFC\u81F4\u65E5\u671F\u53D8\u5316</td><td>function(date: moment | string\uFF09</td></tr></tbody></table>`,9)]))}var ln=b(on,[["render",pn]]);const un={pageData:{title:"Calendar",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Calendar",cover:"https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch."},{level:2,title:"API",slug:"api",content:"**Note:** Part of the Calendar's locale is read from `value`. So, please set the locale of `moment` correctly."},{level:3,title:"events",slug:"events",content:""}],relativePath:"src/docs/calendar/index.en-US.md",content:`
Container for displaying data in calendar form.

## When To Use

When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.

## API

**Note:** Part of the Calendar&#39;s locale is read from \`value\`. So, please set the locale of \`moment\` correctly.

\`\`\`html
// The default locale is en-US, if you want to use other locale, just set locale in entry file
globally. // import moment from &#39;moment&#39;; // import &#39;moment/dist/locale/zh-cn&#39;; //
moment.locale(&#39;zh-cn&#39;);

&lt;a-calendar v-model:value @panelChange=&quot;onPanelChange&quot; @select=&quot;onSelect&quot;&gt;&lt;/a-calendar&gt;
\`\`\`

customize the progress dot by setting a scoped slot

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| dateCellRender | Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell | function(object: {current: moment}) | - |  |
| dateFullCellRender | Customize the display of the date cell by setting a scoped slot, the returned content will override the cell | function(object: {current: moment}) | - |  |
| defaultValue | The date selected by default | [moment](http://momentjs.com/) | default date |  |
| disabledDate | Function that specifies the dates that cannot be selected | (currentDate: moment) =&gt; boolean | - |
| fullscreen | Whether to display in full-screen | boolean | \`true\` |  |
| locale | The calendar&#39;s locale | object | [default](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json) |  |
| mode | The display mode of the calendar | \`month\` \\| \`year\` | \`month\` |  |
| monthCellRender | Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell | function(object: {current: moment}) | - |  |
| monthFullCellRender | Customize the display of the month cell by setting a scoped slot, the returned content will override the cell | function(object: {current: moment}) | - |  |
| validRange | to set valid range | \\[[moment](http://momentjs.com/), [moment](http://momentjs.com/)] | - |  |
| value(v-model) | The current selected date | [moment](http://momentjs.com/) | current date |  |
| headerRender | render custom header in panel | function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) \\| v-slot | - | 1.5.0 |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string\uFF0C[date formats](https://momentjs.com/docs/#/displaying/format/) | - | 1.5.4 |

### events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- | --- |
| panelChange | Callback for when panel changes | function(date: moment \\| string, mode: string) | - |  |
| select | Callback for when a date is selected | function(date: moment \\| string\uFF09 | - |  |
| change | Callback for when value change | function(date: moment \\| string\uFF09 | - |  |
`,html:`<p>Container for displaying data in calendar form.</p>
<h2 id="when-to-use">When To Use</h2>
<p>When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.</p>
<h2 id="api">API</h2>
<p><strong>Note:</strong> Part of the Calendar's locale is read from <code>value</code>. So, please set the locale of <code>moment</code> correctly.</p>
<pre class="language-html" v-pre><code>// The default locale is en-US, if you want to use other locale, just set locale in entry file
globally. // import moment from 'moment'; // import 'moment/dist/locale/zh-cn'; //
moment.locale('zh-cn');

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span> <span class="token attr-name">@panelChange</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onPanelChange<span class="token punctuation">"</span></span> <span class="token attr-name">@select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onSelect<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">></span></span>
</code></pre>
<p>customize the progress dot by setting a scoped slot</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>dateCellRender</td>
<td>Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell</td>
<td>function(object: {current: moment})</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>dateFullCellRender</td>
<td>Customize the display of the date cell by setting a scoped slot, the returned content will override the cell</td>
<td>function(object: {current: moment})</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>The date selected by default</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>default date</td>
<td></td>
</tr>
<tr>
<td>disabledDate</td>
<td>Function that specifies the dates that cannot be selected</td>
<td>(currentDate: moment) =&gt; boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>fullscreen</td>
<td>Whether to display in full-screen</td>
<td>boolean</td>
<td><code>true</code></td>
<td></td>
</tr>
<tr>
<td>locale</td>
<td>The calendar's locale</td>
<td>object</td>
<td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td>
<td></td>
</tr>
<tr>
<td>mode</td>
<td>The display mode of the calendar</td>
<td><code>month</code> | <code>year</code></td>
<td><code>month</code></td>
<td></td>
</tr>
<tr>
<td>monthCellRender</td>
<td>Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell</td>
<td>function(object: {current: moment})</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>monthFullCellRender</td>
<td>Customize the display of the month cell by setting a scoped slot, the returned content will override the cell</td>
<td>function(object: {current: moment})</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>validRange</td>
<td>to set valid range</td>
<td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>The current selected date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>current date</td>
<td></td>
</tr>
<tr>
<td>headerRender</td>
<td>render custom header in panel</td>
<td>function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) | v-slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>valueFormat</td>
<td>optional, format of binding value. If not specified, the binding value will be a Date object</td>
<td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">date formats</a></td>
<td>-</td>
<td>1.5.4</td>
</tr>
</tbody>
</table>
<h3 id="events">events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>panelChange</td>
<td>Callback for when panel changes</td>
<td>function(date: moment | string, mode: string)</td>
<td>-</td>
</tr>
<tr>
<td>select</td>
<td>Callback for when a date is selected</td>
<td>function(date: moment | string\uFF09</td>
<td>-</td>
</tr>
<tr>
<td>change</td>
<td>Callback for when value change</td>
<td>function(date: moment | string\uFF09</td>
<td>-</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052637}},kn={class:"markdown"};function rn(s,a,g,k,p,l){return d(),y("article",kn,a[0]||(a[0]=[Y(`<p>Container for displaying data in calendar form.</p><h2 id="when-to-use">When To Use</h2><p>When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.</p><h2 id="api">API</h2><p><strong>Note:</strong> Part of the Calendar&#39;s locale is read from <code>value</code>. So, please set the locale of <code>moment</code> correctly.</p><pre class="language-html"><code>// The default locale is en-US, if you want to use other locale, just set locale in entry file
globally. // import moment from &#39;moment&#39;; // import &#39;moment/dist/locale/zh-cn&#39;; //
moment.locale(&#39;zh-cn&#39;);

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span> <span class="token attr-name">@panelChange</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onPanelChange<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onSelect<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">&gt;</span></span>
</code></pre><p>customize the progress dot by setting a scoped slot</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>dateCellRender</td><td>Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell</td><td>function(object: {current: moment})</td><td>-</td><td></td></tr><tr><td>dateFullCellRender</td><td>Customize the display of the date cell by setting a scoped slot, the returned content will override the cell</td><td>function(object: {current: moment})</td><td>-</td><td></td></tr><tr><td>defaultValue</td><td>The date selected by default</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>default date</td><td></td></tr><tr><td>disabledDate</td><td>Function that specifies the dates that cannot be selected</td><td>(currentDate: moment) =&gt; boolean</td><td>-</td><td></td></tr><tr><td>fullscreen</td><td>Whether to display in full-screen</td><td>boolean</td><td><code>true</code></td><td></td></tr><tr><td>locale</td><td>The calendar&#39;s locale</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td><td></td></tr><tr><td>mode</td><td>The display mode of the calendar</td><td><code>month</code> | <code>year</code></td><td><code>month</code></td><td></td></tr><tr><td>monthCellRender</td><td>Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell</td><td>function(object: {current: moment})</td><td>-</td><td></td></tr><tr><td>monthFullCellRender</td><td>Customize the display of the month cell by setting a scoped slot, the returned content will override the cell</td><td>function(object: {current: moment})</td><td>-</td><td></td></tr><tr><td>validRange</td><td>to set valid range</td><td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td><td>-</td><td></td></tr><tr><td>value(v-model)</td><td>The current selected date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>current date</td><td></td></tr><tr><td>headerRender</td><td>render custom header in panel</td><td>function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) | v-slot</td><td>-</td><td>1.5.0</td></tr><tr><td>valueFormat</td><td>optional, format of binding value. If not specified, the binding value will be a Date object</td><td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">date formats</a></td><td>-</td><td>1.5.4</td></tr></tbody></table><h3 id="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>panelChange</td><td>Callback for when panel changes</td><td>function(date: moment | string, mode: string)</td><td>-</td></tr><tr><td>select</td><td>Callback for when a date is selected</td><td>function(date: moment | string\uFF09</td><td>-</td></tr><tr><td>change</td><td>Callback for when value change</td><td>function(date: moment | string\uFF09</td><td>-</td></tr></tbody></table>`,10)]))}var gn=b(un,[["render",rn]]);const dn=Z({CN:ln,US:gn,components:{Basic:P,Card:J,NoticeCalendar:E,Select:$,CustomizeHeader:en}});function Cn(s,a,g,k,p,l){const i=o("Basic"),u=o("Card"),r=o("NoticeCalendar"),C=o("Select"),A=o("CustomizeHeader"),f=o("demo-sort");return d(),h(f,{cols:1},{default:e(()=>[c(i),c(u),c(r),c(C),c(A)]),_:1})}var An=b(dn,[["render",Cn]]);export{An as default};