vxe-pc-ui 3.14.27 → 3.14.29

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 (62) hide show
  1. package/es/date-panel/src/date-panel.js +15 -13
  2. package/es/date-panel/style.css +4 -0
  3. package/es/date-panel/style.min.css +1 -1
  4. package/es/date-range-picker/src/date-range-picker.js +97 -2
  5. package/es/select/src/select.js +4 -1
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/table-select/src/table-select.js +4 -1
  9. package/es/tree-select/src/tree-select.js +4 -1
  10. package/es/ui/index.js +1 -1
  11. package/es/ui/src/log.js +1 -1
  12. package/es/upload/src/upload.js +53 -3
  13. package/es/vxe-date-panel/style.css +4 -0
  14. package/es/vxe-date-panel/style.min.css +1 -1
  15. package/lib/date-panel/src/date-panel.js +53 -13
  16. package/lib/date-panel/src/date-panel.min.js +1 -1
  17. package/lib/date-panel/style/style.css +4 -0
  18. package/lib/date-panel/style/style.min.css +1 -1
  19. package/lib/date-range-picker/src/date-range-picker.js +103 -5
  20. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  21. package/lib/index.umd.js +237 -28
  22. package/lib/index.umd.min.js +1 -1
  23. package/lib/select/src/select.js +6 -1
  24. package/lib/select/src/select.min.js +1 -1
  25. package/lib/style.css +1 -1
  26. package/lib/style.min.css +1 -1
  27. package/lib/table-select/src/table-select.js +4 -1
  28. package/lib/table-select/src/table-select.min.js +1 -1
  29. package/lib/tree-select/src/tree-select.js +4 -1
  30. package/lib/tree-select/src/tree-select.min.js +1 -1
  31. package/lib/ui/index.js +1 -1
  32. package/lib/ui/index.min.js +1 -1
  33. package/lib/ui/src/log.js +1 -1
  34. package/lib/ui/src/log.min.js +1 -1
  35. package/lib/upload/src/upload.js +65 -5
  36. package/lib/upload/src/upload.min.js +1 -1
  37. package/lib/vxe-date-panel/style/style.css +4 -0
  38. package/lib/vxe-date-panel/style/style.min.css +1 -1
  39. package/package.json +1 -1
  40. package/packages/date-panel/src/date-panel.ts +30 -28
  41. package/packages/date-range-picker/src/date-range-picker.ts +99 -3
  42. package/packages/select/src/select.ts +4 -1
  43. package/packages/table-select/src/table-select.ts +4 -1
  44. package/packages/tree-select/src/tree-select.ts +4 -1
  45. package/packages/upload/src/upload.ts +73 -5
  46. package/styles/components/date-panel.scss +4 -0
  47. package/types/components/date-panel.d.ts +26 -2
  48. package/types/components/date-range-picker.d.ts +2 -0
  49. package/types/components/gantt.d.ts +4 -0
  50. package/types/components/upload.d.ts +36 -1
  51. /package/es/icon/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
  52. /package/es/icon/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
  53. /package/es/icon/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
  54. /package/es/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
  55. /package/es/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
  56. /package/es/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
  57. /package/lib/icon/style/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
  58. /package/lib/icon/style/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
  59. /package/lib/icon/style/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
  60. /package/lib/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
  61. /package/lib/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
  62. /package/lib/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
package/es/date-panel/src/date-panel.js CHANGED
@@ -18,6 +18,7 @@ export default {
18
18
  default: 'date'
19
19
  },
20
20
  className: String,
21
+ cellClassName: [String, Function],
21
22
  size: {
22
23
  type: String,
23
24
  default: () => getConfig().datePanel.size || getConfig().size
@@ -964,7 +965,7 @@ export default {
964
965
  if (!props.multiple) {
965
966
  $xeDatePanel.hidePanel();
966
967
  }
967
- $xeDatePanel.dispatchEvent('date-today', { type: props.type }, evnt);
968
+ $xeDatePanel.dispatchEvent('date-today', { viewType: reactData.datePanelType, type: props.type, viewDate: reactData.selectMonth }, evnt);
968
969
  },
969
970
  dateNextEvent(evnt) {
970
971
  const $xeDatePanel = this;
@@ -1001,7 +1002,7 @@ export default {
1001
1002
  }
1002
1003
  }
1003
1004
  reactData.selectMonth = viewDate;
1004
- $xeDatePanel.dispatchEvent('date-next', { viewType: datePanelType, value, type }, evnt);
1005
+ $xeDatePanel.dispatchEvent('date-next', { viewType: datePanelType, value, type, viewDate }, evnt);
1005
1006
  }
1006
1007
  },
1007
1008
  isRangeDisabled(item) {
@@ -1318,7 +1319,8 @@ export default {
1318
1319
  getPanelDate() {
1319
1320
  const $xeDatePanel = this;
1320
1321
  const reactData = $xeDatePanel.reactData;
1321
- return reactData.selectMonth;
1322
+ const { selectMonth } = reactData;
1323
+ return selectMonth ? new Date(selectMonth.getTime()) : new Date();
1322
1324
  },
1323
1325
  checkValue(value) {
1324
1326
  const $xeDatePanel = this;
@@ -1381,7 +1383,7 @@ export default {
1381
1383
  const $xeDatePanel = this;
1382
1384
  const props = $xeDatePanel;
1383
1385
  const reactData = $xeDatePanel.reactData;
1384
- const { multiple } = props;
1386
+ const { type, multiple, cellClassName } = props;
1385
1387
  const { datePanelType, datePanelValue } = reactData;
1386
1388
  const dateValue = $xeDatePanel.computeDateValue;
1387
1389
  const dateHeaders = $xeDatePanel.computeDateHeaders;
@@ -1426,7 +1428,7 @@ export default {
1426
1428
  }, rows.map((item) => {
1427
1429
  const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
1428
1430
  return h('div', {
1429
- class: ['vxe-date-panel--view-item', {
1431
+ class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
1430
1432
  'is--prev': item.isPrev,
1431
1433
  'is--current': item.isCurrent,
1432
1434
  'is--now': item.isNow,
@@ -1459,7 +1461,7 @@ export default {
1459
1461
  const $xeDatePanel = this;
1460
1462
  const props = $xeDatePanel;
1461
1463
  const reactData = $xeDatePanel.reactData;
1462
- const { multiple } = props;
1464
+ const { type, multiple, cellClassName } = props;
1463
1465
  const { datePanelType, datePanelValue } = reactData;
1464
1466
  const dateValue = $xeDatePanel.computeDateValue;
1465
1467
  const weekHeaders = $xeDatePanel.computeWeekHeaders;
@@ -1506,7 +1508,7 @@ export default {
1506
1508
  }
1507
1509
  }, rows.map((item, rIndex) => {
1508
1510
  return h('div', {
1509
- class: ['vxe-date-panel--view-item', {
1511
+ class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
1510
1512
  'is--prev': item.isPrev,
1511
1513
  'is--current': item.isCurrent,
1512
1514
  'is--now': rIndex ? item.isNow : isNowWeek,
@@ -1539,7 +1541,7 @@ export default {
1539
1541
  const $xeDatePanel = this;
1540
1542
  const props = $xeDatePanel;
1541
1543
  const reactData = $xeDatePanel.reactData;
1542
- const { multiple } = props;
1544
+ const { type, multiple, cellClassName } = props;
1543
1545
  const { datePanelType, datePanelValue } = reactData;
1544
1546
  const dateValue = $xeDatePanel.computeDateValue;
1545
1547
  const monthDatas = $xeDatePanel.computeMonthDatas;
@@ -1561,7 +1563,7 @@ export default {
1561
1563
  }, rows.map((item) => {
1562
1564
  const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
1563
1565
  return h('div', {
1564
- class: ['vxe-date-panel--view-item', {
1566
+ class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
1565
1567
  'is--prev': item.isPrev,
1566
1568
  'is--current': item.isCurrent,
1567
1569
  'is--now': item.isNow,
@@ -1594,7 +1596,7 @@ export default {
1594
1596
  const $xeDatePanel = this;
1595
1597
  const props = $xeDatePanel;
1596
1598
  const reactData = $xeDatePanel.reactData;
1597
- const { multiple } = props;
1599
+ const { type, multiple, cellClassName } = props;
1598
1600
  const { datePanelType, datePanelValue } = reactData;
1599
1601
  const dateValue = $xeDatePanel.computeDateValue;
1600
1602
  const quarterDatas = $xeDatePanel.computeQuarterDatas;
@@ -1616,7 +1618,7 @@ export default {
1616
1618
  }, rows.map((item) => {
1617
1619
  const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
1618
1620
  return h('div', {
1619
- class: ['vxe-date-panel--view-item', {
1621
+ class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
1620
1622
  'is--prev': item.isPrev,
1621
1623
  'is--current': item.isCurrent,
1622
1624
  'is--now': item.isNow,
@@ -1649,7 +1651,7 @@ export default {
1649
1651
  const $xeDatePanel = this;
1650
1652
  const props = $xeDatePanel;
1651
1653
  const reactData = $xeDatePanel.reactData;
1652
- const { multiple } = props;
1654
+ const { type, multiple, cellClassName } = props;
1653
1655
  const { datePanelType, datePanelValue } = reactData;
1654
1656
  const dateValue = $xeDatePanel.computeDateValue;
1655
1657
  const yearDatas = $xeDatePanel.computeYearDatas;
@@ -1671,7 +1673,7 @@ export default {
1671
1673
  }, rows.map((item) => {
1672
1674
  const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
1673
1675
  return h('div', {
1674
- class: ['vxe-date-panel--view-item', {
1676
+ class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
1675
1677
  'is--prev': item.isPrev,
1676
1678
  'is--current': item.isCurrent,
1677
1679
  'is--now': item.isNow,
package/es/date-panel/style.css CHANGED
@@ -186,6 +186,7 @@
186
186
  }
187
187
 
188
188
  .vxe-date-panel--view-item {
189
+ position: relative;
189
190
  padding: 0.2em;
190
191
  }
191
192
  .vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner, .vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner {
@@ -228,6 +229,9 @@
228
229
  .vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before {
229
230
  background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
230
231
  }
232
+ .vxe-date-panel--view-item.is--range-selected {
233
+ background-color: var(--vxe-ui-font-primary-tinge-color);
234
+ }
231
235
  .vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner {
232
236
  color: var(--vxe-ui-input-disabled-color);
233
237
  background-color: inherit;
package/es/date-panel/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--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;-ms-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@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-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-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;-ms-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--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;-ms-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@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-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-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;-ms-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/es/date-range-picker/src/date-range-picker.js CHANGED
@@ -35,6 +35,10 @@ export default {
35
35
  type: Boolean,
36
36
  default: () => getConfig().dateRangePicker.clearable
37
37
  },
38
+ linkedPanels: {
39
+ type: Boolean,
40
+ default: () => getConfig().dateRangePicker.linkedPanels
41
+ },
38
42
  readonly: {
39
43
  type: Boolean,
40
44
  default: null
@@ -576,6 +580,21 @@ export default {
576
580
  }
577
581
  }
578
582
  },
583
+ panelCellClassName({ date }) {
584
+ const $xeDateRangePicker = this;
585
+ const reactData = $xeDateRangePicker.reactData;
586
+ const startValue = reactData.startValue;
587
+ const endValue = reactData.endValue;
588
+ if (startValue && endValue) {
589
+ const currTime = date.getTime();
590
+ const startTime = XEUtils.toStringDate(startValue).getTime();
591
+ const endTime = XEUtils.toStringDate(endValue).getTime();
592
+ if (currTime >= startTime && currTime <= endTime) {
593
+ return 'is--range-selected';
594
+ }
595
+ }
596
+ return '';
597
+ },
579
598
  handleSelectClose() {
580
599
  const $xeDateRangePicker = this;
581
600
  const props = $xeDateRangePicker;
@@ -701,6 +720,74 @@ export default {
701
720
  }
702
721
  });
703
722
  },
723
+ startPanelDateBtnChangeEvent(params) {
724
+ const $xeDateRangePicker = this;
725
+ const props = $xeDateRangePicker;
726
+ const { linkedPanels } = props;
727
+ if (linkedPanels) {
728
+ const { viewType } = params;
729
+ const $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
730
+ const $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
731
+ if (!$startDatePanel || !$endDatePanel) {
732
+ return;
733
+ }
734
+ const startPanelDate = $startDatePanel.getPanelDate();
735
+ if (!startPanelDate) {
736
+ return;
737
+ }
738
+ const endYear = startPanelDate.getFullYear();
739
+ const endMonth = startPanelDate.getMonth();
740
+ switch (viewType) {
741
+ case 'day':
742
+ case 'date':
743
+ case 'week': {
744
+ if (endMonth < 11) {
745
+ startPanelDate.setMonth(endMonth + 1);
746
+ }
747
+ else {
748
+ startPanelDate.setFullYear(endYear + 1);
749
+ startPanelDate.setMonth(0);
750
+ }
751
+ $endDatePanel.setPanelDate(startPanelDate);
752
+ break;
753
+ }
754
+ }
755
+ }
756
+ },
757
+ endPanelDateBtnChangeEvent(params) {
758
+ const $xeDateRangePicker = this;
759
+ const props = $xeDateRangePicker;
760
+ const { linkedPanels } = props;
761
+ if (linkedPanels) {
762
+ const { viewType } = params;
763
+ const $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
764
+ const $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
765
+ if (!$startDatePanel || !$endDatePanel) {
766
+ return;
767
+ }
768
+ const endPanelDate = $endDatePanel.getPanelDate();
769
+ if (!endPanelDate) {
770
+ return;
771
+ }
772
+ const endYear = endPanelDate.getFullYear();
773
+ const endMonth = endPanelDate.getMonth();
774
+ switch (viewType) {
775
+ case 'day':
776
+ case 'date':
777
+ case 'week': {
778
+ if (endMonth) {
779
+ endPanelDate.setMonth(endMonth - 1);
780
+ }
781
+ else {
782
+ endPanelDate.setFullYear(endYear - 1);
783
+ endPanelDate.setMonth(11);
784
+ }
785
+ $startDatePanel.setPanelDate(endPanelDate);
786
+ break;
787
+ }
788
+ }
789
+ }
790
+ },
704
791
  // 全局事件
705
792
  handleGlobalMousedownEvent(evnt) {
706
793
  const $xeDateRangePicker = this;
@@ -1101,10 +1188,14 @@ export default {
1101
1188
  timeConfig: timeOpts,
1102
1189
  festivalMethod: props.festivalMethod,
1103
1190
  disabledMethod: props.disabledMethod,
1191
+ cellClassName: $xeDateRangePicker.panelCellClassName,
1104
1192
  selectDay: props.selectDay
1105
1193
  },
1106
1194
  on: {
1107
- change: $xeDateRangePicker.startPanelChangeEvent
1195
+ change: $xeDateRangePicker.startPanelChangeEvent,
1196
+ datePrev: $xeDateRangePicker.endPanelDateBtnChangeEvent,
1197
+ dateToday: $xeDateRangePicker.endPanelDateBtnChangeEvent,
1198
+ dateNext: $xeDateRangePicker.endPanelDateBtnChangeEvent
1108
1199
  }
1109
1200
  }),
1110
1201
  h(VxeDatePanelComponent, {
@@ -1125,10 +1216,14 @@ export default {
1125
1216
  timeConfig: timeOpts,
1126
1217
  festivalMethod: props.festivalMethod,
1127
1218
  disabledMethod: props.disabledMethod,
1219
+ cellClassName: $xeDateRangePicker.panelCellClassName,
1128
1220
  selectDay: props.selectDay
1129
1221
  },
1130
1222
  on: {
1131
- change: $xeDateRangePicker.endPanelChangeEvent
1223
+ change: $xeDateRangePicker.endPanelChangeEvent,
1224
+ datePrev: $xeDateRangePicker.endPanelDateBtnChangeEvent,
1225
+ dateToday: $xeDateRangePicker.endPanelDateBtnChangeEvent,
1226
+ dateNext: $xeDateRangePicker.endPanelDateBtnChangeEvent
1132
1227
  }
1133
1228
  })
1134
1229
  ]),
package/es/select/src/select.js CHANGED
@@ -48,7 +48,10 @@ export default {
48
48
  props: {
49
49
  value: [String, Number, Boolean, Array],
50
50
  defaultConfig: Object,
51
- clearable: Boolean,
51
+ clearable: {
52
+ type: Boolean,
53
+ default: () => getConfig().select.clearable
54
+ },
52
55
  placeholder: String,
53
56
  readonly: {
54
57
  type: Boolean,