@touchvue/ui 1.0.0-beta.54 → 1.0.0-beta.56

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../packages/ui/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { setRatio, getEm, setMedia, getMedia } from '@touchvue/utils'\nimport * as TouchVueComponents from '@touchvue/components'\nimport InstallDirective from '@touchvue/directives'\n// 添加语言包导入\nimport { use as useTouchvueLocale } from '@touchvue/locale'\nimport cnTouchvueLocale from '@touchvue/locale/lang/zh-CN.js'\nimport enTouchvueLocale from '@touchvue/locale/lang/en-US.js'\n\nexport interface TouchVueUIOptions {\n\tratio?: {\n\t\tbase?: {\n\t\t\tpc?: number\n\t\t\tpad?: number\n\t\t\tphone?: number\n\t\t}\n\t}\n\tzIndex?: number\n\tinput?: {\n\t\tspChars?: string\n\t}\n\t// 添加语言配置选项\n\tlang?: string\n}\n\n// 全局默认配置\nexport const defaultOptions: TouchVueUIOptions = {}\n\n// 全局配置\nexport let globalOptions = { ...defaultOptions }\n\n// 获取全局配置\nexport const getGlobalOptions = (): TouchVueUIOptions => {\n\treturn globalOptions\n}\n\nconst install = (app: App, options: TouchVueUIOptions = {}) => {\n\t// 合并配置项\n\tglobalOptions = {\n\t\t...defaultOptions,\n\t\t...options\n\t}\n\n\t// 处理国际化配置\n\tconst lang = options.lang || 'zh-CN'\n\tlet localeModule\n\tif (lang === 'en-US') {\n\t\tlocaleModule = enTouchvueLocale\n\t} else if (lang === 'zh-CN') {\n\t\tlocaleModule = cnTouchvueLocale\n\t} else {\n\t\t// 如果是其他语言，尝试从默认语言包开始，用户可能需要自己提供\n\t\tlocaleModule = cnTouchvueLocale\n\t}\n\t// 设置默认语言\n\tuseTouchvueLocale(localeModule)\n\n\t// 将配置注入到应用实例中，可以通过app.config.globalProperties.$TOUCHVUE_CONFIG访问\n\t// 工具\n\tapp.config.globalProperties.$getEm = getEm\n\tapp.config.globalProperties.$setMedia = setMedia\n\tapp.config.globalProperties.$getMedia = getMedia\n\n\tconst media = getMedia()\n\tapp.config.globalProperties.$phone = media === 'phone'\n\tapp.config.globalProperties.$pad = media === 'pad'\n\tapp.config.globalProperties.$pc = media === 'pc'\n\n\t// 全局默认配置\n\tapp.config.globalProperties.$TouchUI = {\n\t\tzIndex: globalOptions.zIndex || 2000, // 全局zIndex基数\n\t\tinput: globalOptions.input || {}\n\t}\n\t;(window as any).$TouchUI = {\n\t\tzIndex: 2000\n\t}\n\t// 初始化\n\tsetMedia(options)\n\tsetRatio(options)\n\n\t// 注册所有组件\n\tObject.values(TouchVueComponents).forEach(component => {\n\t\t// 确保是有效的Vue组件插件\n\t\tif (component && typeof component === 'object' && 'install' in component && typeof component.install === 'function') {\n\t\t\tapp.use(component as any)\n\t\t}\n\t})\n\n\tInstallDirective.install(app)\n}\n\n// export { install };\n\nexport default install\n\nexport * from '@touchvue/components'\nexport * from '@touchvue/directives'\nexport * from '@touchvue/locale'\nexport * from '@touchvue/utils'\nexport * from '@touchvue/hooks'\n"],"names":["globalOptions","enTouchvueLocale","cnTouchvueLocale","useTouchvueLocale","getEm","setMedia","getMedia","setRatio","TouchVueComponents","InstallDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,iBAAoC,GAAC;AAGvCA,qBAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAAA,qBAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgBA,qBAAA,GAAA;AAAA,IACf,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,GACJ,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,QAAQ,IAAQ,IAAA,OAAA,CAAA;AAC7B,EAAI,IAAA,YAAA,CAAA;AACJ,EAAA,IAAI,SAAS,OAAS,EAAA;AACrB,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GAChB,MAAA,IAAW,SAAS,OAAS,EAAA;AAC5B,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GACT,MAAA;AAEN,IAAe,YAAA,GAAAA,YAAA,CAAA;AAAA,GAChB;AAEA,EAAAC,WAAA,CAAkB,YAAY,CAAA,CAAA;AAI9B,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAAC,WAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AAExC,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,MAAA,GAAS,KAAU,KAAA,OAAA,CAAA;AAC/C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,IAAA,GAAO,KAAU,KAAA,KAAA,CAAA;AAC7C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,GAAA,GAAM,KAAU,KAAA,IAAA,CAAA;AAG5C,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,QAAW,GAAA;AAAA,IACtC,MAAA,EAAQN,sBAAc,MAAU,IAAA,GAAA;AAAA;AAAA,IAChC,KAAA,EAAOA,qBAAc,CAAA,KAAA,IAAS,EAAC;AAAA,GAChC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAAK,cAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAAE,cAAA,CAAS,OAAO,CAAA,CAAA;AAGhB,EAAA,MAAA,CAAO,MAAO,CAAAC,OAAkB,CAAE,CAAA,OAAA,CAAQ,CAAa,SAAA,KAAA;AAEtD,IAAI,IAAA,SAAA,IAAa,OAAO,SAAc,KAAA,QAAA,IAAY,aAAa,SAAa,IAAA,OAAO,SAAU,CAAA,OAAA,KAAY,UAAY,EAAA;AACpH,MAAA,GAAA,CAAI,IAAI,SAAgB,CAAA,CAAA;AAAA,KACzB;AAAA,GACA,CAAA,CAAA;AAED,EAAAC,eAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../packages/ui/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { setRatio, getEm, setMedia, getMedia } from '@touchvue/utils'\nimport * as TouchVueComponents from '@touchvue/components'\nimport InstallDirective from '@touchvue/directives'\n// 添加语言包导入\nimport { use as useTouchvueLocale } from '@touchvue/locale'\nimport cnTouchvueLocale from '@touchvue/locale/lang/zh-CN.js'\nimport enTouchvueLocale from '@touchvue/locale/lang/en-US.js'\n\nexport interface TouchVueUIOptions {\n\tratio?: {\n\t\tbase?: {\n\t\t\tpc?: number\n\t\t\tpad?: number\n\t\t\tphone?: number\n\t\t}\n\t}\n\tzIndex?: number\n\tinput?: {\n\t\tspChars?: string\n\t}\n\tselect?: {\n\t\tclearType?: string\n\t}\n\t// 添加语言配置选项\n\tlang?: string\n}\n\n// 全局默认配置\nexport const defaultOptions: TouchVueUIOptions = {}\n\n// 全局配置\nexport let globalOptions = { ...defaultOptions }\n\n// 获取全局配置\nexport const getGlobalOptions = (): TouchVueUIOptions => {\n\treturn globalOptions\n}\n\nconst install = (app: App, options: TouchVueUIOptions = {}) => {\n\t// 合并配置项\n\tglobalOptions = {\n\t\t...defaultOptions,\n\t\t...options\n\t}\n\n\t// 处理国际化配置\n\tconst lang = options.lang || 'zh-CN'\n\tlet localeModule\n\tif (lang === 'en-US') {\n\t\tlocaleModule = enTouchvueLocale\n\t} else if (lang === 'zh-CN') {\n\t\tlocaleModule = cnTouchvueLocale\n\t} else {\n\t\t// 如果是其他语言，尝试从默认语言包开始，用户可能需要自己提供\n\t\tlocaleModule = cnTouchvueLocale\n\t}\n\t// 设置默认语言\n\tuseTouchvueLocale(localeModule)\n\n\t// 将配置注入到应用实例中，可以通过app.config.globalProperties.$TOUCHVUE_CONFIG访问\n\t// 工具\n\tapp.config.globalProperties.$getEm = getEm\n\tapp.config.globalProperties.$setMedia = setMedia\n\tapp.config.globalProperties.$getMedia = getMedia\n\n\tconst media = getMedia()\n\tapp.config.globalProperties.$phone = media === 'phone'\n\tapp.config.globalProperties.$pad = media === 'pad'\n\tapp.config.globalProperties.$pc = media === 'pc'\n\n\t// 全局默认配置\n\tapp.config.globalProperties.$TouchUI = {\n\t\tzIndex: globalOptions.zIndex || 2000, // 全局zIndex基数\n\t\tinput: globalOptions.input || {},\n\t\tselect: globalOptions.select || {}\n\t}\n\t;(window as any).$TouchUI = {\n\t\tzIndex: 2000\n\t}\n\t// 初始化\n\tsetMedia(options)\n\tsetRatio(options)\n\n\t// 注册所有组件\n\tObject.values(TouchVueComponents).forEach(component => {\n\t\t// 确保是有效的Vue组件插件\n\t\tif (component && typeof component === 'object' && 'install' in component && typeof component.install === 'function') {\n\t\t\tapp.use(component as any)\n\t\t}\n\t})\n\n\tInstallDirective.install(app)\n}\n\n// export { install };\n\nexport default install\n\nexport * from '@touchvue/components'\nexport * from '@touchvue/directives'\nexport * from '@touchvue/locale'\nexport * from '@touchvue/utils'\nexport * from '@touchvue/hooks'\n"],"names":["globalOptions","enTouchvueLocale","cnTouchvueLocale","useTouchvueLocale","getEm","setMedia","getMedia","setRatio","TouchVueComponents","InstallDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,iBAAoC,GAAC;AAGvCA,qBAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAAA,qBAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgBA,qBAAA,GAAA;AAAA,IACf,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,GACJ,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,QAAQ,IAAQ,IAAA,OAAA,CAAA;AAC7B,EAAI,IAAA,YAAA,CAAA;AACJ,EAAA,IAAI,SAAS,OAAS,EAAA;AACrB,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GAChB,MAAA,IAAW,SAAS,OAAS,EAAA;AAC5B,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GACT,MAAA;AAEN,IAAe,YAAA,GAAAA,YAAA,CAAA;AAAA,GAChB;AAEA,EAAAC,WAAA,CAAkB,YAAY,CAAA,CAAA;AAI9B,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAAC,WAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AAExC,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,MAAA,GAAS,KAAU,KAAA,OAAA,CAAA;AAC/C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,IAAA,GAAO,KAAU,KAAA,KAAA,CAAA;AAC7C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,GAAA,GAAM,KAAU,KAAA,IAAA,CAAA;AAG5C,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,QAAW,GAAA;AAAA,IACtC,MAAA,EAAQN,sBAAc,MAAU,IAAA,GAAA;AAAA;AAAA,IAChC,KAAA,EAAOA,qBAAc,CAAA,KAAA,IAAS,EAAC;AAAA,IAC/B,MAAA,EAAQA,qBAAc,CAAA,MAAA,IAAU,EAAC;AAAA,GAClC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAAK,cAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAAE,cAAA,CAAS,OAAO,CAAA,CAAA;AAGhB,EAAA,MAAA,CAAO,MAAO,CAAAC,OAAkB,CAAE,CAAA,OAAA,CAAQ,CAAa,SAAA,KAAA;AAEtD,IAAI,IAAA,SAAA,IAAa,OAAO,SAAc,KAAA,QAAA,IAAY,aAAa,SAAa,IAAA,OAAO,SAAU,CAAA,OAAA,KAAY,UAAY,EAAA;AACpH,MAAA,GAAA,CAAI,IAAI,SAAgB,CAAA,CAAA;AAAA,KACzB;AAAA,GACA,CAAA,CAAA;AAED,EAAAC,eAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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" }, [
@@ -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(