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

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'\r\n\r\n/**\r\n * 日历类型\r\n */\r\nexport type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string\r\n\r\n/**\r\n * 日历大小\r\n */\r\nexport type CalendarSize = 'large' | string\r\n\r\n/**\r\n * 范围类型\r\n */\r\nexport type CalendarRangeType = '' | 'end' | string\r\n\r\n/**\r\n * 重点日期数据类型\r\n */\r\nexport type CalendarPointData = {\r\n\t/**\r\n\t * 日期，格式：YYYY-MM-DD\r\n\t */\r\n\tday: string\r\n\t/**\r\n\t * 提示信息\r\n\t */\r\n\ttooltip?: string\r\n\t/**\r\n\t * 数量\r\n\t */\r\n\tcount?: number\r\n\t/**\r\n\t * 类型：-1=danger, 0=primary, 1=success\r\n\t */\r\n\ttype?: number\r\n}\r\n\r\n/**\r\n * 日历值类型\r\n */\r\nexport type CalendarValueType = string | Date\r\n\r\nexport const calendarProps = {\r\n\t/**\r\n\t * 假期，用于显示假期标识\r\n\t */\r\n\tholiday: {\r\n\t\ttype: Array as PropType<string[]>,\r\n\t\tdefault: () => []\r\n\t},\r\n\t/**\r\n\t * 重点日期（比如这天有待办之类的）\r\n\t */\r\n\tpoint: {\r\n\t\ttype: Array as PropType<CalendarPointData[]>,\r\n\t\tdefault: () => []\r\n\t},\r\n\t/**\r\n\t * 日历类型\r\n\t */\r\n\ttype: {\r\n\t\ttype: String as PropType<CalendarType>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 大小，支持 large\r\n\t */\r\n\tsize: {\r\n\t\ttype: String as PropType<CalendarSize>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 是否显示 point 提示信息\r\n\t */\r\n\tlegend: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\t/**\r\n\t * 绑定值\r\n\t */\r\n\tmodelValue: {\r\n\t\ttype: [String, Date] as PropType<CalendarValueType>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 范围类型\r\n\t * 开始：''\r\n\t * 结束：'end'\r\n\t */\r\n\trangeType: {\r\n\t\ttype: String as PropType<CalendarRangeType>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 是否为范围选择\r\n\t */\r\n\trange: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\t/**\r\n\t * 是否为多选\r\n\t */\r\n\tmultiple: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\t/**\r\n\t * 时间\r\n\t */\r\n\ttime: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 变更前回调\r\n\t */\r\n\tbeforeChange: {\r\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\r\n\t\tdefault: null\r\n\t},\r\n\t/**\r\n\t * 最小值\r\n\t */\r\n\tmin: {\r\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 最大值\r\n\t */\r\n\tmax: {\r\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 禁用日期\r\n\t */\r\n\tdisabledDate: {\r\n\t\ttype: Function as PropType<(date: Date) => boolean>,\r\n\t\tdefault: null\r\n\t},\r\n\r\n\twidth: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tmaxYear: {\r\n\t\ttype: [String, Number] as PropType<string | number>,\r\n\t\tdefault: 0\r\n\t},\r\n\tminYear: {\r\n\t\ttype: [String, Number] as PropType<string | number>,\r\n\t\tdefault: 0\r\n\t},\r\n\tflex: Boolean\r\n}\r\n\r\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\r\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\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;;;;"}

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

@@ -1090,12 +1090,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_component_to_icon, {
                 value: "backward",
                 link: "",
+                role: "button",
                 class: "to-calendar-header-prev-year",
                 onClick: vue.withModifiers(lastYear, ["stop"])
               }),
               vue.createVNode(_component_to_icon, {
                 value: "back",
                 link: "",
+                role: "button",
                 class: "to-calendar-header-prev",
                 onClick: vue.withModifiers(lastMonth, ["stop"])
               }),
@@ -1103,6 +1105,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "div",
                 {
                   class: vue.normalizeClass(["to-calendar-header-content", { "is-unfold": _ctx.type !== "month" }]),
+                  role: "button",
                   onClick: vue.withModifiers(toggleMonthSelector, ["stop"])
                 },
                 [
@@ -1127,12 +1130,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_component_to_icon, {
                 value: "next",
                 link: "",
+                role: "button",
                 class: "to-calendar-header-next",
                 onClick: vue.withModifiers(nextMonth, ["stop"])
               }),
               vue.createVNode(_component_to_icon, {
                 value: "forward",
                 link: "",
+                role: "button",
                 class: "to-calendar-header-next-year",
                 onClick: vue.withModifiers(nextYear, ["stop"])
               })
@@ -1160,6 +1165,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: index,
                             class: vue.normalizeClass(["to-calendar-year-item", setYearClass(item)]),
+                            role: "button",
                             onClick: vue.withModifiers(($event) => selectYear(item), ["stop"])
                           }, [
                             vue.createElementVNode(
@@ -1190,6 +1196,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   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" }, [
@@ -1204,6 +1211,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1218,6 +1226,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1232,6 +1241,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1246,6 +1256,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1260,6 +1271,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1274,6 +1286,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1288,6 +1301,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1302,6 +1316,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1316,6 +1331,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1330,6 +1346,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1344,6 +1361,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ], 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" }, [
@@ -1442,6 +1460,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                       key: index,
                       class: vue.normalizeClass(["to-calendar-day-item", setDayClass(item)]),
+                      role: "button",
                       onClick: ($event) => selectDay(item)
                     }, [
                       vue.createElementVNode("div", { class: "to-calendar-day-item-content" }, [
@@ -1513,7 +1532,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               },
               [
                 vue.renderSlot(_ctx.$slots, "legend", {}, () => [
-                  vue.createCommentVNode(' <to-tag type="dot" color="danger">\u903E\u671F\u672A\u5B8C\u6210</to-tag>\r\n						<to-tag type="dot" color="primary">\u6B63\u5E38\u8FDB\u884C\u4E2D</to-tag>\r\n						<to-tag type="dot" color="success">\u5DF2\u5B8C\u6210</to-tag> ')
+                  vue.createCommentVNode(' <to-tag type="dot" color="danger">\u903E\u671F\u672A\u5B8C\u6210</to-tag>\n						<to-tag type="dot" color="primary">\u6B63\u5E38\u8FDB\u884C\u4E2D</to-tag>\n						<to-tag type="dot" color="success">\u5DF2\u5B8C\u6210</to-tag> ')
                 ])
               ],
               512
@@ -1553,6 +1572,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                           key: item,
                           class: vue.normalizeClass([{ "is-on": hour.value === item }, "to-calendar-time-item"]),
+                          role: "button",
                           onClick: ($event) => selectHour(item)
                         }, [
                           vue.createElementVNode(
@@ -1592,6 +1612,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                           key: item,
                           class: vue.normalizeClass([{ "is-on": minute.value === item }, "to-calendar-time-item"]),
+                          role: "button",
                           onClick: ($event) => selectMinute(item)
                         }, [
                           vue.createElementVNode(
@@ -1631,6 +1652,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                           key: item,
                           class: vue.normalizeClass([{ "is-on": second.value === item }, "to-calendar-time-item"]),
+                          role: "button",
                           onClick: ($event) => selectSecond(item)
                         }, [
                           vue.createElementVNode(