@element-plus/nightly 0.0.20220110 → 0.0.20220111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +361 -425
  4. package/dist/index.full.min.js +8 -8
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +8 -8
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +365 -430
  9. package/es/components/calendar/src/calendar.vue_vue_type_script_lang.mjs +4 -4
  10. package/es/components/calendar/src/calendar.vue_vue_type_script_lang.mjs.map +1 -1
  11. package/es/components/calendar/src/calendar.vue_vue_type_template_id_76705c76_lang.mjs.map +1 -1
  12. package/es/components/cascader/index.d.ts +18 -2
  13. package/es/components/cascader/src/index.vue.d.ts +9 -1
  14. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_script_lang.mjs +6 -0
  15. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_script_lang.mjs.map +1 -1
  16. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_template_id_78e07aa7_lang.mjs.map +1 -1
  17. package/es/components/dropdown/index.d.ts +11 -1
  18. package/es/components/dropdown/src/dropdown-item-impl.vue_vue_type_script_lang.mjs.map +1 -1
  19. package/es/components/dropdown/src/dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.mjs +32 -26
  20. package/es/components/dropdown/src/dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.mjs.map +1 -1
  21. package/es/components/dropdown/src/dropdown-menu.vue.d.ts +1 -0
  22. package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.mjs +5 -7
  23. package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.mjs.map +1 -1
  24. package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs +1 -1
  25. package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map +1 -1
  26. package/es/components/dropdown/src/dropdown.vue.d.ts +9 -1
  27. package/es/components/index.mjs +1 -0
  28. package/es/components/index.mjs.map +1 -1
  29. package/es/components/popover/index.d.ts +18 -2
  30. package/es/components/popover/src/index.vue.d.ts +9 -1
  31. package/es/components/popper/src/content.vue_vue_type_script_lang.mjs +2 -1
  32. package/es/components/popper/src/content.vue_vue_type_script_lang.mjs.map +1 -1
  33. package/es/components/popper/src/content.vue_vue_type_template_id_611b76f0_lang.mjs.map +1 -1
  34. package/es/components/popper/src/trigger.vue.d.ts +3 -3
  35. package/es/components/popper/src/trigger.vue_vue_type_script_lang.mjs +2 -2
  36. package/es/components/popper/src/trigger.vue_vue_type_script_lang.mjs.map +1 -1
  37. package/es/components/popper/src/trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs.map +1 -1
  38. package/es/components/select/index.d.ts +9 -1
  39. package/es/components/select/src/select.vue.d.ts +9 -1
  40. package/es/components/select/src/useSelect.d.ts +9 -1
  41. package/es/components/select-v2/index.d.ts +18 -2
  42. package/es/components/select-v2/src/select.vue.d.ts +9 -1
  43. package/es/components/select-v2/src/useSelect.d.ts +9 -1
  44. package/es/components/table/src/filter-panel.vue.d.ts +9 -1
  45. package/es/components/time-picker/src/common/picker.vue.d.ts +9 -1
  46. package/es/components/time-picker/src/common/picker.vue_vue_type_script_lang.mjs.map +1 -1
  47. package/es/components/time-picker/src/common/picker.vue_vue_type_template_id_1d54be91_lang.mjs +4 -2
  48. package/es/components/time-picker/src/common/picker.vue_vue_type_template_id_1d54be91_lang.mjs.map +1 -1
  49. package/es/components/tooltip/index.d.ts +5 -0
  50. package/es/components/tooltip/index.mjs +1 -0
  51. package/es/components/tooltip/index.mjs.map +1 -1
  52. package/es/components/tooltip/src/content.vue.d.ts +13 -6
  53. package/es/components/tooltip/src/content.vue_vue_type_script_lang.mjs +42 -67
  54. package/es/components/tooltip/src/content.vue_vue_type_script_lang.mjs.map +1 -1
  55. package/es/components/tooltip/src/content.vue_vue_type_template_id_20254f8d_lang.mjs +53 -56
  56. package/es/components/tooltip/src/content.vue_vue_type_template_id_20254f8d_lang.mjs.map +1 -1
  57. package/es/components/tooltip/src/tokens.d.ts +1 -0
  58. package/es/components/tooltip/src/tokens.mjs.map +1 -1
  59. package/es/components/tooltip/src/tooltip.d.ts +2 -0
  60. package/es/components/tooltip/src/tooltip.mjs +8 -0
  61. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  62. package/es/components/tooltip/src/tooltip.vue.d.ts +4 -0
  63. package/es/components/tooltip/src/tooltip.vue_vue_type_script_lang.mjs +2 -1
  64. package/es/components/tooltip/src/tooltip.vue_vue_type_script_lang.mjs.map +1 -1
  65. package/es/components/tooltip/src/tooltip.vue_vue_type_template_id_694d1617_lang.mjs +2 -1
  66. package/es/components/tooltip/src/tooltip.vue_vue_type_template_id_694d1617_lang.mjs.map +1 -1
  67. package/es/components/tooltip/src/trigger.vue.d.ts +1 -1
  68. package/es/components/tooltip/src/trigger.vue_vue_type_script_lang.mjs +2 -2
  69. package/es/components/tooltip/src/trigger.vue_vue_type_script_lang.mjs.map +1 -1
  70. package/es/components/tooltip/src/trigger.vue_vue_type_template_id_0ec0b94c_lang.mjs +2 -2
  71. package/es/components/tooltip/src/trigger.vue_vue_type_template_id_0ec0b94c_lang.mjs.map +1 -1
  72. package/es/components/tree/src/model/useDragNode.mjs +1 -1
  73. package/es/components/tree/src/model/useDragNode.mjs.map +1 -1
  74. package/es/components/tree/src/tree-node.vue_vue_type_script_lang.mjs +1 -1
  75. package/es/components/tree/src/tree-node.vue_vue_type_script_lang.mjs.map +1 -1
  76. package/es/components/tree/src/tree-node.vue_vue_type_template_id_62959aba_lang.mjs.map +1 -1
  77. package/es/index.mjs +1 -0
  78. package/es/index.mjs.map +1 -1
  79. package/es/packages/components/cascader/index.d.ts +18 -2
  80. package/es/packages/components/cascader/src/index.vue.d.ts +9 -1
  81. package/es/packages/components/descriptions/index.d.ts +4 -4
  82. package/es/packages/components/descriptions/src/description-item.d.ts +2 -2
  83. package/es/packages/components/dropdown/index.d.ts +13 -3
  84. package/es/packages/components/dropdown/src/dropdown-menu.vue.d.ts +1 -0
  85. package/es/packages/components/dropdown/src/dropdown.vue.d.ts +11 -3
  86. package/es/packages/components/message-box/src/index.vue.d.ts +2 -2
  87. package/es/packages/components/pagination/index.d.ts +2 -2
  88. package/es/packages/components/pagination/src/pagination.d.ts +2 -2
  89. package/es/packages/components/popover/index.d.ts +18 -2
  90. package/es/packages/components/popover/src/index.vue.d.ts +9 -1
  91. package/es/packages/components/popper/src/trigger.vue.d.ts +3 -3
  92. package/es/packages/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts +1 -1
  93. package/es/packages/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  94. package/es/packages/components/select/index.d.ts +9 -1
  95. package/es/packages/components/select/src/select.vue.d.ts +9 -1
  96. package/es/packages/components/select/src/useSelect.d.ts +9 -1
  97. package/es/packages/components/select-v2/index.d.ts +18 -2
  98. package/es/packages/components/select-v2/src/select.vue.d.ts +9 -1
  99. package/es/packages/components/select-v2/src/useSelect.d.ts +9 -1
  100. package/es/packages/components/table/src/filter-panel.vue.d.ts +9 -1
  101. package/es/packages/components/time-picker/src/common/picker.vue.d.ts +9 -1
  102. package/es/packages/components/tooltip/index.d.ts +5 -0
  103. package/es/packages/components/tooltip/src/content.vue.d.ts +13 -6
  104. package/es/packages/components/tooltip/src/tokens.d.ts +1 -0
  105. package/es/packages/components/tooltip/src/tooltip.d.ts +2 -0
  106. package/es/packages/components/tooltip/src/tooltip.vue.d.ts +4 -0
  107. package/es/packages/components/tooltip/src/trigger.vue.d.ts +1 -1
  108. package/es/packages/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  109. package/es/packages/components/virtual-list/src/builders/build-grid.d.ts +2 -2
  110. package/es/packages/components/virtual-list/src/builders/build-list.d.ts +2 -2
  111. package/es/packages/components/virtual-list/src/components/dynamic-size-grid.d.ts +2 -2
  112. package/es/packages/components/virtual-list/src/components/dynamic-size-list.d.ts +2 -2
  113. package/es/packages/components/virtual-list/src/components/fixed-size-grid.d.ts +2 -2
  114. package/es/packages/components/virtual-list/src/components/fixed-size-list.d.ts +2 -2
  115. package/es/packages/version.d.ts +1 -1
  116. package/es/version.d.ts +1 -1
  117. package/es/version.mjs +1 -1
  118. package/es/version.mjs.map +1 -1
  119. package/lib/components/calendar/src/calendar.vue_vue_type_script_lang.js +4 -4
  120. package/lib/components/calendar/src/calendar.vue_vue_type_script_lang.js.map +1 -1
  121. package/lib/components/calendar/src/calendar.vue_vue_type_template_id_76705c76_lang.js.map +1 -1
  122. package/lib/components/cascader/index.d.ts +18 -2
  123. package/lib/components/cascader/src/index.vue.d.ts +9 -1
  124. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_script_lang.js +6 -0
  125. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_script_lang.js.map +1 -1
  126. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue_vue_type_template_id_78e07aa7_lang.js.map +1 -1
  127. package/lib/components/dropdown/index.d.ts +11 -1
  128. package/lib/components/dropdown/src/dropdown-item-impl.vue_vue_type_script_lang.js.map +1 -1
  129. package/lib/components/dropdown/src/dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.js +31 -25
  130. package/lib/components/dropdown/src/dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.js.map +1 -1
  131. package/lib/components/dropdown/src/dropdown-menu.vue.d.ts +1 -0
  132. package/lib/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.js +4 -6
  133. package/lib/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.js.map +1 -1
  134. package/lib/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.js +1 -1
  135. package/lib/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.js.map +1 -1
  136. package/lib/components/dropdown/src/dropdown.vue.d.ts +9 -1
  137. package/lib/components/index.js +2 -0
  138. package/lib/components/index.js.map +1 -1
  139. package/lib/components/popover/index.d.ts +18 -2
  140. package/lib/components/popover/src/index.vue.d.ts +9 -1
  141. package/lib/components/popper/src/content.vue_vue_type_script_lang.js +2 -1
  142. package/lib/components/popper/src/content.vue_vue_type_script_lang.js.map +1 -1
  143. package/lib/components/popper/src/content.vue_vue_type_template_id_611b76f0_lang.js.map +1 -1
  144. package/lib/components/popper/src/trigger.vue.d.ts +3 -3
  145. package/lib/components/popper/src/trigger.vue_vue_type_script_lang.js +2 -2
  146. package/lib/components/popper/src/trigger.vue_vue_type_script_lang.js.map +1 -1
  147. package/lib/components/popper/src/trigger.vue_vue_type_template_id_4fb6e0af_lang.js.map +1 -1
  148. package/lib/components/select/index.d.ts +9 -1
  149. package/lib/components/select/src/select.vue.d.ts +9 -1
  150. package/lib/components/select/src/useSelect.d.ts +9 -1
  151. package/lib/components/select-v2/index.d.ts +18 -2
  152. package/lib/components/select-v2/src/select.vue.d.ts +9 -1
  153. package/lib/components/select-v2/src/useSelect.d.ts +9 -1
  154. package/lib/components/table/src/filter-panel.vue.d.ts +9 -1
  155. package/lib/components/time-picker/src/common/picker.vue.d.ts +9 -1
  156. package/lib/components/time-picker/src/common/picker.vue_vue_type_script_lang.js.map +1 -1
  157. package/lib/components/time-picker/src/common/picker.vue_vue_type_template_id_1d54be91_lang.js +4 -2
  158. package/lib/components/time-picker/src/common/picker.vue_vue_type_template_id_1d54be91_lang.js.map +1 -1
  159. package/lib/components/tooltip/index.d.ts +5 -0
  160. package/lib/components/tooltip/index.js +2 -0
  161. package/lib/components/tooltip/index.js.map +1 -1
  162. package/lib/components/tooltip/src/content.vue.d.ts +13 -6
  163. package/lib/components/tooltip/src/content.vue_vue_type_script_lang.js +43 -68
  164. package/lib/components/tooltip/src/content.vue_vue_type_script_lang.js.map +1 -1
  165. package/lib/components/tooltip/src/content.vue_vue_type_template_id_20254f8d_lang.js +52 -55
  166. package/lib/components/tooltip/src/content.vue_vue_type_template_id_20254f8d_lang.js.map +1 -1
  167. package/lib/components/tooltip/src/tokens.d.ts +1 -0
  168. package/lib/components/tooltip/src/tokens.js.map +1 -1
  169. package/lib/components/tooltip/src/tooltip.d.ts +2 -0
  170. package/lib/components/tooltip/src/tooltip.js +8 -0
  171. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  172. package/lib/components/tooltip/src/tooltip.vue.d.ts +4 -0
  173. package/lib/components/tooltip/src/tooltip.vue_vue_type_script_lang.js +2 -1
  174. package/lib/components/tooltip/src/tooltip.vue_vue_type_script_lang.js.map +1 -1
  175. package/lib/components/tooltip/src/tooltip.vue_vue_type_template_id_694d1617_lang.js +2 -1
  176. package/lib/components/tooltip/src/tooltip.vue_vue_type_template_id_694d1617_lang.js.map +1 -1
  177. package/lib/components/tooltip/src/trigger.vue.d.ts +1 -1
  178. package/lib/components/tooltip/src/trigger.vue_vue_type_script_lang.js +2 -2
  179. package/lib/components/tooltip/src/trigger.vue_vue_type_script_lang.js.map +1 -1
  180. package/lib/components/tooltip/src/trigger.vue_vue_type_template_id_0ec0b94c_lang.js +2 -2
  181. package/lib/components/tooltip/src/trigger.vue_vue_type_template_id_0ec0b94c_lang.js.map +1 -1
  182. package/lib/components/tree/src/model/useDragNode.js +1 -1
  183. package/lib/components/tree/src/model/useDragNode.js.map +1 -1
  184. package/lib/components/tree/src/tree-node.vue_vue_type_script_lang.js +1 -1
  185. package/lib/components/tree/src/tree-node.vue_vue_type_script_lang.js.map +1 -1
  186. package/lib/components/tree/src/tree-node.vue_vue_type_template_id_62959aba_lang.js.map +1 -1
  187. package/lib/index.js +2 -0
  188. package/lib/index.js.map +1 -1
  189. package/lib/packages/components/cascader/index.d.ts +18 -2
  190. package/lib/packages/components/cascader/src/index.vue.d.ts +9 -1
  191. package/lib/packages/components/descriptions/index.d.ts +4 -4
  192. package/lib/packages/components/descriptions/src/description-item.d.ts +2 -2
  193. package/lib/packages/components/dropdown/index.d.ts +13 -3
  194. package/lib/packages/components/dropdown/src/dropdown-menu.vue.d.ts +1 -0
  195. package/lib/packages/components/dropdown/src/dropdown.vue.d.ts +11 -3
  196. package/lib/packages/components/message-box/src/index.vue.d.ts +2 -2
  197. package/lib/packages/components/pagination/index.d.ts +2 -2
  198. package/lib/packages/components/pagination/src/pagination.d.ts +2 -2
  199. package/lib/packages/components/popover/index.d.ts +18 -2
  200. package/lib/packages/components/popover/src/index.vue.d.ts +9 -1
  201. package/lib/packages/components/popper/src/trigger.vue.d.ts +3 -3
  202. package/lib/packages/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts +1 -1
  203. package/lib/packages/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  204. package/lib/packages/components/select/index.d.ts +9 -1
  205. package/lib/packages/components/select/src/select.vue.d.ts +9 -1
  206. package/lib/packages/components/select/src/useSelect.d.ts +9 -1
  207. package/lib/packages/components/select-v2/index.d.ts +18 -2
  208. package/lib/packages/components/select-v2/src/select.vue.d.ts +9 -1
  209. package/lib/packages/components/select-v2/src/useSelect.d.ts +9 -1
  210. package/lib/packages/components/table/src/filter-panel.vue.d.ts +9 -1
  211. package/lib/packages/components/time-picker/src/common/picker.vue.d.ts +9 -1
  212. package/lib/packages/components/tooltip/index.d.ts +5 -0
  213. package/lib/packages/components/tooltip/src/content.vue.d.ts +13 -6
  214. package/lib/packages/components/tooltip/src/tokens.d.ts +1 -0
  215. package/lib/packages/components/tooltip/src/tooltip.d.ts +2 -0
  216. package/lib/packages/components/tooltip/src/tooltip.vue.d.ts +4 -0
  217. package/lib/packages/components/tooltip/src/trigger.vue.d.ts +1 -1
  218. package/lib/packages/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  219. package/lib/packages/components/virtual-list/src/builders/build-grid.d.ts +2 -2
  220. package/lib/packages/components/virtual-list/src/builders/build-list.d.ts +2 -2
  221. package/lib/packages/components/virtual-list/src/components/dynamic-size-grid.d.ts +2 -2
  222. package/lib/packages/components/virtual-list/src/components/dynamic-size-list.d.ts +2 -2
  223. package/lib/packages/components/virtual-list/src/components/fixed-size-grid.d.ts +2 -2
  224. package/lib/packages/components/virtual-list/src/components/fixed-size-list.d.ts +2 -2
  225. package/lib/packages/version.d.ts +1 -1
  226. package/lib/version.d.ts +1 -1
  227. package/lib/version.js +1 -1
  228. package/lib/version.js.map +1 -1
  229. package/package.json +2 -2
  230. package/tags.json +1 -1
  231. package/theme-chalk/el-dropdown.css +1 -1
  232. package/theme-chalk/el-tree.css +1 -1
  233. package/theme-chalk/index.css +1 -1
  234. package/theme-chalk/src/dropdown.scss +13 -18
  235. package/theme-chalk/src/tree.scss +2 -1
  236. package/web-types.json +1 -1
@@ -1,5 +1,5 @@
1
- import { nextTick } from 'vue';
2
1
  declare const _default: import("vue").DefineComponent<{
2
+ appendTo: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
3
3
  content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
4
4
  rawContent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
5
5
  persistent: BooleanConstructor;
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
7
7
  visible: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<boolean | null>, (() => null) | null | undefined, unknown, unknown, unknown>;
8
8
  transition: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
9
9
  teleported: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
10
+ disabled: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
10
11
  style: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
11
12
  className: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
12
13
  [x: string]: any;
@@ -500,7 +501,7 @@ declare const _default: import("vue").DefineComponent<{
500
501
  errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
501
502
  };
502
503
  $forceUpdate: () => void;
503
- $nextTick: typeof nextTick;
504
+ $nextTick: typeof import("vue").nextTick;
504
505
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
505
506
  } & Readonly<{
506
507
  style?: unknown;
@@ -621,15 +622,16 @@ declare const _default: import("vue").DefineComponent<{
621
622
  } | any)[])[])[])[])[])[])[])[])[])[])[])[]>;
622
623
  updatePopper: () => void;
623
624
  }> & {} & {} & import("vue").ComponentCustomProperties) | null>;
624
- shouldRenderTeleport: import("vue").ComputedRef<boolean>;
625
- shouldRenderPopperContent: import("vue").ComputedRef<boolean>;
626
- shouldShowPopperContent: import("vue").ComputedRef<boolean>;
625
+ shouldRender: import("vue").ComputedRef<boolean>;
626
+ shouldShow: import("vue").ComputedRef<boolean>;
627
627
  open: import("vue").Ref<boolean>;
628
- POPPER_CONTAINER_SELECTOR: string;
628
+ onAfterShow: () => void;
629
+ onBeforeEnter: () => void;
629
630
  onContentEnter: (event: unknown) => void;
630
631
  onContentLeave: (event: unknown) => void;
631
632
  onTransitionLeave: () => void;
632
633
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
634
+ appendTo?: unknown;
633
635
  content?: unknown;
634
636
  rawContent?: unknown;
635
637
  persistent?: unknown;
@@ -637,6 +639,7 @@ declare const _default: import("vue").DefineComponent<{
637
639
  visible?: unknown;
638
640
  transition?: unknown;
639
641
  teleported?: unknown;
642
+ disabled?: unknown;
640
643
  style?: unknown;
641
644
  className?: unknown;
642
645
  effect?: unknown;
@@ -657,6 +660,7 @@ declare const _default: import("vue").DefineComponent<{
657
660
  showAfter?: unknown;
658
661
  hideAfter?: unknown;
659
662
  } & {
663
+ disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
660
664
  style: import("vue").StyleValue;
661
665
  transition: string;
662
666
  offset: number;
@@ -726,6 +730,7 @@ declare const _default: import("vue").DefineComponent<{
726
730
  stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
727
731
  showAfter: number;
728
732
  hideAfter: number;
733
+ appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
729
734
  rawContent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
730
735
  persistent: boolean;
731
736
  teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -733,6 +738,7 @@ declare const _default: import("vue").DefineComponent<{
733
738
  zIndex?: number | undefined;
734
739
  ariaLabel?: string | undefined;
735
740
  }>, {
741
+ disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
736
742
  style: import("vue").StyleValue;
737
743
  transition: string;
738
744
  offset: number;
@@ -802,6 +808,7 @@ declare const _default: import("vue").DefineComponent<{
802
808
  stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
803
809
  showAfter: number;
804
810
  hideAfter: number;
811
+ appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
805
812
  rawContent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
806
813
  persistent: boolean;
807
814
  teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -10,5 +10,6 @@ export declare type ElTooltipInjectionContext = {
10
10
  onToggle: (e: Event) => void;
11
11
  onShow: () => void;
12
12
  onHide: () => void;
13
+ updatePopper: () => void;
13
14
  };
14
15
  export declare const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext>;
@@ -2,6 +2,7 @@ import type { ExtractPropTypes, PropType } from 'vue';
2
2
  declare const triggers: readonly ["hover", "focus", "click", "contextmenu"];
3
3
  export declare type Trigger = typeof triggers[number];
4
4
  export declare const useTooltipContentProps: {
5
+ appendTo: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
5
6
  content: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
6
7
  rawContent: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
7
8
  persistent: BooleanConstructor;
@@ -9,6 +10,7 @@ export declare const useTooltipContentProps: {
9
10
  visible: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<boolean | null>, (() => null) | null | undefined, unknown, unknown, unknown>;
10
11
  transition: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
11
12
  teleported: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
13
+ disabled: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
12
14
  style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
13
15
  className: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | {
14
16
  [x: string]: any;
@@ -11,6 +11,7 @@ declare const _default: import("vue").DefineComponent<{
11
11
  };
12
12
  virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
13
13
  virtualTriggering: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
14
+ appendTo: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
14
15
  content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
15
16
  rawContent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
16
17
  persistent: BooleanConstructor;
@@ -187,6 +188,7 @@ declare const _default: import("vue").DefineComponent<{
187
188
  trigger?: unknown;
188
189
  virtualRef?: unknown;
189
190
  virtualTriggering?: unknown;
191
+ appendTo?: unknown;
190
192
  content?: unknown;
191
193
  rawContent?: unknown;
192
194
  persistent?: unknown;
@@ -284,6 +286,7 @@ declare const _default: import("vue").DefineComponent<{
284
286
  stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
285
287
  showAfter: number;
286
288
  hideAfter: number;
289
+ appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
287
290
  rawContent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
288
291
  persistent: boolean;
289
292
  teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -370,6 +373,7 @@ declare const _default: import("vue").DefineComponent<{
370
373
  stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
371
374
  showAfter: number;
372
375
  hideAfter: number;
376
+ appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
373
377
  rawContent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
374
378
  persistent: boolean;
375
379
  teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
12
12
  onFocus: (event: Event) => void;
13
13
  onMouseenter: (event: Event) => void;
14
14
  onMouseleave: (event: Event) => void;
15
- onMousedown: (event: Event) => void;
15
+ onClick: (event: Event) => void;
16
16
  onKeydown: (event: KeyboardEvent) => void;
17
17
  open: import("vue").Ref<boolean>;
18
18
  id: import("vue").Ref<string>;
@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<{
41
41
  showCheckbox: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
42
42
  hiddenExpandIcon: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
43
43
  } & {}> & {
44
- onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
45
44
  onClick?: ((node: import("./types").TreeNode) => any) | undefined;
45
+ onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
46
46
  onCheck?: ((node: import("./types").TreeNode, checked: boolean) => any) | undefined;
47
47
  }, {
48
48
  disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -51,9 +51,9 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
51
51
  } & {
52
52
  data: any[];
53
53
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
54
+ className: string;
54
55
  columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
55
56
  direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
56
- className: string;
57
57
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
58
58
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
59
59
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -78,8 +78,8 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
78
78
  data: any[];
79
79
  style: StyleValue;
80
80
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
81
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
82
81
  className: string;
82
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
83
83
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
84
84
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
85
85
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -74,8 +74,8 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
74
74
  data: any[];
75
75
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
76
76
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
77
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
78
77
  className: string;
78
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
79
79
  total: number;
80
80
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
81
81
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -97,8 +97,8 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
97
97
  style: import("../../../../utils/types").StyleValue;
98
98
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
99
99
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
100
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
101
100
  className: string;
101
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
102
102
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
103
103
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
104
104
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -48,9 +48,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
48
48
  } & {
49
49
  data: any[];
50
50
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
51
+ className: string;
51
52
  columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | ItemSize>, never, never>;
52
53
  direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
53
- className: string;
54
54
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
55
55
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
56
56
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -75,8 +75,8 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
75
75
  data: any[];
76
76
  style: import("../../../../utils/types").StyleValue;
77
77
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
78
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
79
78
  className: string;
79
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
80
80
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
81
81
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
82
82
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -72,8 +72,8 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
72
72
  data: any[];
73
73
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
74
74
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
75
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
76
75
  className: string;
76
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
77
77
  total: number;
78
78
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
79
79
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -95,8 +95,8 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
95
95
  style: import("../../../../utils/types").StyleValue;
96
96
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
97
97
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
98
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
99
98
  className: string;
99
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
100
100
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
101
101
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
102
102
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -47,9 +47,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
47
47
  } & {
48
48
  data: any[];
49
49
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
50
+ className: string;
50
51
  columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
51
52
  direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
52
- className: string;
53
53
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
54
54
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
55
55
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -74,8 +74,8 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
74
74
  data: any[];
75
75
  style: import("../../../../utils/types").StyleValue;
76
76
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
77
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
78
77
  className: string;
78
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
79
79
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
80
80
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
81
81
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -71,8 +71,8 @@ declare const FixedSizeList: import("vue").DefineComponent<{
71
71
  data: any[];
72
72
  height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
73
73
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
74
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
75
74
  className: string;
75
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
76
76
  total: number;
77
77
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
78
78
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -94,8 +94,8 @@ declare const FixedSizeList: import("vue").DefineComponent<{
94
94
  style: import("../../../../utils/types").StyleValue;
95
95
  width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
96
96
  layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
97
- direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
98
97
  className: string;
98
+ direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
99
99
  scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
100
100
  perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
101
101
  containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -1 +1 @@
1
- export declare const version = "0.0.20220110";
1
+ export declare const version = "0.0.20220111";
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20220110";
1
+ export declare const version = "0.0.20220111";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20220110";
1
+ const version = "0.0.20220111";
2
2
 
3
3
  export { version };
4
4
  //# sourceMappingURL=version.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220110'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220111'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -30,19 +30,19 @@ var script = vue.defineComponent({
30
30
  const selectedDay = vue.ref();
31
31
  const now = dayjs__default["default"]().locale(lang.value);
32
32
  const prevMonthDayjs = vue.computed(() => {
33
- return date.value.subtract(1, "month");
33
+ return date.value.subtract(1, "month").date(1);
34
34
  });
35
35
  const curMonthDatePrefix = vue.computed(() => {
36
36
  return dayjs__default["default"](date.value).locale(lang.value).format("YYYY-MM");
37
37
  });
38
38
  const nextMonthDayjs = vue.computed(() => {
39
- return date.value.add(1, "month");
39
+ return date.value.add(1, "month").date(1);
40
40
  });
41
41
  const prevYearDayjs = vue.computed(() => {
42
- return date.value.subtract(1, "year");
42
+ return date.value.subtract(1, "year").date(1);
43
43
  });
44
44
  const nextYearDayjs = vue.computed(() => {
45
- return date.value.add(1, "year");
45
+ return date.value.add(1, "year").date(1);
46
46
  });
47
47
  const i18nDate = vue.computed(() => {
48
48
  const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/calendar/src/calendar.vue"],"sourcesContent":["<template>\n <div class=\"el-calendar\">\n <div class=\"el-calendar__header\">\n <slot name=\"header\" :date=\"i18nDate\">\n <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n <div\n v-if=\"validatedRange.length === 0\"\n class=\"el-calendar__button-group\"\n >\n <el-button-group>\n <el-button size=\"small\" @click=\"selectDate('prev-month')\">\n {{ t('el.datepicker.prevMonth') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('today')\">\n {{ t('el.datepicker.today') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('next-month')\">\n {{ t('el.datepicker.nextMonth') }}\n </el-button>\n </el-button-group>\n </div>\n </slot>\n </div>\n <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n <div v-else class=\"el-calendar__body\">\n <date-table\n v-for=\"(range_, index) in validatedRange\"\n :key=\"index\"\n :date=\"range_[0]\"\n :selected-day=\"realSelectedDay\"\n :range=\"range_\"\n :hide-header=\"index !== 0\"\n @pick=\"pickDay\"\n >\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport { calendarProps, calendarEmits } from './calendar'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n | 'prev-month'\n | 'next-month'\n | 'prev-year'\n | 'next-year'\n | 'today'\n\nexport default defineComponent({\n name: 'ElCalendar',\n\n components: {\n DateTable,\n ElButton,\n ElButtonGroup,\n },\n\n props: calendarProps,\n emits: calendarEmits,\n\n setup(props, { emit }) {\n const { t, lang } = useLocale()\n const selectedDay = ref<Dayjs>()\n const now = dayjs().locale(lang.value)\n\n const prevMonthDayjs = computed(() => {\n return date.value.subtract(1, 'month')\n })\n const curMonthDatePrefix = computed(() => {\n return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n })\n\n const nextMonthDayjs = computed(() => {\n return date.value.add(1, 'month')\n })\n\n const prevYearDayjs = computed(() => {\n return date.value.subtract(1, 'year')\n })\n\n const nextYearDayjs = computed(() => {\n return date.value.add(1, 'year')\n })\n\n const i18nDate = computed(() => {\n const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n })\n\n const realSelectedDay = computed<Dayjs | undefined>({\n get() {\n if (!props.modelValue) return selectedDay.value\n return date.value\n },\n set(val) {\n if (!val) return\n selectedDay.value = val\n const result = val.toDate()\n\n emit('input', result)\n emit('update:modelValue', result)\n },\n })\n\n const date: ComputedRef<Dayjs> = computed(() => {\n if (!props.modelValue) {\n if (realSelectedDay.value) {\n return realSelectedDay.value\n } else if (validatedRange.value.length) {\n return validatedRange.value[0][0]\n }\n return now\n } else {\n return dayjs(props.modelValue).locale(lang.value)\n }\n })\n\n // https://github.com/element-plus/element-plus/issues/3155\n // Calculate the validate date range according to the start and end dates\n const calculateValidatedDateRange = (\n startDayjs: Dayjs,\n endDayjs: Dayjs\n ): [Dayjs, Dayjs][] => {\n const firstDay = startDayjs.startOf('week')\n const lastDay = endDayjs.endOf('week')\n const firstMonth = firstDay.get('month')\n const lastMonth = lastDay.get('month')\n\n // Current mouth\n if (firstMonth === lastMonth) {\n return [[firstDay, lastDay]]\n }\n // Two adjacent months\n else if (firstMonth + 1 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the first month and the first day of the last month is in the same week\n const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n const lastMonthStartDay = isSameWeek\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n else if (firstMonth + 2 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n // Whether the last day of the first month and the second month is in the same week\n const secondMonthStartDay = firstMonthLastDay.isSame(\n secondMonthFirstDay,\n 'week'\n )\n ? secondMonthFirstDay.add(1, 'week')\n : secondMonthFirstDay\n\n const secondMonthLastDay = secondMonthStartDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the second month and the last day of the last month is in the same week\n const lastMonthStartDay = secondMonthLastDay.isSame(\n lastMonthFirstDay,\n 'week'\n )\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Other cases\n else {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n }\n\n // if range is valid, we get a two-digit array\n const validatedRange = computed(() => {\n if (!props.range) return []\n const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n const [startDayjs, endDayjs] = rangeArrDayjs\n if (startDayjs.isAfter(endDayjs)) {\n debugWarn('ElCalendar', 'end time should be greater than start time')\n return []\n }\n if (startDayjs.isSame(endDayjs, 'month')) {\n // same month\n return calculateValidatedDateRange(startDayjs, endDayjs)\n } else {\n // two months\n if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n return calculateValidatedDateRange(startDayjs, endDayjs)\n }\n })\n\n const pickDay = (day: Dayjs) => {\n realSelectedDay.value = day\n }\n\n const selectDate = (type: DateType) => {\n let day: Dayjs\n if (type === 'prev-month') {\n day = prevMonthDayjs.value\n } else if (type === 'next-month') {\n day = nextMonthDayjs.value\n } else if (type === 'prev-year') {\n day = prevYearDayjs.value\n } else if (type === 'next-year') {\n day = nextYearDayjs.value\n } else {\n day = now\n }\n\n if (day.isSame(date.value, 'day')) return\n pickDay(day)\n }\n\n return {\n selectedDay,\n curMonthDatePrefix,\n i18nDate,\n realSelectedDay,\n date,\n validatedRange,\n pickDay,\n selectDate,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","DateTable","calendarProps","calendarEmits","dayjs","computed","debugWarn"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,eAAIC;;AAEJ;;EAEE,KAAK,EAAEC;EACP,KAAK,EAAEC;EACP,KAAK,CAAC,KAAK;IACT,MAAM;;AAEV,IAAI,MAAM,GAAG,GAAGC,yBAAK,EAAE,CAAC,MAAM,CAAC;IAC3B,MAAM;;KAEL,CAAC,CAAC;IACH,MAAM;MACJ;KACD,CAAC,CAAC;;;KAGF,CAAC,CAAC;IACH,MAAM;;KAEL,CAAC,CAAC;IACH,MAAM,gBAAgBC,YAAQ;MAC5B,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;KAC1B,CAAC,CAAC;;MAED,MAAM,WAAW,IAAI;MACrB,OAAO,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;KAClC;IACD,MAAM,eAAe,eAAW,CAAC;MAC/B,GAAG;;;QAGD,OAAO,IAAI,CAAC,KAAK;OAClB;;;UAGG,OAAO;QACT,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC;;;QAGxB,IAAI,CAAC,mBAAmB,EAAE,OAAO;OAClC;KACF;;MAEC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;QACrB,IAAI,eAAe,CAAC,KAAK,EAAE;UACzB,OAAO,eAAe,CAAC,KAAK,CAAC;;;;QAI/B;aACK;QACL,OAAOD,yBAAK,CAAC;OACd;MACD,CAAC;;YAEK,QAAQ,GAAG;YACX,OAAO,WAAW,CAAC;;YAEnB,YAAY;UACd,UAAU,KAAK,SAAS,EAAE;;;;QAI5B,MAAM,iBAAiB,UAAU,CAAC,OAAO,CAAC;cACpC,UAAU,GAAG;QACnB,MAAM,iBAAiB;eAChB;UACL,CAAC,QAAQ,EAAE,iBAAiB,CAAC;UAC7B,CAAC,iBAAiB,CAAC,OAAO,CAAC;;aAExB,IAAI;QACT;QACA,yBAAyB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;;;QAI5C,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,CAAC;QACpD,OAAO;UACL,CAAC,QAAQ,EAAE,iBAAiB;UAC5B,CAAC;UACD,CAAC;SACF,CAAC;OACH,MAAM;QACLE,eAAS,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,CAAC;OACX;;UAEG;MACJ,IAAI,CAAC,KAAK,CAAC,KAAK;QACd,OAAO,EAAE,CAAC;MACZ;MACA,OAAO,UAAU,EAAE;MACnB,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE;QAChCA,eAAS,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,CAAC;;oBAEE,CAAC,OAAO,QAAQ,SAAS,CAAC,EAAE;QACxC,OAAO,2BAA2B,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;;YAErD,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;UAC7BA,eAAS,CAAC;;SAEX;eACM;;;;MAIT,eAAe,CAAC,KAAK,GAAG,IAAI;MAC5B;UACI,UAAU,GAAG,CAAC,IAAI;UAClB,IAAI;;QAEN,GAAG,GAAG,cAAc,CAAC,MAAM;iBAClB,IAAI,KAAK,YAAY,EAAE;WAC7B,GAAG,cAAc,CAAC;aAChB;QACL;aACK,IAAI,IAAI,KAAK,WAAW,EAAE;cACzB,aAAa,CAAC;;QAEpB,GAAG,GAAG,GAAG,CAAC;;;QAGV,OAAO;cACD,GAAG,CAAC,CAAC;;WAER;;wBAEa;cACV;;UAEJ;;aAEG;gBACG;;MAEV;;;;;;"}
1
+ {"version":3,"file":"calendar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/calendar/src/calendar.vue"],"sourcesContent":["<template>\n <div class=\"el-calendar\">\n <div class=\"el-calendar__header\">\n <slot name=\"header\" :date=\"i18nDate\">\n <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n <div\n v-if=\"validatedRange.length === 0\"\n class=\"el-calendar__button-group\"\n >\n <el-button-group>\n <el-button size=\"small\" @click=\"selectDate('prev-month')\">\n {{ t('el.datepicker.prevMonth') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('today')\">\n {{ t('el.datepicker.today') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('next-month')\">\n {{ t('el.datepicker.nextMonth') }}\n </el-button>\n </el-button-group>\n </div>\n </slot>\n </div>\n <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n <div v-else class=\"el-calendar__body\">\n <date-table\n v-for=\"(range_, index) in validatedRange\"\n :key=\"index\"\n :date=\"range_[0]\"\n :selected-day=\"realSelectedDay\"\n :range=\"range_\"\n :hide-header=\"index !== 0\"\n @pick=\"pickDay\"\n >\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport { calendarProps, calendarEmits } from './calendar'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n | 'prev-month'\n | 'next-month'\n | 'prev-year'\n | 'next-year'\n | 'today'\n\nexport default defineComponent({\n name: 'ElCalendar',\n\n components: {\n DateTable,\n ElButton,\n ElButtonGroup,\n },\n\n props: calendarProps,\n emits: calendarEmits,\n\n setup(props, { emit }) {\n const { t, lang } = useLocale()\n const selectedDay = ref<Dayjs>()\n const now = dayjs().locale(lang.value)\n\n const prevMonthDayjs = computed(() => {\n return date.value.subtract(1, 'month').date(1)\n })\n const curMonthDatePrefix = computed(() => {\n return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n })\n\n const nextMonthDayjs = computed(() => {\n return date.value.add(1, 'month').date(1)\n })\n\n const prevYearDayjs = computed(() => {\n return date.value.subtract(1, 'year').date(1)\n })\n\n const nextYearDayjs = computed(() => {\n return date.value.add(1, 'year').date(1)\n })\n\n const i18nDate = computed(() => {\n const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n })\n\n const realSelectedDay = computed<Dayjs | undefined>({\n get() {\n if (!props.modelValue) return selectedDay.value\n return date.value\n },\n set(val) {\n if (!val) return\n selectedDay.value = val\n const result = val.toDate()\n\n emit('input', result)\n emit('update:modelValue', result)\n },\n })\n\n const date: ComputedRef<Dayjs> = computed(() => {\n if (!props.modelValue) {\n if (realSelectedDay.value) {\n return realSelectedDay.value\n } else if (validatedRange.value.length) {\n return validatedRange.value[0][0]\n }\n return now\n } else {\n return dayjs(props.modelValue).locale(lang.value)\n }\n })\n\n // https://github.com/element-plus/element-plus/issues/3155\n // Calculate the validate date range according to the start and end dates\n const calculateValidatedDateRange = (\n startDayjs: Dayjs,\n endDayjs: Dayjs\n ): [Dayjs, Dayjs][] => {\n const firstDay = startDayjs.startOf('week')\n const lastDay = endDayjs.endOf('week')\n const firstMonth = firstDay.get('month')\n const lastMonth = lastDay.get('month')\n\n // Current mouth\n if (firstMonth === lastMonth) {\n return [[firstDay, lastDay]]\n }\n // Two adjacent months\n else if (firstMonth + 1 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the first month and the first day of the last month is in the same week\n const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n const lastMonthStartDay = isSameWeek\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n else if (firstMonth + 2 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n // Whether the last day of the first month and the second month is in the same week\n const secondMonthStartDay = firstMonthLastDay.isSame(\n secondMonthFirstDay,\n 'week'\n )\n ? secondMonthFirstDay.add(1, 'week')\n : secondMonthFirstDay\n\n const secondMonthLastDay = secondMonthStartDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the second month and the last day of the last month is in the same week\n const lastMonthStartDay = secondMonthLastDay.isSame(\n lastMonthFirstDay,\n 'week'\n )\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Other cases\n else {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n }\n\n // if range is valid, we get a two-digit array\n const validatedRange = computed(() => {\n if (!props.range) return []\n const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n const [startDayjs, endDayjs] = rangeArrDayjs\n if (startDayjs.isAfter(endDayjs)) {\n debugWarn('ElCalendar', 'end time should be greater than start time')\n return []\n }\n if (startDayjs.isSame(endDayjs, 'month')) {\n // same month\n return calculateValidatedDateRange(startDayjs, endDayjs)\n } else {\n // two months\n if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n return calculateValidatedDateRange(startDayjs, endDayjs)\n }\n })\n\n const pickDay = (day: Dayjs) => {\n realSelectedDay.value = day\n }\n\n const selectDate = (type: DateType) => {\n let day: Dayjs\n if (type === 'prev-month') {\n day = prevMonthDayjs.value\n } else if (type === 'next-month') {\n day = nextMonthDayjs.value\n } else if (type === 'prev-year') {\n day = prevYearDayjs.value\n } else if (type === 'next-year') {\n day = nextYearDayjs.value\n } else {\n day = now\n }\n\n if (day.isSame(date.value, 'day')) return\n pickDay(day)\n }\n\n return {\n selectedDay,\n curMonthDatePrefix,\n i18nDate,\n realSelectedDay,\n date,\n validatedRange,\n pickDay,\n selectDate,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","DateTable","calendarProps","calendarEmits","dayjs","computed","debugWarn"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,eAAIC;;AAEJ;;EAEE,KAAK,EAAEC;EACP,KAAK,EAAEC;EACP,KAAK,CAAC,KAAK;IACT,MAAM;;AAEV,IAAI,MAAM,GAAG,GAAGC,yBAAK,EAAE,CAAC,MAAM,CAAC;IAC3B,MAAM;;KAEL,CAAC,CAAC;IACH,MAAM;MACJ;KACD,CAAC,CAAC;;;KAGF,CAAC,CAAC;IACH,MAAM;;KAEL,CAAC,CAAC;IACH,MAAM,gBAAgBC,YAAQ;MAC5B,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;KAC1B,CAAC,CAAC;;MAED,MAAM,WAAW,IAAI;MACrB,OAAO,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;KAClC;IACD,MAAM,eAAe,eAAW,CAAC;MAC/B,GAAG;;;QAGD,OAAO,IAAI,CAAC,KAAK;OAClB;;;UAGG,OAAO;QACT,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC;;;QAGxB,IAAI,CAAC,mBAAmB,EAAE,OAAO;OAClC;KACF;;MAEC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;QACrB,IAAI,eAAe,CAAC,KAAK,EAAE;UACzB,OAAO,eAAe,CAAC,KAAK,CAAC;;;;QAI/B;aACK;QACL,OAAOD,yBAAK,CAAC;OACd;MACD,CAAC;;YAEK,QAAQ,GAAG;YACX,OAAO,WAAW,CAAC;;YAEnB,YAAY;UACd,UAAU,KAAK,SAAS,EAAE;;;;QAI5B,MAAM,iBAAiB,UAAU,CAAC,OAAO,CAAC;cACpC,UAAU,GAAG;QACnB,MAAM,iBAAiB;eAChB;UACL,CAAC,QAAQ,EAAE,iBAAiB,CAAC;UAC7B,CAAC,iBAAiB,CAAC,OAAO,CAAC;;aAExB,IAAI;QACT;QACA,yBAAyB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;;;QAI5C,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,CAAC;QACpD,OAAO;UACL,CAAC,QAAQ,EAAE,iBAAiB;UAC5B,CAAC;UACD,CAAC;SACF,CAAC;OACH,MAAM;QACLE,eAAS,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,CAAC;OACX;;UAEG;MACJ,IAAI,CAAC,KAAK,CAAC,KAAK;QACd,OAAO,EAAE,CAAC;MACZ;MACA,OAAO,UAAU,EAAE;MACnB,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE;QAChCA,eAAS,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,CAAC;;oBAEE,CAAC,OAAO,QAAQ,SAAS,CAAC,EAAE;QACxC,OAAO,2BAA2B,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;;YAErD,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;UAC7BA,eAAS,CAAC;;SAEX;eACM;;;;MAIT,eAAe,CAAC,KAAK,GAAG,IAAI;MAC5B;UACI,UAAU,GAAG,CAAC,IAAI;UAClB,IAAI;;QAEN,GAAG,GAAG,cAAc,CAAC,MAAM;iBAClB,IAAI,KAAK,YAAY,EAAE;WAC7B,GAAG,cAAc,CAAC;aAChB;QACL;aACK,IAAI,IAAI,KAAK,WAAW,EAAE;cACzB,aAAa,CAAC;;QAEpB,GAAG,GAAG,GAAG,CAAC;;;QAGV,OAAO;cACD,GAAG,CAAC,CAAC;;WAER;;wBAEa;cACV;;UAEJ;;aAEG;gBACG;;MAEV;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.vue_vue_type_template_id_76705c76_lang.js","sources":["../../../../../../packages/components/calendar/src/calendar.vue?vue&type=template&id=76705c76&lang.js"],"sourcesContent":["<template>\n <div class=\"el-calendar\">\n <div class=\"el-calendar__header\">\n <slot name=\"header\" :date=\"i18nDate\">\n <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n <div\n v-if=\"validatedRange.length === 0\"\n class=\"el-calendar__button-group\"\n >\n <el-button-group>\n <el-button size=\"small\" @click=\"selectDate('prev-month')\">\n {{ t('el.datepicker.prevMonth') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('today')\">\n {{ t('el.datepicker.today') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('next-month')\">\n {{ t('el.datepicker.nextMonth') }}\n </el-button>\n </el-button-group>\n </div>\n </slot>\n </div>\n <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n <div v-else class=\"el-calendar__body\">\n <date-table\n v-for=\"(range_, index) in validatedRange\"\n :key=\"index\"\n :date=\"range_[0]\"\n :selected-day=\"realSelectedDay\"\n :range=\"range_\"\n :hide-header=\"index !== 0\"\n @pick=\"pickDay\"\n >\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport { calendarProps, calendarEmits } from './calendar'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n | 'prev-month'\n | 'next-month'\n | 'prev-year'\n | 'next-year'\n | 'today'\n\nexport default defineComponent({\n name: 'ElCalendar',\n\n components: {\n DateTable,\n ElButton,\n ElButtonGroup,\n },\n\n props: calendarProps,\n emits: calendarEmits,\n\n setup(props, { emit }) {\n const { t, lang } = useLocale()\n const selectedDay = ref<Dayjs>()\n const now = dayjs().locale(lang.value)\n\n const prevMonthDayjs = computed(() => {\n return date.value.subtract(1, 'month')\n })\n const curMonthDatePrefix = computed(() => {\n return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n })\n\n const nextMonthDayjs = computed(() => {\n return date.value.add(1, 'month')\n })\n\n const prevYearDayjs = computed(() => {\n return date.value.subtract(1, 'year')\n })\n\n const nextYearDayjs = computed(() => {\n return date.value.add(1, 'year')\n })\n\n const i18nDate = computed(() => {\n const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n })\n\n const realSelectedDay = computed<Dayjs | undefined>({\n get() {\n if (!props.modelValue) return selectedDay.value\n return date.value\n },\n set(val) {\n if (!val) return\n selectedDay.value = val\n const result = val.toDate()\n\n emit('input', result)\n emit('update:modelValue', result)\n },\n })\n\n const date: ComputedRef<Dayjs> = computed(() => {\n if (!props.modelValue) {\n if (realSelectedDay.value) {\n return realSelectedDay.value\n } else if (validatedRange.value.length) {\n return validatedRange.value[0][0]\n }\n return now\n } else {\n return dayjs(props.modelValue).locale(lang.value)\n }\n })\n\n // https://github.com/element-plus/element-plus/issues/3155\n // Calculate the validate date range according to the start and end dates\n const calculateValidatedDateRange = (\n startDayjs: Dayjs,\n endDayjs: Dayjs\n ): [Dayjs, Dayjs][] => {\n const firstDay = startDayjs.startOf('week')\n const lastDay = endDayjs.endOf('week')\n const firstMonth = firstDay.get('month')\n const lastMonth = lastDay.get('month')\n\n // Current mouth\n if (firstMonth === lastMonth) {\n return [[firstDay, lastDay]]\n }\n // Two adjacent months\n else if (firstMonth + 1 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the first month and the first day of the last month is in the same week\n const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n const lastMonthStartDay = isSameWeek\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n else if (firstMonth + 2 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n // Whether the last day of the first month and the second month is in the same week\n const secondMonthStartDay = firstMonthLastDay.isSame(\n secondMonthFirstDay,\n 'week'\n )\n ? secondMonthFirstDay.add(1, 'week')\n : secondMonthFirstDay\n\n const secondMonthLastDay = secondMonthStartDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the second month and the last day of the last month is in the same week\n const lastMonthStartDay = secondMonthLastDay.isSame(\n lastMonthFirstDay,\n 'week'\n )\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Other cases\n else {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n }\n\n // if range is valid, we get a two-digit array\n const validatedRange = computed(() => {\n if (!props.range) return []\n const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n const [startDayjs, endDayjs] = rangeArrDayjs\n if (startDayjs.isAfter(endDayjs)) {\n debugWarn('ElCalendar', 'end time should be greater than start time')\n return []\n }\n if (startDayjs.isSame(endDayjs, 'month')) {\n // same month\n return calculateValidatedDateRange(startDayjs, endDayjs)\n } else {\n // two months\n if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n return calculateValidatedDateRange(startDayjs, endDayjs)\n }\n })\n\n const pickDay = (day: Dayjs) => {\n realSelectedDay.value = day\n }\n\n const selectDate = (type: DateType) => {\n let day: Dayjs\n if (type === 'prev-month') {\n day = prevMonthDayjs.value\n } else if (type === 'next-month') {\n day = nextMonthDayjs.value\n } else if (type === 'prev-year') {\n day = prevYearDayjs.value\n } else if (type === 'next-year') {\n day = nextYearDayjs.value\n } else {\n day = now\n }\n\n if (day.isSame(date.value, 'day')) return\n pickDay(day)\n }\n\n return {\n selectedDay,\n curMonthDatePrefix,\n i18nDate,\n realSelectedDay,\n date,\n validatedRange,\n pickDay,\n selectDate,\n t,\n }\n },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;qBACO,KAAK,EAAC;qBACJ,KAAK,EAAC;;;;EAKL;;;;EAgBkC;;;;EAO5B;;;;;;;;;;oDA3BiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoBJ,CAAC;;UACxB;YAAa;YAAaA,mBAAc;YAAkB;;yBACjC;;;;oBACrB;;;;;;0BAIN;;;cAGK,aAAU;cACVA,eAAY;cACZ;cACA,KAAK;2BACM;cACX;;;;;;;"}
1
+ {"version":3,"file":"calendar.vue_vue_type_template_id_76705c76_lang.js","sources":["../../../../../../packages/components/calendar/src/calendar.vue?vue&type=template&id=76705c76&lang.js"],"sourcesContent":["<template>\n <div class=\"el-calendar\">\n <div class=\"el-calendar__header\">\n <slot name=\"header\" :date=\"i18nDate\">\n <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n <div\n v-if=\"validatedRange.length === 0\"\n class=\"el-calendar__button-group\"\n >\n <el-button-group>\n <el-button size=\"small\" @click=\"selectDate('prev-month')\">\n {{ t('el.datepicker.prevMonth') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('today')\">\n {{ t('el.datepicker.today') }}\n </el-button>\n <el-button size=\"small\" @click=\"selectDate('next-month')\">\n {{ t('el.datepicker.nextMonth') }}\n </el-button>\n </el-button-group>\n </div>\n </slot>\n </div>\n <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n <div v-else class=\"el-calendar__body\">\n <date-table\n v-for=\"(range_, index) in validatedRange\"\n :key=\"index\"\n :date=\"range_[0]\"\n :selected-day=\"realSelectedDay\"\n :range=\"range_\"\n :hide-header=\"index !== 0\"\n @pick=\"pickDay\"\n >\n <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n <slot name=\"dateCell\" v-bind=\"data\"></slot>\n </template>\n </date-table>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport { calendarProps, calendarEmits } from './calendar'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n | 'prev-month'\n | 'next-month'\n | 'prev-year'\n | 'next-year'\n | 'today'\n\nexport default defineComponent({\n name: 'ElCalendar',\n\n components: {\n DateTable,\n ElButton,\n ElButtonGroup,\n },\n\n props: calendarProps,\n emits: calendarEmits,\n\n setup(props, { emit }) {\n const { t, lang } = useLocale()\n const selectedDay = ref<Dayjs>()\n const now = dayjs().locale(lang.value)\n\n const prevMonthDayjs = computed(() => {\n return date.value.subtract(1, 'month').date(1)\n })\n const curMonthDatePrefix = computed(() => {\n return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n })\n\n const nextMonthDayjs = computed(() => {\n return date.value.add(1, 'month').date(1)\n })\n\n const prevYearDayjs = computed(() => {\n return date.value.subtract(1, 'year').date(1)\n })\n\n const nextYearDayjs = computed(() => {\n return date.value.add(1, 'year').date(1)\n })\n\n const i18nDate = computed(() => {\n const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n })\n\n const realSelectedDay = computed<Dayjs | undefined>({\n get() {\n if (!props.modelValue) return selectedDay.value\n return date.value\n },\n set(val) {\n if (!val) return\n selectedDay.value = val\n const result = val.toDate()\n\n emit('input', result)\n emit('update:modelValue', result)\n },\n })\n\n const date: ComputedRef<Dayjs> = computed(() => {\n if (!props.modelValue) {\n if (realSelectedDay.value) {\n return realSelectedDay.value\n } else if (validatedRange.value.length) {\n return validatedRange.value[0][0]\n }\n return now\n } else {\n return dayjs(props.modelValue).locale(lang.value)\n }\n })\n\n // https://github.com/element-plus/element-plus/issues/3155\n // Calculate the validate date range according to the start and end dates\n const calculateValidatedDateRange = (\n startDayjs: Dayjs,\n endDayjs: Dayjs\n ): [Dayjs, Dayjs][] => {\n const firstDay = startDayjs.startOf('week')\n const lastDay = endDayjs.endOf('week')\n const firstMonth = firstDay.get('month')\n const lastMonth = lastDay.get('month')\n\n // Current mouth\n if (firstMonth === lastMonth) {\n return [[firstDay, lastDay]]\n }\n // Two adjacent months\n else if (firstMonth + 1 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the first month and the first day of the last month is in the same week\n const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n const lastMonthStartDay = isSameWeek\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n else if (firstMonth + 2 === lastMonth) {\n const firstMonthLastDay = firstDay.endOf('month')\n const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n // Whether the last day of the first month and the second month is in the same week\n const secondMonthStartDay = firstMonthLastDay.isSame(\n secondMonthFirstDay,\n 'week'\n )\n ? secondMonthFirstDay.add(1, 'week')\n : secondMonthFirstDay\n\n const secondMonthLastDay = secondMonthStartDay.endOf('month')\n const lastMonthFirstDay = lastDay.startOf('month')\n\n // Whether the last day of the second month and the last day of the last month is in the same week\n const lastMonthStartDay = secondMonthLastDay.isSame(\n lastMonthFirstDay,\n 'week'\n )\n ? lastMonthFirstDay.add(1, 'week')\n : lastMonthFirstDay\n\n return [\n [firstDay, firstMonthLastDay],\n [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n [lastMonthStartDay.startOf('week'), lastDay],\n ]\n }\n // Other cases\n else {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n }\n\n // if range is valid, we get a two-digit array\n const validatedRange = computed(() => {\n if (!props.range) return []\n const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n const [startDayjs, endDayjs] = rangeArrDayjs\n if (startDayjs.isAfter(endDayjs)) {\n debugWarn('ElCalendar', 'end time should be greater than start time')\n return []\n }\n if (startDayjs.isSame(endDayjs, 'month')) {\n // same month\n return calculateValidatedDateRange(startDayjs, endDayjs)\n } else {\n // two months\n if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n debugWarn(\n 'ElCalendar',\n 'start time and end time interval must not exceed two months'\n )\n return []\n }\n return calculateValidatedDateRange(startDayjs, endDayjs)\n }\n })\n\n const pickDay = (day: Dayjs) => {\n realSelectedDay.value = day\n }\n\n const selectDate = (type: DateType) => {\n let day: Dayjs\n if (type === 'prev-month') {\n day = prevMonthDayjs.value\n } else if (type === 'next-month') {\n day = nextMonthDayjs.value\n } else if (type === 'prev-year') {\n day = prevYearDayjs.value\n } else if (type === 'next-year') {\n day = nextYearDayjs.value\n } else {\n day = now\n }\n\n if (day.isSame(date.value, 'day')) return\n pickDay(day)\n }\n\n return {\n selectedDay,\n curMonthDatePrefix,\n i18nDate,\n realSelectedDay,\n date,\n validatedRange,\n pickDay,\n selectDate,\n t,\n }\n },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;qBACO,KAAK,EAAC;qBACJ,KAAK,EAAC;;;;EAKL;;;;EAgBkC;;;;EAO5B;;;;;;;;;;oDA3BiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoBJ,CAAC;;UACxB;YAAa;YAAaA,mBAAc;YAAkB;;yBACjC;;;;oBACrB;;;;;;0BAIN;;;cAGK,aAAU;cACVA,eAAY;cACZ;cACA,KAAK;2BACM;cACX;;;;;;;"}