vxe-pc-ui 4.3.94 → 4.3.96

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 (152) hide show
  1. package/es/col/style.css +4 -0
  2. package/es/col/style.min.css +1 -1
  3. package/es/date-picker/src/date-picker.js +55 -10
  4. package/es/date-picker/style.css +4 -1
  5. package/es/date-picker/style.min.css +1 -1
  6. package/es/icon/style.css +1 -1
  7. package/es/language/ar-EG.js +2 -1
  8. package/es/language/de-DE.js +2 -1
  9. package/es/language/en-US.js +2 -1
  10. package/es/language/es-ES.js +2 -1
  11. package/es/language/fr-FR.js +2 -1
  12. package/es/language/hu-HU.js +2 -1
  13. package/es/language/hy-AM.js +2 -1
  14. package/es/language/id-ID.js +2 -1
  15. package/es/language/it-IT.js +2 -1
  16. package/es/language/ja-JP.js +3 -2
  17. package/es/language/ko-KR.js +2 -1
  18. package/es/language/nb-NO.js +2 -1
  19. package/es/language/pt-BR.js +2 -1
  20. package/es/language/ru-RU.js +2 -1
  21. package/es/language/th-TH.js +2 -1
  22. package/es/language/ug-CN.js +2 -1
  23. package/es/language/uk-UA.js +2 -1
  24. package/es/language/vi-VN.js +2 -1
  25. package/es/language/zh-CHT.js +2 -1
  26. package/es/language/zh-CN.js +2 -1
  27. package/es/pager/src/pager.js +128 -81
  28. package/es/row/src/col.js +3 -2
  29. package/es/style.css +1 -1
  30. package/es/style.min.css +1 -1
  31. package/es/ui/index.js +2 -1
  32. package/es/ui/src/log.js +1 -1
  33. package/es/vxe-col/style.css +4 -0
  34. package/es/vxe-col/style.min.css +1 -1
  35. package/es/vxe-date-picker/style.css +4 -1
  36. package/es/vxe-date-picker/style.min.css +1 -1
  37. package/lib/col/style/style.css +4 -0
  38. package/lib/col/style/style.min.css +1 -1
  39. package/lib/date-picker/src/date-picker.js +57 -10
  40. package/lib/date-picker/src/date-picker.min.js +1 -1
  41. package/lib/date-picker/style/style.css +4 -1
  42. package/lib/date-picker/style/style.min.css +1 -1
  43. package/lib/icon/style/style.css +1 -1
  44. package/lib/icon/style/style.min.css +1 -1
  45. package/lib/index.umd.js +166 -32
  46. package/lib/index.umd.min.js +1 -1
  47. package/lib/language/ar-EG.js +2 -1
  48. package/lib/language/ar-EG.min.js +1 -1
  49. package/lib/language/de-DE.js +2 -1
  50. package/lib/language/de-DE.min.js +1 -1
  51. package/lib/language/en-US.js +2 -1
  52. package/lib/language/en-US.min.js +1 -1
  53. package/lib/language/en-US.umd.js +2 -1
  54. package/lib/language/es-ES.js +2 -1
  55. package/lib/language/es-ES.min.js +1 -1
  56. package/lib/language/es-ES.umd.js +2 -1
  57. package/lib/language/fr-FR.js +2 -1
  58. package/lib/language/fr-FR.min.js +1 -1
  59. package/lib/language/hu-HU.js +2 -1
  60. package/lib/language/hu-HU.min.js +1 -1
  61. package/lib/language/hu-HU.umd.js +2 -1
  62. package/lib/language/hy-AM.js +2 -1
  63. package/lib/language/hy-AM.min.js +1 -1
  64. package/lib/language/id-ID.js +2 -1
  65. package/lib/language/id-ID.min.js +1 -1
  66. package/lib/language/it-IT.js +2 -1
  67. package/lib/language/it-IT.min.js +1 -1
  68. package/lib/language/ja-JP.js +3 -2
  69. package/lib/language/ja-JP.min.js +1 -1
  70. package/lib/language/ja-JP.umd.js +3 -2
  71. package/lib/language/ko-KR.js +2 -1
  72. package/lib/language/ko-KR.min.js +1 -1
  73. package/lib/language/ko-KR.umd.js +2 -1
  74. package/lib/language/nb-NO.js +2 -1
  75. package/lib/language/nb-NO.min.js +1 -1
  76. package/lib/language/pt-BR.js +2 -1
  77. package/lib/language/pt-BR.min.js +1 -1
  78. package/lib/language/pt-BR.umd.js +2 -1
  79. package/lib/language/ru-RU.js +2 -1
  80. package/lib/language/ru-RU.min.js +1 -1
  81. package/lib/language/ru-RU.umd.js +2 -1
  82. package/lib/language/th-TH.js +2 -1
  83. package/lib/language/th-TH.min.js +1 -1
  84. package/lib/language/ug-CN.js +2 -1
  85. package/lib/language/ug-CN.min.js +1 -1
  86. package/lib/language/uk-UA.js +2 -1
  87. package/lib/language/uk-UA.min.js +1 -1
  88. package/lib/language/uk-UA.umd.js +2 -1
  89. package/lib/language/vi-VN.js +2 -1
  90. package/lib/language/vi-VN.min.js +1 -1
  91. package/lib/language/zh-CHT.js +2 -1
  92. package/lib/language/zh-CHT.min.js +1 -1
  93. package/lib/language/zh-CN.js +2 -1
  94. package/lib/language/zh-CN.min.js +1 -1
  95. package/lib/language/zh-CN.umd.js +2 -1
  96. package/lib/pager/src/pager.js +101 -18
  97. package/lib/pager/src/pager.min.js +1 -1
  98. package/lib/row/src/col.js +3 -1
  99. package/lib/row/src/col.min.js +1 -1
  100. package/lib/style.css +1 -1
  101. package/lib/style.min.css +1 -1
  102. package/lib/ui/index.js +2 -1
  103. package/lib/ui/index.min.js +1 -1
  104. package/lib/ui/src/log.js +1 -1
  105. package/lib/ui/src/log.min.js +1 -1
  106. package/lib/vxe-col/style/style.css +4 -0
  107. package/lib/vxe-col/style/style.min.css +1 -1
  108. package/lib/vxe-date-picker/style/style.css +4 -1
  109. package/lib/vxe-date-picker/style/style.min.css +1 -1
  110. package/package.json +1 -1
  111. package/packages/date-picker/src/date-picker.ts +58 -10
  112. package/packages/language/ar-EG.ts +2 -1
  113. package/packages/language/de-DE.ts +2 -1
  114. package/packages/language/en-US.ts +2 -1
  115. package/packages/language/es-ES.ts +2 -1
  116. package/packages/language/fr-FR.ts +2 -1
  117. package/packages/language/hu-HU.ts +2 -1
  118. package/packages/language/hy-AM.ts +2 -1
  119. package/packages/language/id-ID.ts +2 -1
  120. package/packages/language/it-IT.ts +2 -1
  121. package/packages/language/ja-JP.ts +3 -2
  122. package/packages/language/ko-KR.ts +2 -1
  123. package/packages/language/nb-NO.ts +2 -1
  124. package/packages/language/pt-BR.ts +2 -1
  125. package/packages/language/ru-RU.ts +2 -1
  126. package/packages/language/th-TH.ts +2 -1
  127. package/packages/language/ug-CN.ts +2 -1
  128. package/packages/language/uk-UA.ts +2 -1
  129. package/packages/language/vi-VN.ts +2 -1
  130. package/packages/language/zh-CHT.ts +2 -1
  131. package/packages/language/zh-CN.ts +2 -1
  132. package/packages/pager/src/pager.ts +133 -83
  133. package/packages/row/src/col.ts +3 -2
  134. package/packages/ui/index.ts +1 -0
  135. package/styles/components/col.scss +23 -1
  136. package/styles/components/date-picker.scss +4 -1
  137. package/types/components/date-picker.d.ts +2 -0
  138. package/types/components/pager.d.ts +76 -0
  139. package/types/components/table.d.ts +7 -0
  140. package/types/components/tooltip.d.ts +1 -0
  141. /package/es/icon/{iconfont.1740104040576.ttf → iconfont.1740550757682.ttf} +0 -0
  142. /package/es/icon/{iconfont.1740104040576.woff → iconfont.1740550757682.woff} +0 -0
  143. /package/es/icon/{iconfont.1740104040576.woff2 → iconfont.1740550757682.woff2} +0 -0
  144. /package/es/{iconfont.1740104040576.ttf → iconfont.1740550757682.ttf} +0 -0
  145. /package/es/{iconfont.1740104040576.woff → iconfont.1740550757682.woff} +0 -0
  146. /package/es/{iconfont.1740104040576.woff2 → iconfont.1740550757682.woff2} +0 -0
  147. /package/lib/icon/style/{iconfont.1740104040576.ttf → iconfont.1740550757682.ttf} +0 -0
  148. /package/lib/icon/style/{iconfont.1740104040576.woff → iconfont.1740550757682.woff} +0 -0
  149. /package/lib/icon/style/{iconfont.1740104040576.woff2 → iconfont.1740550757682.woff2} +0 -0
  150. /package/lib/{iconfont.1740104040576.ttf → iconfont.1740550757682.ttf} +0 -0
  151. /package/lib/{iconfont.1740104040576.woff → iconfont.1740550757682.woff} +0 -0
  152. /package/lib/{iconfont.1740104040576.woff2 → iconfont.1740550757682.woff2} +0 -0
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "4.3.94";
4
+ export const version = "4.3.96";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
@@ -212,6 +212,7 @@ setConfig({
212
212
  left: 32
213
213
  }
214
214
  },
215
+ // remember: false,
215
216
  // storage: false,
216
217
  storageKey: 'VXE_MODAL_POSITION'
217
218
  },
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"4.3.94"}`;
2
+ const version = `ui v${"4.3.96"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
package/es/vxe-col/style.css CHANGED
@@ -98,4 +98,8 @@
98
98
  display: flex;
99
99
  flex-direction: column;
100
100
  width: 100%;
101
+ }
102
+
103
+ .vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
104
+ width: 100%;
101
105
  }
package/es/vxe-col/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}
1
+ .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
package/es/vxe-date-picker/style.css CHANGED
@@ -154,7 +154,7 @@
154
154
  }
155
155
 
156
156
  .vxe-date-picker--panel-layout-wrapper {
157
- display: flex;
157
+ display: inline-flex;
158
158
  flex-direction: column;
159
159
  pointer-events: auto;
160
160
  background-color: var(--vxe-ui-layout-background-color);
@@ -434,6 +434,9 @@
434
434
  .vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival {
435
435
  color: var(--vxe-ui-input-disabled-color);
436
436
  }
437
+ .vxe-date-picker--date-picker-body td.is--over {
438
+ cursor: no-drop;
439
+ }
437
440
 
438
441
  .vxe-date-picker--date-week-view th:first-child {
439
442
  box-shadow: inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color);
package/es/vxe-date-picker/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-date-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled .vxe-date-picker--clear-icon,.vxe-date-picker.is--disabled .vxe-date-picker--control-icon,.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{cursor:not-allowed}.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-picker.show--clear:hover .vxe-date-picker--clear-icon{display:block}.vxe-date-picker--prefix,.vxe-date-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--prefix-icon{padding-left:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon,.vxe-date-picker--suffix-icon{padding-right:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-picker--clear-icon{display:none}.vxe-date-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-date-picker--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-date-picker.is--left .vxe-date-picker--inner{text-align:left}.vxe-date-picker.is--center .vxe-date-picker--inner{text-align:center}.vxe-date-picker.is--right .vxe-date-picker--inner{text-align:right}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-date-picker--panel.is--transfer{position:fixed}.vxe-date-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-date-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-picker--panel-layout-wrapper{display:flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--panel-body-content-wrapper,.vxe-date-picker--panel-body-layout-wrapper,.vxe-date-picker--panel-body-wrapper{flex-grow:1}.vxe-date-picker--panel-bottom-wrapper,.vxe-date-picker--panel-footer-wrapper,.vxe-date-picker--panel-header-wrapper,.vxe-date-picker--panel-left-wrapper,.vxe-date-picker--panel-right-wrapper,.vxe-date-picker--panel-top-wrapper{flex-shrink:0}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-right-width:1px}.vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel-wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-date-picker--panel-datetime-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-picker--panel.type--date,.vxe-date-picker--panel.type--month,.vxe-date-picker--panel.type--quarter,.vxe-date-picker--panel.type--week,.vxe-date-picker--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.type--date .vxe-date-picker--date-picker-body th,.vxe-date-picker--panel.type--datetime .vxe-date-picker--date-picker-body th{width:14.28571%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th{width:12%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th:first-child{width:14%}.vxe-date-picker--panel.type--quarter .vxe-date-picker--date-picker-body table th{width:50%}.vxe-date-picker--panel.type--month .vxe-date-picker--date-picker-body td,.vxe-date-picker--panel.type--year .vxe-date-picker--date-picker-body td{width:25%}.vxe-date-picker--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-date-picker--time-picker-btn{flex-shrink:0}.vxe-date-picker--date-picker-confirm,.vxe-date-picker--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-date-picker--date-picker-confirm:hover,.vxe-date-picker--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-date-picker--date-picker-confirm:active,.vxe-date-picker--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-date-picker--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-date-picker--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-type-wrapper{flex-grow:1}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{display:inline-block}.vxe-date-picker--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-picker--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-date-picker--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-picker--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-date-picker--date-picker-body td,.vxe-date-picker--date-picker-body th{font-weight:400}.vxe-date-picker--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-date-picker--date-picker-body td.is--next,.vxe-date-picker--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--now{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-picker--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-picker--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-picker--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-date-picker--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-date-picker--date-festival,.vxe-date-picker--date-label{display:block;overflow:hidden}.vxe-date-picker--date-label{position:relative}.vxe-date-picker--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-picker--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:.86em;transform:scale(.85);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-picker--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-picker--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;overflow:hidden}.vxe-date-picker--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-picker--date-festival--label{display:block;font-size:.86em;transform:scale(.9)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-picker--date-festival--overlap{display:block;font-size:.86em}.vxe-date-picker--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-picker--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-picker--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-picker--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--time-picker-body>ul:before{content:" ";display:block}.vxe-date-picker--time-picker-body>ul:hover{overflow-y:auto}.vxe-date-picker--time-picker-body>ul>li{display:block}.vxe-date-picker--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-picker--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-date-picker.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-date-picker.size--medium .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-date-picker.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-date-picker.size--small .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-date-picker.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-date-picker.size--mini .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-date-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-picker--panel .vxe-date-picker--panel-wrapper{max-height:380px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{padding:11px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:11px}.vxe-date-picker--panel .vxe-date-picker--time-picker-title{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-label{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 9px}.vxe-date-picker--panel .vxe-date-picker--date-picker-header,.vxe-date-picker--panel .vxe-date-picker--time-picker-header{padding-bottom:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel .vxe-date-picker--date-day-view td,.vxe-date-picker--panel .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-month-view td,.vxe-date-picker--panel .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel .vxe-date-picker--time-picker-confirm{height:30px}.vxe-date-picker--panel .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-date-picker--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--panel-wrapper{max-height:360px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{padding:10px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:10px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-title{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-label{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header{padding-bottom:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-confirm{height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-date-picker--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--panel-wrapper{max-height:340px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{padding:9px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper{width:354px}.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:9px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-title{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-label{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 7px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header{padding-bottom:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul{width:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:before{height:110px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:88px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-confirm{height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-date-picker--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--panel-wrapper{max-height:320px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{padding:8px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper{width:326px}.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:8px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-title{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-label{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header{padding-bottom:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul{width:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:before{height:100px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:84px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm{height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}
1
+ .vxe-date-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled .vxe-date-picker--clear-icon,.vxe-date-picker.is--disabled .vxe-date-picker--control-icon,.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{cursor:not-allowed}.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-picker.show--clear:hover .vxe-date-picker--clear-icon{display:block}.vxe-date-picker--prefix,.vxe-date-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--prefix-icon{padding-left:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon,.vxe-date-picker--suffix-icon{padding-right:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-picker--clear-icon{display:none}.vxe-date-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-date-picker--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-date-picker.is--left .vxe-date-picker--inner{text-align:left}.vxe-date-picker.is--center .vxe-date-picker--inner{text-align:center}.vxe-date-picker.is--right .vxe-date-picker--inner{text-align:right}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-date-picker--panel.is--transfer{position:fixed}.vxe-date-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-date-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-picker--panel-layout-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--panel-body-content-wrapper,.vxe-date-picker--panel-body-layout-wrapper,.vxe-date-picker--panel-body-wrapper{flex-grow:1}.vxe-date-picker--panel-bottom-wrapper,.vxe-date-picker--panel-footer-wrapper,.vxe-date-picker--panel-header-wrapper,.vxe-date-picker--panel-left-wrapper,.vxe-date-picker--panel-right-wrapper,.vxe-date-picker--panel-top-wrapper{flex-shrink:0}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-right-width:1px}.vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel-wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-date-picker--panel-datetime-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-picker--panel.type--date,.vxe-date-picker--panel.type--month,.vxe-date-picker--panel.type--quarter,.vxe-date-picker--panel.type--week,.vxe-date-picker--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.type--date .vxe-date-picker--date-picker-body th,.vxe-date-picker--panel.type--datetime .vxe-date-picker--date-picker-body th{width:14.28571%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th{width:12%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th:first-child{width:14%}.vxe-date-picker--panel.type--quarter .vxe-date-picker--date-picker-body table th{width:50%}.vxe-date-picker--panel.type--month .vxe-date-picker--date-picker-body td,.vxe-date-picker--panel.type--year .vxe-date-picker--date-picker-body td{width:25%}.vxe-date-picker--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-date-picker--time-picker-btn{flex-shrink:0}.vxe-date-picker--date-picker-confirm,.vxe-date-picker--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-date-picker--date-picker-confirm:hover,.vxe-date-picker--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-date-picker--date-picker-confirm:active,.vxe-date-picker--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-date-picker--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-date-picker--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-type-wrapper{flex-grow:1}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{display:inline-block}.vxe-date-picker--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-picker--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-date-picker--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-picker--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-date-picker--date-picker-body td,.vxe-date-picker--date-picker-body th{font-weight:400}.vxe-date-picker--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-date-picker--date-picker-body td.is--next,.vxe-date-picker--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--now{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-picker--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-picker--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-picker--date-picker-body td.is--over{cursor:no-drop}.vxe-date-picker--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-date-picker--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-date-picker--date-festival,.vxe-date-picker--date-label{display:block;overflow:hidden}.vxe-date-picker--date-label{position:relative}.vxe-date-picker--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-picker--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:.86em;transform:scale(.85);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-picker--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-picker--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;overflow:hidden}.vxe-date-picker--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-picker--date-festival--label{display:block;font-size:.86em;transform:scale(.9)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-picker--date-festival--overlap{display:block;font-size:.86em}.vxe-date-picker--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-picker--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-picker--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-picker--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--time-picker-body>ul:before{content:" ";display:block}.vxe-date-picker--time-picker-body>ul:hover{overflow-y:auto}.vxe-date-picker--time-picker-body>ul>li{display:block}.vxe-date-picker--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-picker--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-date-picker.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-date-picker.size--medium .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-date-picker.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-date-picker.size--small .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-date-picker.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-date-picker.size--mini .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-date-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-picker--panel .vxe-date-picker--panel-wrapper{max-height:380px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{padding:11px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:11px}.vxe-date-picker--panel .vxe-date-picker--time-picker-title{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-label{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 9px}.vxe-date-picker--panel .vxe-date-picker--date-picker-header,.vxe-date-picker--panel .vxe-date-picker--time-picker-header{padding-bottom:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel .vxe-date-picker--date-day-view td,.vxe-date-picker--panel .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-month-view td,.vxe-date-picker--panel .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel .vxe-date-picker--time-picker-confirm{height:30px}.vxe-date-picker--panel .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-date-picker--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--panel-wrapper{max-height:360px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{padding:10px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:10px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-title{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-label{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header{padding-bottom:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-confirm{height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-date-picker--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--panel-wrapper{max-height:340px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{padding:9px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper{width:354px}.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:9px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-title{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-label{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 7px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header{padding-bottom:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul{width:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:before{height:110px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:88px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-confirm{height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-date-picker--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--panel-wrapper{max-height:320px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{padding:8px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper{width:326px}.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:8px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-title{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-label{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header{padding-bottom:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul{width:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:before{height:100px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:84px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm{height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}
package/lib/col/style/style.css CHANGED
@@ -98,4 +98,8 @@
98
98
  display: flex;
99
99
  flex-direction: column;
100
100
  width: 100%;
101
+ }
102
+
103
+ .vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
104
+ width: 100%;
101
105
  }
package/lib/col/style/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}
1
+ .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
package/lib/date-picker/src/date-picker.js CHANGED
@@ -52,6 +52,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
52
52
  default: () => (0, _ui.getConfig)().datePicker.size || (0, _ui.getConfig)().size
53
53
  },
54
54
  multiple: Boolean,
55
+ limitCount: {
56
+ type: [String, Number],
57
+ default: () => (0, _ui.getConfig)().upload.limitCount
58
+ },
55
59
  // date、week、month、quarter、year
56
60
  startDate: {
57
61
  type: [String, Number, Date],
@@ -245,6 +249,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
245
249
  const dateLabelFormat = computeDateLabelFormat.value;
246
250
  return dateListValue.map(date => _xeUtils.default.toDateString(date, dateLabelFormat)).join(', ');
247
251
  });
252
+ const computeLimitMaxCount = (0, _vue.computed)(() => {
253
+ return props.multiple ? _xeUtils.default.toNumber(props.limitCount) : 0;
254
+ });
255
+ const computeOverCount = (0, _vue.computed)(() => {
256
+ const {
257
+ multiple
258
+ } = props;
259
+ const limitMaxCount = computeLimitMaxCount.value;
260
+ const dateMultipleValue = computeDateMultipleValue.value;
261
+ if (multiple && limitMaxCount) {
262
+ return dateMultipleValue.length >= limitMaxCount;
263
+ }
264
+ return false;
265
+ });
248
266
  const computeDateValueFormat = (0, _vue.computed)(() => {
249
267
  const {
250
268
  type,
@@ -848,6 +866,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
848
866
  });
849
867
  dateCheckMonth(date);
850
868
  if (multiple) {
869
+ const overCount = computeOverCount.value;
851
870
  // 如果为多选
852
871
  if (isDateTimeType) {
853
872
  // 如果是datetime特殊类型
@@ -855,6 +874,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
855
874
  const datetimeRest = [];
856
875
  const eqIndex = _xeUtils.default.findIndexOf(dateListValue, val => _xeUtils.default.isDateSame(date, val, 'yyyyMMdd'));
857
876
  if (eqIndex === -1) {
877
+ if (overCount) {
878
+ // 如果超出最大多选数量
879
+ return;
880
+ }
858
881
  dateListValue.push(date);
859
882
  } else {
860
883
  dateListValue.splice(eqIndex, 1);
@@ -880,6 +903,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
880
903
  type: 'update'
881
904
  });
882
905
  } else {
906
+ if (overCount) {
907
+ // 如果超出最大多选数量
908
+ return;
909
+ }
883
910
  handleChange(dateMultipleValue.concat([inpVal]).join(','), {
884
911
  type: 'update'
885
912
  });
@@ -1277,6 +1304,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
1277
1304
  }
1278
1305
  dateTimeChangeEvent(evnt);
1279
1306
  };
1307
+ // const dateClearEvent = (evnt: MouseEvent) => {
1308
+ // const value = ''
1309
+ // handleChange(value, evnt)
1310
+ // dispatchEvent('clear', { value }, evnt)
1311
+ // }
1280
1312
  const dateConfirmEvent = () => {
1281
1313
  const {
1282
1314
  multiple
@@ -1807,6 +1839,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1807
1839
  const dateHeaders = computeDateHeaders.value;
1808
1840
  const dayDatas = computeDayDatas.value;
1809
1841
  const dateListValue = computeDateListValue.value;
1842
+ const overCount = computeOverCount.value;
1810
1843
  const matchFormat = 'yyyyMMdd';
1811
1844
  return [(0, _vue.h)('table', {
1812
1845
  class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -1817,6 +1850,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1817
1850
  return (0, _vue.h)('th', item.label);
1818
1851
  }))]), (0, _vue.h)('tbody', dayDatas.map(rows => {
1819
1852
  return (0, _vue.h)('tr', rows.map(item => {
1853
+ const isSelected = multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
1820
1854
  return (0, _vue.h)('td', {
1821
1855
  class: {
1822
1856
  'is--prev': item.isPrev,
@@ -1824,8 +1858,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
1824
1858
  'is--now': item.isNow,
1825
1859
  'is--next': item.isNext,
1826
1860
  'is--disabled': isDateDisabled(item),
1827
- 'is--selected': multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
1828
- 'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1861
+ 'is--selected': isSelected,
1862
+ 'is--over': overCount && !isSelected,
1863
+ 'is--hover': !overCount && _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1829
1864
  },
1830
1865
  onClick: () => dateSelectEvent(item),
1831
1866
  onMouseenter: () => dateMouseenterEvent(item)
@@ -1845,6 +1880,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1845
1880
  const weekHeaders = computeWeekHeaders.value;
1846
1881
  const weekDates = computeWeekDates.value;
1847
1882
  const dateListValue = computeDateListValue.value;
1883
+ const overCount = computeOverCount.value;
1848
1884
  const matchFormat = 'yyyyMMdd';
1849
1885
  return [(0, _vue.h)('table', {
1850
1886
  class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -1865,7 +1901,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
1865
1901
  'is--next': item.isNext,
1866
1902
  'is--disabled': isDateDisabled(item),
1867
1903
  'is--selected': isSelected,
1868
- 'is--hover': isHover
1904
+ 'is--over': overCount && !isSelected,
1905
+ 'is--hover': !overCount && isHover
1869
1906
  },
1870
1907
  // event
1871
1908
  onClick: () => dateSelectEvent(item),
@@ -1885,6 +1922,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1885
1922
  const dateValue = computeDateValue.value;
1886
1923
  const monthDatas = computeMonthDatas.value;
1887
1924
  const dateListValue = computeDateListValue.value;
1925
+ const overCount = computeOverCount.value;
1888
1926
  const matchFormat = 'yyyyMM';
1889
1927
  return [(0, _vue.h)('table', {
1890
1928
  class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -1893,6 +1931,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1893
1931
  border: 0
1894
1932
  }, [(0, _vue.h)('tbody', monthDatas.map(rows => {
1895
1933
  return (0, _vue.h)('tr', rows.map(item => {
1934
+ const isSelected = multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
1896
1935
  return (0, _vue.h)('td', {
1897
1936
  class: {
1898
1937
  'is--prev': item.isPrev,
@@ -1900,8 +1939,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
1900
1939
  'is--now': item.isNow,
1901
1940
  'is--next': item.isNext,
1902
1941
  'is--disabled': isDateDisabled(item),
1903
- 'is--selected': multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
1904
- 'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1942
+ 'is--selected': isSelected,
1943
+ 'is--over': overCount && !isSelected,
1944
+ 'is--hover': !overCount && _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1905
1945
  },
1906
1946
  onClick: () => dateSelectEvent(item),
1907
1947
  onMouseenter: () => dateMouseenterEvent(item)
@@ -1920,6 +1960,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1920
1960
  const dateValue = computeDateValue.value;
1921
1961
  const quarterDatas = computeQuarterDatas.value;
1922
1962
  const dateListValue = computeDateListValue.value;
1963
+ const overCount = computeOverCount.value;
1923
1964
  const matchFormat = 'yyyyq';
1924
1965
  return [(0, _vue.h)('table', {
1925
1966
  class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -1928,6 +1969,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1928
1969
  border: 0
1929
1970
  }, [(0, _vue.h)('tbody', quarterDatas.map(rows => {
1930
1971
  return (0, _vue.h)('tr', rows.map(item => {
1972
+ const isSelected = multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
1931
1973
  return (0, _vue.h)('td', {
1932
1974
  class: {
1933
1975
  'is--prev': item.isPrev,
@@ -1935,8 +1977,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
1935
1977
  'is--now': item.isNow,
1936
1978
  'is--next': item.isNext,
1937
1979
  'is--disabled': isDateDisabled(item),
1938
- 'is--selected': multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
1939
- 'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1980
+ 'is--selected': isSelected,
1981
+ 'is--over': overCount && !isSelected,
1982
+ 'is--hover': !overCount && _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1940
1983
  },
1941
1984
  onClick: () => dateSelectEvent(item),
1942
1985
  onMouseenter: () => dateMouseenterEvent(item)
@@ -1955,6 +1998,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1955
1998
  const dateValue = computeDateValue.value;
1956
1999
  const yearDatas = computeYearDatas.value;
1957
2000
  const dateListValue = computeDateListValue.value;
2001
+ const overCount = computeOverCount.value;
1958
2002
  const matchFormat = 'yyyy';
1959
2003
  return [(0, _vue.h)('table', {
1960
2004
  class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -1963,6 +2007,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
1963
2007
  border: 0
1964
2008
  }, [(0, _vue.h)('tbody', yearDatas.map(rows => {
1965
2009
  return (0, _vue.h)('tr', rows.map(item => {
2010
+ const isSelected = multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
1966
2011
  return (0, _vue.h)('td', {
1967
2012
  class: {
1968
2013
  'is--prev': item.isPrev,
@@ -1970,8 +2015,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
1970
2015
  'is--now': item.isNow,
1971
2016
  'is--next': item.isNext,
1972
2017
  'is--disabled': isDateDisabled(item),
1973
- 'is--selected': multiple ? dateListValue.some(val => _xeUtils.default.isDateSame(val, item.date, matchFormat)) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
1974
- 'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
2018
+ 'is--selected': isSelected,
2019
+ 'is--over': overCount && !isSelected,
2020
+ 'is--hover': !overCount && _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
1975
2021
  },
1976
2022
  onClick: () => dateSelectEvent(item),
1977
2023
  onMouseenter: () => dateMouseenterEvent(item)
@@ -2005,6 +2051,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
2005
2051
  const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
2006
2052
  const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
2007
2053
  const selectDatePanelLabel = computeSelectDatePanelLabel.value;
2054
+ const supportMultiples = computeSupportMultiples.value;
2008
2055
  return [(0, _vue.h)('div', {
2009
2056
  class: 'vxe-date-picker--date-picker-header'
2010
2057
  }, [(0, _vue.h)('div', {
@@ -2035,7 +2082,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
2035
2082
  onClick: dateNextEvent
2036
2083
  }, [(0, _vue.h)('i', {
2037
2084
  class: 'vxe-icon-caret-right'
2038
- })]), multiple && computeSupportMultiples.value ? (0, _vue.h)('span', {
2085
+ })]), multiple && supportMultiples ? (0, _vue.h)('span', {
2039
2086
  class: 'vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn'
2040
2087
  }, [(0, _vue.h)('button', {
2041
2088
  class: 'vxe-date-picker--date-picker-confirm',