yc-design-vue 2.2.6 → 2.2.9

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 (112) hide show
  1. package/dist/index.umd.js +1 -1
  2. package/dist/style.css +1 -1
  3. package/es/Anchor/Anchor.vue.d.ts +1 -1
  4. package/es/Anchor/index.d.ts +3 -3
  5. package/es/Breadcrumb/BreadcrumbSeparator.vue.js +1 -1
  6. package/es/DatePicker/{YcDatePicker.vue.d.ts → DatePicker.vue.d.ts} +2 -2
  7. package/es/DatePicker/DatePicker.vue.js +335 -0
  8. package/es/DatePicker/DatePicker.vue3.js +5 -0
  9. package/es/DatePicker/{YcMonthPicker.vue.js → MonthPicker.vue.js} +75 -69
  10. package/es/DatePicker/MonthPicker.vue3.js +5 -0
  11. package/es/DatePicker/WeekPicker.vue.js +301 -0
  12. package/es/DatePicker/WeekPicker.vue3.js +5 -0
  13. package/es/DatePicker/{YcYearPicker.vue.js → YearPicker.vue.js} +57 -54
  14. package/es/DatePicker/YearPicker.vue3.js +5 -0
  15. package/es/DatePicker/component/PickerPanel.vue.d.ts +2 -0
  16. package/es/DatePicker/component/PickerPanel.vue.js +26 -29
  17. package/es/DatePicker/hooks/useContext.js +1 -1
  18. package/es/DatePicker/hooks/userPicker.d.ts +3 -0
  19. package/es/DatePicker/hooks/userPicker.js +27 -2
  20. package/es/DatePicker/index.css +3 -3
  21. package/es/DatePicker/index.d.ts +7 -7
  22. package/es/DatePicker/index.js +8 -8
  23. package/es/DatePicker/type.d.ts +5 -5
  24. package/es/TimePicker/TimePicker.vue.d.ts +5 -98
  25. package/es/TimePicker/TimePicker.vue.js +20 -15
  26. package/es/TimePicker/TimePickerPanel.vue.d.ts +1 -3
  27. package/es/TimePicker/TimePickerPanel.vue.js +89 -56
  28. package/es/TimePicker/hooks/useContext.d.ts +6 -0
  29. package/es/TimePicker/hooks/useContext.js +9 -0
  30. package/es/TimePicker/index.css +1 -1
  31. package/es/TimePicker/index.d.ts +10 -49
  32. package/es/TimePicker/type.d.ts +3 -0
  33. package/es/Transfer/TransferPanel.vue.js +1 -1
  34. package/es/Typography/TypographyBase.vue.js +2 -2
  35. package/es/Upload/UploadFileList.vue.js +1 -1
  36. package/es/Upload/UploadPictureCard.vue.js +1 -1
  37. package/es/_shared/icons/IconCopy.vue.js +24 -1
  38. package/es/_shared/icons/IconCopy.vue2.js +1 -24
  39. package/es/_shared/icons/IconDelete.vue.js +1 -24
  40. package/es/_shared/icons/IconDelete.vue2.js +24 -1
  41. package/es/_shared/icons/IconEdit.vue.js +24 -1
  42. package/es/_shared/icons/IconEdit.vue2.js +1 -24
  43. package/es/_shared/icons/IconSeparator.vue.js +1 -24
  44. package/es/_shared/icons/IconSeparator.vue2.js +24 -1
  45. package/es/index.d.ts +6 -6
  46. package/es/index.js +4 -4
  47. package/es/style.css +1 -1
  48. package/lib/Anchor/Anchor.vue.d.ts +1 -1
  49. package/lib/Anchor/index.d.ts +3 -3
  50. package/lib/Breadcrumb/BreadcrumbSeparator.vue.js +1 -1
  51. package/lib/DatePicker/{YcDatePicker.vue.d.ts → DatePicker.vue.d.ts} +2 -2
  52. package/lib/DatePicker/DatePicker.vue.js +1 -0
  53. package/lib/DatePicker/DatePicker.vue3.js +1 -0
  54. package/lib/DatePicker/MonthPicker.vue.js +1 -0
  55. package/lib/DatePicker/MonthPicker.vue3.js +1 -0
  56. package/lib/DatePicker/WeekPicker.vue.js +1 -0
  57. package/lib/DatePicker/WeekPicker.vue3.js +1 -0
  58. package/lib/DatePicker/YearPicker.vue.js +1 -0
  59. package/lib/DatePicker/{YcDatePicker.vue3.js → YearPicker.vue3.js} +1 -1
  60. package/lib/DatePicker/component/PickerPanel.vue.d.ts +2 -0
  61. package/lib/DatePicker/component/PickerPanel.vue.js +1 -1
  62. package/lib/DatePicker/hooks/useContext.js +1 -1
  63. package/lib/DatePicker/hooks/userPicker.d.ts +3 -0
  64. package/lib/DatePicker/hooks/userPicker.js +1 -1
  65. package/lib/DatePicker/index.css +3 -3
  66. package/lib/DatePicker/index.d.ts +7 -7
  67. package/lib/DatePicker/index.js +1 -1
  68. package/lib/DatePicker/type.d.ts +5 -5
  69. package/lib/TimePicker/TimePicker.vue.d.ts +5 -98
  70. package/lib/TimePicker/TimePicker.vue.js +1 -1
  71. package/lib/TimePicker/TimePickerPanel.vue.d.ts +1 -3
  72. package/lib/TimePicker/TimePickerPanel.vue.js +1 -1
  73. package/lib/TimePicker/hooks/useContext.d.ts +6 -0
  74. package/lib/TimePicker/hooks/useContext.js +1 -1
  75. package/lib/TimePicker/index.css +1 -1
  76. package/lib/TimePicker/index.d.ts +10 -49
  77. package/lib/TimePicker/type.d.ts +3 -0
  78. package/lib/Transfer/TransferPanel.vue.js +1 -1
  79. package/lib/Typography/TypographyBase.vue.js +1 -1
  80. package/lib/Upload/UploadFileList.vue.js +1 -1
  81. package/lib/Upload/UploadPictureCard.vue.js +1 -1
  82. package/lib/_shared/icons/IconCopy.vue.js +1 -1
  83. package/lib/_shared/icons/IconCopy.vue2.js +1 -1
  84. package/lib/_shared/icons/IconDelete.vue.js +1 -1
  85. package/lib/_shared/icons/IconDelete.vue2.js +1 -1
  86. package/lib/_shared/icons/IconEdit.vue.js +1 -1
  87. package/lib/_shared/icons/IconEdit.vue2.js +1 -1
  88. package/lib/_shared/icons/IconSeparator.vue.js +1 -1
  89. package/lib/_shared/icons/IconSeparator.vue2.js +1 -1
  90. package/lib/index.d.ts +6 -6
  91. package/lib/index.js +1 -1
  92. package/lib/style.css +1 -1
  93. package/package.json +1 -1
  94. package/es/DatePicker/YcDatePicker.vue.js +0 -298
  95. package/es/DatePicker/YcDatePicker.vue3.js +0 -5
  96. package/es/DatePicker/YcMonthPicker.vue3.js +0 -5
  97. package/es/DatePicker/YcWeekPicker.vue.js +0 -295
  98. package/es/DatePicker/YcWeekPicker.vue3.js +0 -5
  99. package/es/DatePicker/YcYearPicker.vue3.js +0 -5
  100. package/lib/DatePicker/YcDatePicker.vue.js +0 -1
  101. package/lib/DatePicker/YcMonthPicker.vue.js +0 -1
  102. package/lib/DatePicker/YcMonthPicker.vue3.js +0 -1
  103. package/lib/DatePicker/YcWeekPicker.vue.js +0 -1
  104. package/lib/DatePicker/YcWeekPicker.vue3.js +0 -1
  105. package/lib/DatePicker/YcYearPicker.vue.js +0 -1
  106. package/lib/DatePicker/YcYearPicker.vue3.js +0 -1
  107. package/{lib/DatePicker/YcMonthPicker.vue.d.ts → es/DatePicker/MonthPicker.vue.d.ts} +1 -1
  108. package/{lib/DatePicker/YcWeekPicker.vue.d.ts → es/DatePicker/WeekPicker.vue.d.ts} +1 -1
  109. package/es/DatePicker/{YcYearPicker.vue.d.ts → YearPicker.vue.d.ts} +1 -1
  110. package/{es/DatePicker/YcMonthPicker.vue.d.ts → lib/DatePicker/MonthPicker.vue.d.ts} +1 -1
  111. package/{es/DatePicker/YcWeekPicker.vue.d.ts → lib/DatePicker/WeekPicker.vue.d.ts} +1 -1
  112. package/lib/DatePicker/{YcYearPicker.vue.d.ts → YearPicker.vue.d.ts} +1 -1
@@ -1,3 +1,3 @@
1
- .yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{width:265px;display:flex;flex-direction:column}.yc-panel-year .yc-picker-header,.yc-panel-month .yc-picker-header,.yc-panel-week .yc-picker-header,.yc-panel-date .yc-picker-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3);display:flex}.yc-panel-year .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-week-list,.yc-panel-month .yc-picker-week-list,.yc-panel-week .yc-picker-week-list,.yc-panel-date .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-picker-body,.yc-panel-month .yc-picker-body,.yc-panel-week .yc-picker-body,.yc-panel-date .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-picker-body .yc-picker-row,.yc-panel-month .yc-picker-body .yc-picker-row,.yc-panel-week .yc-picker-body .yc-picker-row,.yc-panel-date .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-week{width:298px}.yc-panel-week .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
2
- .yc-picker-week-row-disabled
3
- ):hover .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-fill-3)}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date .yc-picker-date-value{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date .yc-picker-date-value{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-picker-body .yc-picker-week-row-selected .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:rgb(var(--primary-6));color:var(--color-white);transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-panel-week .yc-picker-body .yc-picker-week-row-selected.yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-link-light-3);color:var(--color-white)}.yc-panel-week .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date{cursor:not-allowed;background-color:var(--color-fill-1)}.yc-panel-week .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-picker-cell{flex:1}.yc-picker-cell .yc-picker-date{cursor:pointer;width:100%;height:100%;padding:4px;display:flex;justify-content:center}.yc-picker-cell .yc-picker-date .yc-picker-date-value{cursor:pointer;height:24px;width:100%;border-radius:24px;color:var(--color-text-4);font-size:14px;line-height:24px;text-align:center}.yc-picker-cell-in-view .yc-picker-date .yc-picker-date-value{color:var(--color-text-1);font-weight:500}.yc-picker-cell-today{position:relative}.yc-picker-cell-today:after{position:absolute;bottom:-2px;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:''}.yc-picker-cell-selected .yc-picker-date .yc-picker-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-picker-cell-disabled .yc-picker-date{background-color:var(--color-fill-1);cursor:not-allowed}.yc-picker-cell-disabled .yc-picker-date .yc-picker-date-value{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-picker-cell-hoverable.yc-picker-cell-in-view:not(.yc-picker-cell-selected):not(.yc-picker-cell-disabled) .yc-picker-date .yc-picker-date-value:hover{color:var(--color-text-1);background-color:var(--color-fill-3)}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}
1
+ .yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-container{border:none;border-radius:0;box-shadow:none}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{display:flex}.yc-panel-year .yc-panel-year-inner,.yc-panel-month .yc-panel-year-inner,.yc-panel-week .yc-panel-year-inner,.yc-panel-date .yc-panel-year-inner,.yc-panel-year .yc-panel-month-inner,.yc-panel-month .yc-panel-month-inner,.yc-panel-week .yc-panel-month-inner,.yc-panel-date .yc-panel-month-inner,.yc-panel-year .yc-panel-week-inner,.yc-panel-month .yc-panel-week-inner,.yc-panel-week .yc-panel-week-inner,.yc-panel-date .yc-panel-week-inner,.yc-panel-year .yc-panel-date-inner,.yc-panel-month .yc-panel-date-inner,.yc-panel-week .yc-panel-date-inner,.yc-panel-date .yc-panel-date-inner{display:flex;flex-direction:column;width:265px}.yc-panel-year .yc-panel-year-inner .yc-picker-header,.yc-panel-month .yc-panel-year-inner .yc-picker-header,.yc-panel-week .yc-panel-year-inner .yc-picker-header,.yc-panel-date .yc-panel-year-inner .yc-picker-header,.yc-panel-year .yc-panel-month-inner .yc-picker-header,.yc-panel-month .yc-panel-month-inner .yc-picker-header,.yc-panel-week .yc-panel-month-inner .yc-picker-header,.yc-panel-date .yc-panel-month-inner .yc-picker-header,.yc-panel-year .yc-panel-week-inner .yc-picker-header,.yc-panel-month .yc-panel-week-inner .yc-picker-header,.yc-panel-week .yc-panel-week-inner .yc-picker-header,.yc-panel-date .yc-panel-week-inner .yc-picker-header,.yc-panel-year .yc-panel-date-inner .yc-picker-header,.yc-panel-month .yc-panel-date-inner .yc-picker-header,.yc-panel-week .yc-panel-date-inner .yc-picker-header,.yc-panel-date .yc-panel-date-inner .yc-picker-header{height:40px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-body,.yc-panel-month .yc-panel-year-inner .yc-picker-body,.yc-panel-week .yc-panel-year-inner .yc-picker-body,.yc-panel-date .yc-panel-year-inner .yc-picker-body,.yc-panel-year .yc-panel-month-inner .yc-picker-body,.yc-panel-month .yc-panel-month-inner .yc-picker-body,.yc-panel-week .yc-panel-month-inner .yc-picker-body,.yc-panel-date .yc-panel-month-inner .yc-picker-body,.yc-panel-year .yc-panel-week-inner .yc-picker-body,.yc-panel-month .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-year .yc-panel-date-inner .yc-picker-body,.yc-panel-month .yc-panel-date-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-date-inner .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-year .yc-panel-date-timepicker,.yc-panel-month .yc-panel-date-timepicker,.yc-panel-week .yc-panel-date-timepicker,.yc-panel-date .yc-panel-date-timepicker{border-left:1px solid var(--color-neutral-3);display:flex;flex-direction:column}.yc-panel-year .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-month .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-week .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-date .yc-panel-date-timepicker .yc-panel-date-timepicker-title{width:100%;height:40px;border-bottom:1px solid var(--color-neutral-3);color:var(--color-text-1);font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container{height:276px;padding:0 6px;border:none;box-shadow:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker{height:100%}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column{height:100%;width:fit-content;padding:0 4px;border:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar{display:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{height:244px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{width:36px;height:32px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{padding-left:10px}.yc-panel-week .yc-panel-week-inner{width:298px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
2
+ .yc-picker-week-row-disabled
3
+ ):hover .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-fill-3)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date .yc-picker-date-value{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date .yc-picker-date-value{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:rgb(var(--primary-6));color:var(--color-white);transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected.yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-link-light-3);color:var(--color-white)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date{cursor:not-allowed;background-color:var(--color-fill-1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding-top:0}.yc-picker-cell{flex:1}.yc-picker-cell .yc-picker-date{cursor:pointer;width:100%;height:100%;padding:4px;display:flex;justify-content:center}.yc-picker-cell .yc-picker-date .yc-picker-date-value{cursor:pointer;height:24px;width:100%;border-radius:24px;color:var(--color-text-4);font-size:14px;line-height:24px;text-align:center}.yc-picker-cell-in-view .yc-picker-date .yc-picker-date-value{color:var(--color-text-1);font-weight:500}.yc-picker-cell-today{position:relative}.yc-picker-cell-today:after{position:absolute;bottom:-2px;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:''}.yc-picker-cell-selected .yc-picker-date .yc-picker-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-picker-cell-disabled .yc-picker-date{background-color:var(--color-fill-1);cursor:not-allowed}.yc-picker-cell-disabled .yc-picker-date .yc-picker-date-value{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-picker-cell-hoverable.yc-picker-cell-in-view:not(.yc-picker-cell-selected):not(.yc-picker-cell-disabled) .yc-picker-date .yc-picker-date-value:hover{color:var(--color-text-1);background-color:var(--color-fill-3)}
@@ -1,9 +1,9 @@
1
1
  import { App } from 'vue';
2
- import { default as _DatePicker } from './YcDatePicker.vue';
2
+ import { default as _DatePicker } from './DatePicker.vue';
3
3
  import { default as _RangePicker } from './PickerRange.vue';
4
- import { default as _YearPicker } from './YcYearPicker.vue';
5
- import { default as _MonthPicker } from './YcMonthPicker.vue';
6
- import { default as _WeekPicker } from './YcWeekPicker.vue';
4
+ import { default as _YearPicker } from './YearPicker.vue';
5
+ import { default as _MonthPicker } from './MonthPicker.vue';
6
+ import { default as _WeekPicker } from './WeekPicker.vue';
7
7
  export type DatePickerInstance = InstanceType<typeof _DatePicker>;
8
8
  export type RangePickerInstance = InstanceType<typeof _RangePicker>;
9
9
  export type YearPickerInstance = InstanceType<typeof _YearPicker>;
@@ -50,6 +50,7 @@ declare const DatePicker: {
50
50
  readonly: boolean;
51
51
  triggerProps: import('..').TriggerProps;
52
52
  format: string;
53
+ hideTrigger: boolean;
53
54
  dayStartOfWeek: import('./type').DayStartOfWeek;
54
55
  showTime: boolean;
55
56
  timePickerProps: import('..').TimePickerProps;
@@ -64,7 +65,6 @@ declare const DatePicker: {
64
65
  shortcuts: import('./type').ShortcutType[];
65
66
  previewShortcut: boolean;
66
67
  disabledInput: boolean;
67
- hideTrigger: boolean;
68
68
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
69
69
  P: {};
70
70
  B: {};
@@ -100,6 +100,7 @@ declare const DatePicker: {
100
100
  readonly: boolean;
101
101
  triggerProps: import('..').TriggerProps;
102
102
  format: string;
103
+ hideTrigger: boolean;
103
104
  dayStartOfWeek: import('./type').DayStartOfWeek;
104
105
  showTime: boolean;
105
106
  timePickerProps: import('..').TimePickerProps;
@@ -114,7 +115,6 @@ declare const DatePicker: {
114
115
  shortcuts: import('./type').ShortcutType[];
115
116
  previewShortcut: boolean;
116
117
  disabledInput: boolean;
117
- hideTrigger: boolean;
118
118
  }>;
119
119
  __isFragment?: never;
120
120
  __isTeleport?: never;
@@ -158,6 +158,7 @@ declare const DatePicker: {
158
158
  readonly: boolean;
159
159
  triggerProps: import('..').TriggerProps;
160
160
  format: string;
161
+ hideTrigger: boolean;
161
162
  dayStartOfWeek: import('./type').DayStartOfWeek;
162
163
  showTime: boolean;
163
164
  timePickerProps: import('..').TimePickerProps;
@@ -172,7 +173,6 @@ declare const DatePicker: {
172
173
  shortcuts: import('./type').ShortcutType[];
173
174
  previewShortcut: boolean;
174
175
  disabledInput: boolean;
175
- hideTrigger: boolean;
176
176
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
177
177
  $slots: any;
178
178
  }) & {
@@ -1,12 +1,12 @@
1
- import _sfc_main from "./YcDatePicker.vue.js";
2
- /* empty css */
1
+ import _sfc_main from "./DatePicker.vue.js";
2
+ /* empty css */
3
3
  import _sfc_main$1 from "./PickerRange.vue.js";
4
- import _sfc_main$2 from "./YcYearPicker.vue.js";
5
- /* empty css */
6
- import _sfc_main$3 from "./YcMonthPicker.vue.js";
7
- /* empty css */
8
- import _sfc_main$4 from "./YcWeekPicker.vue.js";
9
- /* empty css */
4
+ import _sfc_main$2 from "./YearPicker.vue.js";
5
+ /* empty css */
6
+ import _sfc_main$3 from "./MonthPicker.vue.js";
7
+ /* empty css */
8
+ import _sfc_main$4 from "./WeekPicker.vue.js";
9
+ /* empty css */
10
10
  const DatePicker = Object.assign(_sfc_main, {
11
11
  install: (app) => {
12
12
  app.component("Yc" + _sfc_main.name, _sfc_main);
@@ -1,7 +1,7 @@
1
1
  import { VNode } from 'vue';
2
2
  import { PopupContainer, Position, Size } from '../_shared/type';
3
3
  import { TriggerProps } from '../Trigger';
4
- import { TimePickerProps } from '../TimePicker';
4
+ import { DisabledHours, DisabledMinutes, DisabledSeconds, TimePickerProps } from '../TimePicker';
5
5
  export interface BasePickerProps {
6
6
  locale?: Record<string, any>;
7
7
  hideTrigger?: boolean;
@@ -93,10 +93,10 @@ export type DayStartOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
93
93
  export type ValueFormat = 'timestamp' | 'Date' | string;
94
94
  export type ShortcutsPosition = Exclude<Position, 'top'>;
95
95
  export type DisabledDate = (current: Date) => boolean;
96
- export type DisabledTime = (current: Date) => {
97
- disabledHours?: () => number[];
98
- disabledMinutes?: () => number[];
99
- disabledSeconds?: () => number[];
96
+ export type DisabledTime = (current: Date | string) => {
97
+ disabledHours?: DisabledHours;
98
+ disabledMinutes?: DisabledMinutes;
99
+ disabledSeconds?: DisabledSeconds;
100
100
  };
101
101
  export type ShortcutType = {
102
102
  label: string | number | (() => VNode);
@@ -2,55 +2,7 @@ import { TimePickerProps } from './type';
2
2
  declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
4
  slots: any;
5
- refs: {
6
- panelRef: ({
7
- $: import('vue').ComponentInternalInstance;
8
- $data: {};
9
- $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
10
- $attrs: {
11
- [x: string]: unknown;
12
- };
13
- $refs: {
14
- [x: string]: unknown;
15
- };
16
- $slots: Readonly<{
17
- [name: string]: import('vue').Slot<any> | undefined;
18
- }>;
19
- $root: import('vue').ComponentPublicInstance | null;
20
- $parent: import('vue').ComponentPublicInstance | null;
21
- $host: Element | null;
22
- $emit: (event: string, ...args: any[]) => void;
23
- $el: HTMLDivElement;
24
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
25
- scroll(value: string): Promise<void>;
26
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
27
- beforeCreate?: (() => void) | (() => void)[];
28
- created?: (() => void) | (() => void)[];
29
- beforeMount?: (() => void) | (() => void)[];
30
- mounted?: (() => void) | (() => void)[];
31
- beforeUpdate?: (() => void) | (() => void)[];
32
- updated?: (() => void) | (() => void)[];
33
- activated?: (() => void) | (() => void)[];
34
- deactivated?: (() => void) | (() => void)[];
35
- beforeDestroy?: (() => void) | (() => void)[];
36
- beforeUnmount?: (() => void) | (() => void)[];
37
- destroyed?: (() => void) | (() => void)[];
38
- unmounted?: (() => void) | (() => void)[];
39
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
40
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
41
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
42
- };
43
- $forceUpdate: () => void;
44
- $nextTick: typeof import('vue').nextTick;
45
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
46
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
47
- scroll(value: string): Promise<void>;
48
- }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
49
- $slots: {
50
- extra?(_: {}): any;
51
- };
52
- }) | null;
53
- };
5
+ refs: {};
54
6
  rootEl: any;
55
7
  };
56
8
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -77,6 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
77
29
  position: import('./type').TimePickerPosition;
78
30
  unmountOnClose: boolean;
79
31
  popupContainer: import('..').PopupContainer;
32
+ scrollbar: boolean;
80
33
  type: import('./type').TimePickerType;
81
34
  placeholder: string | string[];
82
35
  modelValue: import('./type').TimePickerValue;
@@ -86,58 +39,12 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
86
39
  triggerProps: import('../Trigger').TriggerProps;
87
40
  format: string;
88
41
  hideDisabledOptions: boolean;
42
+ scrollOffset: number;
43
+ hideTrigger: boolean;
89
44
  disabledHours: import('./type').DisabledHours;
90
45
  disabledMinutes: import('./type').DisabledMinutes;
91
46
  disabledSeconds: import('./type').DisabledSeconds;
92
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
93
- panelRef: ({
94
- $: import('vue').ComponentInternalInstance;
95
- $data: {};
96
- $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
97
- $attrs: {
98
- [x: string]: unknown;
99
- };
100
- $refs: {
101
- [x: string]: unknown;
102
- };
103
- $slots: Readonly<{
104
- [name: string]: import('vue').Slot<any> | undefined;
105
- }>;
106
- $root: import('vue').ComponentPublicInstance | null;
107
- $parent: import('vue').ComponentPublicInstance | null;
108
- $host: Element | null;
109
- $emit: (event: string, ...args: any[]) => void;
110
- $el: HTMLDivElement;
111
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
112
- scroll(value: string): Promise<void>;
113
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
114
- beforeCreate?: (() => void) | (() => void)[];
115
- created?: (() => void) | (() => void)[];
116
- beforeMount?: (() => void) | (() => void)[];
117
- mounted?: (() => void) | (() => void)[];
118
- beforeUpdate?: (() => void) | (() => void)[];
119
- updated?: (() => void) | (() => void)[];
120
- activated?: (() => void) | (() => void)[];
121
- deactivated?: (() => void) | (() => void)[];
122
- beforeDestroy?: (() => void) | (() => void)[];
123
- beforeUnmount?: (() => void) | (() => void)[];
124
- destroyed?: (() => void) | (() => void)[];
125
- unmounted?: (() => void) | (() => void)[];
126
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
127
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
128
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
129
- };
130
- $forceUpdate: () => void;
131
- $nextTick: typeof import('vue').nextTick;
132
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
133
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
134
- scroll(value: string): Promise<void>;
135
- }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
136
- $slots: {
137
- extra?(_: {}): any;
138
- };
139
- }) | null;
140
- }, any>;
47
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
141
48
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
142
49
  export default _default;
143
50
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,4 +1,4 @@
1
- import { defineComponent, useSlots, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, createVNode, createSlots } from "vue";
1
+ import { defineComponent, useSlots, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, createVNode, createSlots, nextTick } from "vue";
2
2
  import "../node_modules/b-tween/dist/b-tween.es.js";
3
3
  import "../node_modules/dayjs/dayjs.min.js";
4
4
  import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -56,7 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
56
56
  triggerProps: { default: () => {
57
57
  return {};
58
58
  } },
59
- unmountOnClose: { type: Boolean, default: false }
59
+ unmountOnClose: { type: Boolean, default: false },
60
+ hideTrigger: { type: Boolean, default: false },
61
+ scrollbar: { type: Boolean, default: true },
62
+ scrollOffset: { default: 0 }
60
63
  },
61
64
  emits: ["update:modelValue", "update:popupVisible", "change", "select", "clear", "popup-visible-change"],
62
65
  setup(__props, { emit: __emit }) {
@@ -76,18 +79,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
76
79
  format,
77
80
  placeholder
78
81
  } = useTimePickerContext().provide(props, emits);
79
- const panelRef = ref();
80
82
  const handleClear = () => {
81
83
  computedValue.value = type.value == "time-range" ? [] : "";
82
84
  emits("clear");
83
85
  };
84
- const handleOpenPicker = (i) => {
85
- var _a;
86
+ const handleOpenPicker = async (i) => {
86
87
  curIndex.value = i;
88
+ await nextTick();
87
89
  computedVisible.value = true;
88
- (_a = panelRef.value) == null ? void 0 : _a.scroll(
89
- isArray(computedValue.value) ? computedValue.value[i] : computedValue.value
90
- );
91
90
  };
92
91
  const handleClickOutSide = () => {
93
92
  computedVisible.value = false;
@@ -105,7 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
105
104
  computedValue.value = [];
106
105
  };
107
106
  return (_ctx, _cache) => {
108
- return openBlock(), createBlock(unref(Trigger), mergeProps({
107
+ return !_ctx.hideTrigger ? (openBlock(), createBlock(unref(Trigger), mergeProps({
108
+ key: 0,
109
109
  "popup-visible": unref(computedVisible),
110
110
  position: _ctx.position,
111
111
  "popup-container": _ctx.popupContainer,
@@ -120,10 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
120
120
  "prevent-focus": ""
121
121
  }, _ctx.triggerProps), {
122
122
  content: withCtx(() => [
123
- createVNode(_sfc_main$3, {
124
- ref_key: "panelRef",
125
- ref: panelRef
126
- }, createSlots({ _: 2 }, [
123
+ createVNode(_sfc_main$3, null, createSlots({ _: 2 }, [
127
124
  $slots.extra ? {
128
125
  name: "extra",
129
126
  fn: withCtx(() => [
@@ -131,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
131
128
  ]),
132
129
  key: "0"
133
130
  } : void 0
134
- ]), 1536)
131
+ ]), 1024)
135
132
  ]),
136
133
  default: withCtx(() => [
137
134
  createElementVNode("div", {
@@ -210,7 +207,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
210
207
  ], 6)
211
208
  ]),
212
209
  _: 3
213
- }, 16, ["popup-visible", "position", "popup-container", "unmount-on-close", "disabled"]);
210
+ }, 16, ["popup-visible", "position", "popup-container", "unmount-on-close", "disabled"])) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }, createSlots({ _: 2 }, [
211
+ $slots.extra ? {
212
+ name: "extra",
213
+ fn: withCtx(() => [
214
+ renderSlot(_ctx.$slots, "extra")
215
+ ]),
216
+ key: "0"
217
+ } : void 0
218
+ ]), 1024));
214
219
  };
215
220
  }
216
221
  });
@@ -7,9 +7,7 @@ declare function __VLS_template(): {
7
7
  rootEl: HTMLDivElement;
8
8
  };
9
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
- declare const __VLS_component: import('vue').DefineComponent<{}, {
11
- scroll(value: string): Promise<void>;
12
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
10
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
13
11
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
12
  export default _default;
15
13
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,9 +1,9 @@
1
- import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, unref, createVNode, withCtx, withDirectives, normalizeClass, toDisplayString, vShow, renderSlot, createTextVNode } from "vue";
1
+ import { defineComponent, ref, computed, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, unref, createVNode, withCtx, withDirectives, normalizeClass, toDisplayString, vShow, renderSlot, createTextVNode } from "vue";
2
2
  import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
3
3
  import dayjs from "../node_modules/dayjs/dayjs.min.js";
4
4
  import "../node_modules/tinycolor2/esm/tinycolor.js";
5
5
  import { sleep } from "../_shared/utils/dom.js";
6
- import { isUndefined, isArray } from "../_shared/utils/is.js";
6
+ import { isArray, isUndefined } from "../_shared/utils/is.js";
7
7
  import { useI18n } from "../_shared/utils/locale.js";
8
8
  import { isValidTimeRange } from "../_shared/utils/time.js";
9
9
  import useTimePickerContext from "./hooks/useContext.js";
@@ -23,7 +23,7 @@ const _hoisted_6 = {
23
23
  };
24
24
  const _sfc_main = /* @__PURE__ */ defineComponent({
25
25
  __name: "TimePickerPanel",
26
- setup(__props, { expose: __expose }) {
26
+ setup(__props) {
27
27
  const {
28
28
  timeColumn,
29
29
  timeColumnCells,
@@ -35,12 +35,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
35
35
  hideDisabledOptions,
36
36
  curIndex,
37
37
  inputRefs,
38
+ hideTrigger,
39
+ scrollbar,
40
+ scrollOffset,
38
41
  disabledHours,
39
42
  disabledMinutes,
40
43
  disabledSeconds
41
44
  } = useTimePickerContext().inject();
42
45
  const { t } = useI18n();
43
- const scrollRefs = ref([]);
46
+ const scrollContainer = ref([]);
47
+ const cells = ref([[], [], []]);
44
48
  const disabled = computed(() => {
45
49
  return !curValue.value.length || curValue.value.some((val) => !`${val}`);
46
50
  });
@@ -54,37 +58,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
54
58
  return (_c = disabledSeconds == null ? void 0 : disabledSeconds(...curValue.value)) == null ? void 0 : _c.includes(value);
55
59
  }
56
60
  };
57
- const handleClick = (val, i, target) => {
58
- curValue.value[i] = val;
59
- timeColumn.value.forEach((_, i1) => {
60
- curValue.value[i1] = isUndefined(curValue.value[i1]) ? 0 : curValue.value[i1];
61
+ const handleClick = (val, i, cell) => {
62
+ return new Promise((resolve) => {
63
+ curValue.value[i] = val;
64
+ timeColumn.value.forEach((_, i1) => {
65
+ curValue.value[i1] = isUndefined(curValue.value[i1]) ? 0 : curValue.value[i1];
66
+ });
67
+ const container = scrollContainer.value[i];
68
+ if (container && cell) {
69
+ new Tween({
70
+ from: { scroll: container.scrollTop },
71
+ to: { scroll: cell.offsetTop },
72
+ duration: 300,
73
+ easing: "quadOut",
74
+ onUpdate: (current) => {
75
+ container.scrollTop = current.scroll - scrollOffset.value;
76
+ },
77
+ onFinish: () => {
78
+ resolve("");
79
+ }
80
+ }).start();
81
+ }
82
+ if (disableConfirm.value) {
83
+ handleConfirm();
84
+ }
61
85
  });
62
- const scrollContainer = scrollRefs.value[i].getScrollRef();
63
- new Tween({
64
- from: { scroll: scrollContainer.scrollTop },
65
- to: { scroll: target.offsetTop },
66
- duration: 300,
67
- easing: "quadOut",
68
- onUpdate: (current) => {
69
- scrollContainer.scrollTo({
70
- top: current.scroll,
71
- behavior: "instant"
72
- });
86
+ };
87
+ const hanldeJump = async (newDate, oldDate) => {
88
+ const newTimeMap = {
89
+ hour: newDate.hour(),
90
+ minute: newDate.minute(),
91
+ second: newDate.second()
92
+ };
93
+ const oldTimeMap = {
94
+ hour: oldDate == null ? void 0 : oldDate.hour(),
95
+ minute: oldDate == null ? void 0 : oldDate.minute(),
96
+ second: oldDate == null ? void 0 : oldDate.second()
97
+ };
98
+ console.log(newTimeMap, oldTimeMap);
99
+ for (let i = 0; i < timeColumn.value.length; i++) {
100
+ const time = newTimeMap[timeColumn.value[i]];
101
+ if (oldTimeMap) {
102
+ const oldTime = oldTimeMap[timeColumn.value[i]];
103
+ if (oldTime == time) continue;
73
104
  }
74
- }).start();
75
- if (!disableConfirm.value) {
76
- return;
105
+ await handleClick(time, i, cells.value[i][time]);
77
106
  }
78
- handleConfirm();
79
- };
80
- const hanldeJump = (timeMap) => {
81
- const cells = scrollRefs.value.map((el) => {
82
- return el.getScrollRef().querySelectorAll(".yc-timepicker-cell");
83
- });
84
- timeColumn.value.map((v, i) => {
85
- const time = timeMap[v];
86
- handleClick(time, i, Array.from(cells[i])[time]);
87
- });
88
107
  };
89
108
  const handleConfirm = () => {
90
109
  var _a;
@@ -118,20 +137,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
118
137
  curValue.value = [];
119
138
  }
120
139
  };
121
- __expose({
122
- async scroll(value) {
123
- if (!computedVisible.value || !value) return;
140
+ watch(
141
+ () => computedValue.value,
142
+ async (newVal, oldVal) => {
124
143
  await sleep(0);
125
- const date = dayjs(value, format.value);
126
- const timeMap = {
127
- hour: date.hour(),
128
- minute: date.minute(),
129
- second: date.second()
130
- };
131
- curValue.value = timeColumn.value.map((v) => timeMap[v]);
132
- hanldeJump(timeMap);
144
+ if (!newVal) return curValue.value = [];
145
+ if (!hideTrigger.value) return;
146
+ const oldDate = dayjs(oldVal, format.value);
147
+ const newDate = dayjs(newVal, format.value);
148
+ hanldeJump(newDate, oldDate);
149
+ },
150
+ {
151
+ immediate: true
133
152
  }
134
- });
153
+ );
154
+ watch(
155
+ () => computedVisible.value,
156
+ async (visible) => {
157
+ const value = isArray(computedValue.value) ? computedValue.value[curIndex.value] : computedValue.value;
158
+ if (!value) return curValue.value = [];
159
+ if (!visible) return;
160
+ await sleep(0);
161
+ hanldeJump(dayjs(value, format.value));
162
+ },
163
+ {
164
+ immediate: true
165
+ }
166
+ );
135
167
  return (_ctx, _cache) => {
136
168
  return openBlock(), createElementBlock("div", _hoisted_1, [
137
169
  createElementVNode("div", _hoisted_2, [
@@ -148,12 +180,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
148
180
  height: "100%",
149
181
  overflow: "auto"
150
182
  },
183
+ scrollbar: unref(scrollbar),
151
184
  ref_for: true,
152
- ref: (el) => scrollRefs.value[i] = el
185
+ ref: (el) => scrollContainer.value[i] = el == null ? void 0 : el.getScrollRef()
153
186
  }, {
154
187
  default: withCtx(() => [
155
188
  createElementVNode("ul", null, [
156
- (openBlock(true), createElementBlock(Fragment, null, renderList(column.cells, (cell) => {
189
+ (openBlock(true), createElementBlock(Fragment, null, renderList(column.cells, (cell, k) => {
157
190
  return withDirectives((openBlock(), createElementBlock("li", {
158
191
  key: cell.value,
159
192
  class: normalizeClass([
@@ -166,7 +199,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
166
199
  )
167
200
  }
168
201
  ]),
169
- onClick: ($event) => !disabledTime(cell.value, column.unit) && handleClick(cell.value, i, $event.target)
202
+ ref_for: true,
203
+ ref: (el) => cells.value[i][k] = el,
204
+ onClick: (e) => {
205
+ if (disabledTime(cell.value, column.unit) || cell.value == unref(curValue)[i]) {
206
+ return;
207
+ }
208
+ handleClick(cell.value, i, e.target);
209
+ }
170
210
  }, [
171
211
  createElementVNode("div", _hoisted_4, toDisplayString(cell.label), 1)
172
212
  ], 10, _hoisted_3)), [
@@ -179,7 +219,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
179
219
  ])
180
220
  ]),
181
221
  _: 2
182
- }, 1536)
222
+ }, 1032, ["scrollbar"])
183
223
  ]);
184
224
  }), 128))
185
225
  ]),
@@ -189,14 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
189
229
  !unref(disableConfirm) ? (openBlock(), createElementBlock("div", _hoisted_6, [
190
230
  createVNode(unref(Button), {
191
231
  size: "mini",
192
- onClick: _cache[0] || (_cache[0] = () => {
193
- const date = /* @__PURE__ */ new Date();
194
- hanldeJump({
195
- hour: date.getHours(),
196
- minute: date.getMinutes(),
197
- second: date.getSeconds()
198
- });
199
- })
232
+ onClick: _cache[0] || (_cache[0] = ($event) => hanldeJump(unref(dayjs)()))
200
233
  }, {
201
234
  default: withCtx(() => [
202
235
  createTextVNode(toDisplayString(unref(t)("datePicker.now")), 1)