@touchvue/ui 1.0.0-beta.57 → 1.0.0-beta.59

package/lib/packages/components/calendar/src/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { ExtractPropTypes, PropType } from 'vue'\n\n/**\n * 日历类型\n */\nexport type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string\n\n/**\n * 日历大小\n */\nexport type CalendarSize = 'large' | string\n\n/**\n * 范围类型\n */\nexport type CalendarRangeType = '' | 'end' | string\n\n/**\n * 重点日期数据类型\n */\nexport type CalendarPointData = {\n\t/**\n\t * 日期，格式：YYYY-MM-DD\n\t */\n\tday: string\n\t/**\n\t * 提示信息\n\t */\n\ttooltip?: string\n\t/**\n\t * 数量\n\t */\n\tcount?: number\n\t/**\n\t * 类型：-1=danger, 0=primary, 1=success\n\t */\n\ttype?: number\n}\n\n/**\n * 日历值类型\n */\nexport type CalendarValueType = string | Date\n\nexport const calendarProps = {\n\t/**\n\t * 假期，用于显示假期标识\n\t */\n\tholiday: {\n\t\ttype: Array as PropType<string[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 重点日期（比如这天有待办之类的）\n\t */\n\tpoint: {\n\t\ttype: Array as PropType<CalendarPointData[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 日历类型\n\t */\n\ttype: {\n\t\ttype: String as PropType<CalendarType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 大小，支持 large\n\t */\n\tsize: {\n\t\ttype: String as PropType<CalendarSize>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否显示 point 提示信息\n\t */\n\tlegend: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 绑定值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Date] as PropType<CalendarValueType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 范围类型\n\t * 开始：''\n\t * 结束：'end'\n\t */\n\trangeType: {\n\t\ttype: String as PropType<CalendarRangeType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否为范围选择\n\t */\n\trange: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 是否为多选\n\t */\n\tmultiple: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 时间\n\t */\n\ttime: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 变更前回调\n\t */\n\tbeforeChange: {\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\n\t\tdefault: null\n\t},\n\t/**\n\t * 最小值\n\t */\n\tmin: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 最大值\n\t */\n\tmax: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 禁用日期\n\t */\n\tdisabledDate: {\n\t\ttype: Function as PropType<(date: Date) => boolean>,\n\t\tdefault: null\n\t},\n\n\twidth: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tmaxYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tminYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tflex: Boolean\n}\n\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\n"],"names":[],"mappings":";;AA4CO,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA,EAEA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA,OAAA;AACP;;;;"}
+{"version":3,"file":"calendar.js","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { ExtractPropTypes, PropType } from 'vue'\n\n/**\n * 日历类型\n */\nexport type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string\n\n/**\n * 日历大小\n */\nexport type CalendarSize = 'large' | string\n\n/**\n * 范围类型\n */\nexport type CalendarRangeType = '' | 'end' | string\n\n/**\n * 重点日期数据类型\n */\nexport type CalendarPointData = {\n\t/**\n\t * 日期，格式：YYYY-MM-DD\n\t */\n\tday: string\n\t/**\n\t * 提示信息\n\t */\n\ttooltip?: string\n\t/**\n\t * 数量\n\t */\n\tcount?: number\n\t/**\n\t * 类型：-1=danger, 0=primary, 1=success\n\t */\n\ttype?: number\n}\n\n/**\n * 日历值类型\n */\nexport type CalendarValueType = string | Date\n\nexport const calendarProps = {\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\t/**\n\t * 假期，用于显示假期标识\n\t */\n\tholiday: {\n\t\ttype: Array as PropType<string[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 重点日期（比如这天有待办之类的）\n\t */\n\tpoint: {\n\t\ttype: Array as PropType<CalendarPointData[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 日历类型\n\t */\n\ttype: {\n\t\ttype: String as PropType<CalendarType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 大小，支持 large\n\t */\n\tsize: {\n\t\ttype: String as PropType<CalendarSize>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否显示 point 提示信息\n\t */\n\tlegend: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 绑定值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Date] as PropType<CalendarValueType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 范围类型\n\t * 开始：''\n\t * 结束：'end'\n\t */\n\trangeType: {\n\t\ttype: String as PropType<CalendarRangeType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否为范围选择\n\t */\n\trange: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 是否为多选\n\t */\n\tmultiple: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 时间\n\t */\n\ttime: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 变更前回调\n\t */\n\tbeforeChange: {\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\n\t\tdefault: null\n\t},\n\t/**\n\t * 最小值\n\t */\n\tmin: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 最大值\n\t */\n\tmax: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 禁用日期\n\t */\n\tdisabledDate: {\n\t\ttype: Function as PropType<(date: Date) => boolean>,\n\t\tdefault: null\n\t},\n\n\twidth: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tmaxYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tminYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tflex: Boolean\n}\n\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\n"],"names":[],"mappings":";;AA4CO,MAAM,aAAgB,GAAA;AAAA,EAC5B,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA,EAEA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA,OAAA;AACP;;;;"}

package/lib/packages/components/calendar/src/calendar.vue2.js

@@ -12,6 +12,7 @@ var tip = require('../../../directives/tip/src/tip.js');
 var useWidthStyle = require('../../../hooks/useWidthStyle.js');
 var types = require('../../../utils/types.js');
 var beforeChange = require('../../../utils/beforeChange.js');
+var useSetClass = require('../../../hooks/useSetClass.js');
 
 const __default__ = vue.defineComponent({
   name: "ToCalendar"
@@ -67,6 +68,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.size === "large") {
         arr.push("size-large");
       }
+      if (props.mode) {
+        arr.push(...useSetClass.getModeClasses(props.mode));
+      }
       return arr;
     });
     const dayText = vue.computed(() => {
@@ -410,6 +414,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }
               month.value = 1;
             } else {
+              year.value = end.value.year;
               if (start.value.month === end.value.month) {
                 if (Number(month.value) === 12) {
                   year.value = end.value.year + 1;
@@ -771,7 +776,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const str = `${year.value || curYear}-${addZero(month.value)}-${addZero(day.value)}`;
       daysRangeData.value = toggleString(daysRangeData.value, str);
       setDaysData();
-      submitValue.value = iValue.value;
+      if (props.type !== "datetime") {
+        submitValue.value = iValue.value;
+      }
     };
     const selectTime = () => {
       if (day.value === null && !props.min && !props.max) {
@@ -781,7 +788,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const selectTimeAction = () => {
-      submitValue.value = iValue.value;
+      submitValue.value = getStringValue();
       emit("close");
     };
     const selectHour = (item) => {
@@ -1145,7 +1152,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createCommentVNode(" \u5E74\u6708\u9009\u62E9 "),
             vue.withDirectives(vue.createElementVNode(
               "div",
-              { class: "to-calendar-picker" },
+              { class: "to-calendar-ym" },
               [
                 vue.createVNode(
                   vue.unref(index$1.ToScroll),
@@ -1191,190 +1198,163 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createCommentVNode(' <div class="to-calendar-year-list"> '),
                 vue.createCommentVNode(" </div> "),
                 vue.createCommentVNode(' <to-icon value="expand" link class="to-calendar-year-next" @click="nextYears"></to-icon> '),
-                vue.createElementVNode("div", { class: "to-calendar-picker-divider" }),
                 vue.createElementVNode("div", { class: "to-calendar-month" }, [
-                  vue.createElementVNode("div", { class: "to-calendar-month-list" }, [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(1)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(1), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m1")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(2)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(2), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m2")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(3)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(3), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m3")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(4)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(4), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m4")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(5)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(5), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m5")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(6)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(6), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m6")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(7)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(7), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m7")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(8)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(8), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m8")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(9)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(9), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m9")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(10)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(10), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m10")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(11)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(11), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m11")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"]),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(12)]),
-                      role: "button",
-                      onClick: vue.withModifiers(($event) => selectMonth(12), ["stop"])
-                    }, [
-                      vue.createElementVNode("div", { class: "to-calendar-month-item-content" }, [
-                        vue.createElementVNode(
-                          "div",
-                          { class: "to-calendar-month-item-text" },
-                          vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m12")),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 10, ["onClick"])
-                  ])
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(1)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(1), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m1")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(2)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(2), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m2")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(3)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(3), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m3")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(4)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(4), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m4")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(5)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(5), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m5")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(6)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(6), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m6")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(7)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(7), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m7")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(8)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(8), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m8")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(9)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(9), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m9")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(10)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(10), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m10")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(11)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(11), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m11")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["to-calendar-month-item", setMonthClass(12)]),
+                    role: "button",
+                    onClick: vue.withModifiers(($event) => selectMonth(12), ["stop"])
+                  }, [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-calendar-month-item-text" },
+                      vue.toDisplayString(vue.unref(index.t)("to.calendar.month.m12")),
+                      1
+                      /* TEXT */
+                    )
+                  ], 10, ["onClick"])
                 ])
               ],
               512
@@ -1463,52 +1443,50 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       role: "button",
                       onClick: ($event) => selectDay(item)
                     }, [
-                      vue.createElementVNode("div", { class: "to-calendar-day-item-content" }, [
-                        vue.renderSlot(_ctx.$slots, "default", {
-                          item,
-                          index
-                        }, () => [
-                          item.value ? (vue.openBlock(), vue.createElementBlock(
-                            "div",
-                            {
-                              key: 0,
-                              class: "to-calendar-day-text"
-                            },
-                            vue.toDisplayString(dayText.value(item.value)),
-                            1
-                            /* TEXT */
-                          )) : vue.createCommentVNode("v-if", true),
-                          item.point && item.point.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-                            key: 1,
-                            class: "to-calendar-day-points"
-                          }, [
-                            (vue.openBlock(true), vue.createElementBlock(
-                              vue.Fragment,
-                              null,
-                              vue.renderList(item.point, (ipoint, pointIndex) => {
-                                return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ToTag), {
-                                  key: pointIndex,
-                                  type: _ctx.size === "large" ? "dot" : "",
-                                  color: pointColor.value(ipoint.type)
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.createTextVNode(
-                                      vue.toDisplayString(ipoint.count),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ]),
-                                  _: 2
-                                  /* DYNAMIC */
-                                }, 1032, ["type", "color"])), [
-                                  [vue.unref(tip.default), ipoint.tooltip ? ipoint.tooltip : ""]
-                                ]);
-                              }),
-                              128
-                              /* KEYED_FRAGMENT */
-                            ))
-                          ])) : vue.createCommentVNode("v-if", true)
-                        ])
+                      vue.renderSlot(_ctx.$slots, "default", {
+                        item,
+                        index
+                      }, () => [
+                        item.value ? (vue.openBlock(), vue.createElementBlock(
+                          "div",
+                          {
+                            key: 0,
+                            class: "to-calendar-day-text"
+                          },
+                          vue.toDisplayString(dayText.value(item.value)),
+                          1
+                          /* TEXT */
+                        )) : vue.createCommentVNode("v-if", true),
+                        item.point && item.point.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 1,
+                          class: "to-calendar-day-points"
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(item.point, (ipoint, pointIndex) => {
+                              return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ToTag), {
+                                key: pointIndex,
+                                type: _ctx.size === "large" ? "dot" : "",
+                                color: pointColor.value(ipoint.type)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(
+                                    vue.toDisplayString(ipoint.count),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["type", "color"])), [
+                                [vue.unref(tip.default), ipoint.tooltip ? ipoint.tooltip : ""]
+                              ]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])) : vue.createCommentVNode("v-if", true)
                       ])
                     ], 10, ["onClick"])), [
                       [vue.unref(dis.default), isDisableDay.value(item)]