@hi-ui/time-picker 4.0.0-alpha.14 → 4.0.0-alpha.18

package/lib/cjs/styles/index.scss.js

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 4px; }\n.hi-v4-time-picker--border {\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker--border .hi-v4-time-picker__input-wrapper {\n      border-radius: 4px;\n      border-radius: var(--hi-v4-border-radius-md, 4px);\n      background: #fff;\n      background: var(--hi-v4-color-static-white, #fff);\n      border: 1px solid #dfe2e8;\n      border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-time-picker--border::before {\n      content: '';\n      width: calc(100% + 4px);\n      height: calc(100% + 4px);\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      -webkit-transform: translateX(-50%) translateY(-50%);\n              transform: translateX(-50%) translateY(-50%);\n      background: #237ffa;\n      background: var(--hi-v4-color-brandblue-500, #237ffa);\n      opacity: 0;\n      pointer-events: none;\n      z-index: -1;\n      border-radius: 6px; }\n.hi-v4-time-picker--border.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper {\n    border-color: #ff5959;\n    border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker--border.hi-v4-time-picker--input-not-valid::before {\n    background: #ff5959;\n    background: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {\n    -webkit-box-shadow: 0 0 2px  #237ffa33;\n            box-shadow: 0 0 2px  #237ffa33;\n    border-color: #237ffa;\n    border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--active::before {\n    opacity: 0.2; }\n.hi-v4-time-picker__input-wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n.hi-v4-time-picker__input-wrapper:hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker__pop-function-buttons {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    padding: 6px 8px;\n    border-top: 1px solid #f2f4f7;\n    border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse; }\n.hi-v4-time-picker__pop-now-button {\n    height: 22px;\n    width: 48px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    color: #237ffa;\n    color: var(--hi-v4-color-brandblue-500, #237ffa);\n    cursor: pointer;\n    margin-right: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n.hi-v4-time-picker__function-button {\n    margin-right: 8px;\n    font-size: 14px;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker--disabled {\n    cursor: not-allowed;\n    background: #dfe2e8; }\n.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {\n      pointer-events: none;\n      opacity: 0.3; }\n.hi-v4-time-picker__close-button:hover {\n    color: #5f6a7a; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__selector {\n  cursor: pointer;\n  position: relative;\n  z-index: 0;\n  width: 54px;\n  color: #5f6a7a; }\n.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {\n    opacity: 1; }\n.hi-v4-time-picker__selector__scroll-part {\n    overflow-y: auto;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    /* firefox */\n    -ms-overflow-style: none;\n    /* IE 10+ */ }\n.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {\n      display: none;\n      /* Chrome Safari */ }\n.hi-v4-time-picker__selector--position-left {\n    margin-right: 1px; }\n.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {\n      border-radius: 4px 0 0 4px; }\n.hi-v4-time-picker__selector--position-right {\n    margin-left: 1px; }\n.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {\n      border-radius: 0 4px 4px 0; }\n.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {\n    border-radius: 4px; }\n.hi-v4-time-picker__selector__item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    font-size: 14px;\n    margin: 8px 0; }\n.hi-v4-time-picker__selector__item:first-of-type {\n      margin-top: 4px; }\n.hi-v4-time-picker__selector__item:last-of-type {\n      margin-bottom: 4px; }\n.hi-v4-time-picker__selector__item:hover {\n      background: #f2f4f7;\n      background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {\n      opacity: 0.2;\n      cursor: not-allowed;\n      background: transparent; }\n.hi-v4-time-picker__selector__shortcut {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    height: 12px;\n    opacity: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__panel {\n  padding: 4px 8px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-time-picker__panel__selector-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    z-index: 0;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-time-picker__panel__selector-content {\n    position: relative; }\n.hi-v4-time-picker__panel__indicator {\n    position: absolute;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n    pointer-events: none;\n    background: #e2f3fe;\n    background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n    z-index: -1;\n    width: 54px; }\n.hi-v4-time-picker__panel__indicator--left {\n      border-top-left-radius: 4px;\n      border-bottom-left-radius: 4px;\n      left: 0; }\n.hi-v4-time-picker__panel__indicator--right {\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n      right: 0; }\n.hi-v4-time-picker__panel__indicator--middle {\n      left: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__input {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-time-picker__input--disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-time-picker__input--not-valid {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {\n    text-align: center; }\n.hi-v4-time-picker__input__interact-area {\n    color: inherit;\n    border: none;\n    outline: none;\n    height: 30px;\n    width: 208px;\n    line-height: 30px;\n    padding: 0 12px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    background: transparent; }\n.hi-v4-time-picker__input__interact-area:disabled {\n      background: transparent; }\n.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-moz-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__pop-content {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  position: relative;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  min-width: 100%;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__pop-content__separator {\n    width: 40px;\n    border-left: 1px solid #f2f4f7;\n    border-left: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    border-right: 1px solid #f2f4f7;\n    border-right: 1px solid var(--hi-v4-color-gray-100, #f2f4f7); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 4px;\n  -webkit-box-shadow: 0 0 0 2px transparent;\n          box-shadow: 0 0 0 2px transparent; }\n.hi-v4-time-picker__input-wrapper {\n    border: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-time-picker--appearance-line {\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {\n      background: #fff;\n      background: var(--hi-v4-color-static-white, #fff);\n      border-color: #dfe2e8;\n      border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--appearance-filled {\n    background: #f2f4f7;\n    background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker--appearance-filled:hover {\n      background: #ebedf0;\n      background: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-time-picker--appearance-unset:hover {\n    background: #f2f4f7;\n    background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker--active {\n    -webkit-box-shadow: 0 0 0 2px #bde2ff;\n            box-shadow: 0 0 0 2px #bde2ff;\n    -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n            box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n    background: transparent; }\n.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--active:hover {\n      background: transparent; }\n.hi-v4-time-picker--input-not-valid {\n    -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n            box-shadow: 0 0 0 2px #ffd1c9;\n    -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n            box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input-wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n.hi-v4-time-picker__pop-function-buttons {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    padding: 6px 8px;\n    border-top: 1px solid #f2f4f7;\n    border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse; }\n.hi-v4-time-picker__pop-now-button {\n    height: 22px;\n    width: 48px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    color: #237ffa;\n    color: var(--hi-v4-color-brandblue-500, #237ffa);\n    cursor: pointer;\n    margin-right: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n.hi-v4-time-picker__function-button {\n    margin-right: 8px;\n    font-size: 14px;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker--disabled {\n    cursor: not-allowed;\n    background: #dfe2e8; }\n.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {\n      pointer-events: none;\n      opacity: 0.3; }\n.hi-v4-time-picker__close-button:hover {\n    color: #5f6a7a; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__selector {\n  cursor: pointer;\n  position: relative;\n  z-index: 0;\n  width: 54px;\n  color: #5f6a7a;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {\n    opacity: 1; }\n.hi-v4-time-picker__selector--position-left {\n    margin-right: 1px; }\n.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {\n      border-radius: 4px 0 0 4px; }\n.hi-v4-time-picker__selector--position-right {\n    margin-left: 1px; }\n.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {\n      border-radius: 0 4px 4px 0; }\n.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {\n    border-radius: 4px; }\n.hi-v4-time-picker__selector__item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    font-size: 14px; }\n.hi-v4-time-picker__selector__item:hover {\n      background: #f2f4f7;\n      background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {\n      opacity: 0.2;\n      cursor: not-allowed;\n      background: transparent; }\n.hi-v4-time-picker__selector__demarcate {\n    margin: 8px 0;\n    height: 24px; }\n.hi-v4-time-picker__selector__demarcate:first-of-type {\n      margin-top: 0; }\n.hi-v4-time-picker__selector__demarcate:last-of-type {\n      margin-bottom: 0; }\n.hi-v4-time-picker__selector__scroll-part {\n    overflow-y: auto;\n    -webkit-box-sizing: content-box;\n            box-sizing: content-box;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    /* firefox */\n    -ms-overflow-style: none;\n    /* IE 10+ */\n    padding: 100px 0;\n    width: 100%;\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {\n      display: none;\n      /* Chrome Safari */ }\n.hi-v4-time-picker__selector__shortcut {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    height: 12px;\n    opacity: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__panel {\n  padding: 4px 8px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  height: 100%; }\n.hi-v4-time-picker__panel__selector-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    z-index: 0;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-time-picker__panel__selector-content {\n    position: relative; }\n.hi-v4-time-picker__panel__indicator {\n    position: absolute;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n    pointer-events: none;\n    background: #e2f3fe;\n    background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n    z-index: -1;\n    width: 54px;\n    height: 24px; }\n.hi-v4-time-picker__panel__indicator--left {\n      border-top-left-radius: 4px;\n      border-bottom-left-radius: 4px;\n      left: 0; }\n.hi-v4-time-picker__panel__indicator--right {\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n      right: 0; }\n.hi-v4-time-picker__panel__indicator--middle {\n      left: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__input {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-time-picker__input--disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-time-picker__input--not-valid {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {\n    text-align: center; }\n.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content; }\n.hi-v4-time-picker__input--size-sm {\n    line-height: 24px;\n    line-height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem); }\n.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {\n      height: 24px;\n      height: var(--hi-v4-height-xs, 24px); }\n.hi-v4-time-picker__input--size-md {\n    line-height: 32px;\n    line-height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {\n      height: 32px;\n      height: var(--hi-v4-height-normal, 32px); }\n.hi-v4-time-picker__input--size-lg {\n    line-height: 40px;\n    line-height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {\n      height: 40px;\n      height: var(--hi-v4-height-xl, 40px); }\n.hi-v4-time-picker__input__wrapper {\n    width: 208px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    position: relative;\n    z-index: 0;\n    height: 30px;\n    line-height: 30px;\n    padding: 0 12px; }\n.hi-v4-time-picker__input__shadow-text {\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    font-family: inherit;\n    color: transparent; }\n.hi-v4-time-picker__input__interact-area {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    padding: 0 12px;\n    color: inherit;\n    border: none;\n    outline: none;\n    height: 100%;\n    font-size: inherit;\n    background: transparent;\n    font-weight: inherit;\n    font-family: inherit;\n    position: absolute;\n    left: 0;\n    top: 0; }\n.hi-v4-time-picker__input__interact-area:disabled {\n      background: transparent; }\n.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-moz-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__pop-content {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  position: relative;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  min-width: 100%;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__pop-content__separator {\n    width: 40px;\n    border-left: 1px solid #f2f4f7;\n    border-left: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    border-right: 1px solid #f2f4f7;\n    border-right: 1px solid var(--hi-v4-color-gray-100, #f2f4f7); }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/esm/Input.js

@@ -28,7 +28,9 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       _onChange = props.onChange,
       _onFocus = props.onFocus,
       disabled = props.disabled,
-      onValidChange = props.onValidChange;
+      onValidChange = props.onValidChange,
+      isFitContent = props.isFitContent,
+      size = props.size;
   var componentClass = useMemo(function () {
     return prefix + "__input";
   }, [prefix]);
@@ -129,9 +131,10 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       },
       value: matchValue,
       placeholder: placeholders[index]
-    }));
-  }, [placeholders, format, _onFocus, _onChange, cacheValue, getPanelType, // onBlur,
-  validChecker, componentClass, disabled]); // 通知外部，输入框内容合法性变更
+    }), /*#__PURE__*/React.createElement("div", {
+      className: componentClass + "__shadow-text"
+    }, matchValue || placeholders[index]));
+  }, [componentClass, disabled, placeholders, isFitContent, format, cacheValue, validChecker, getPanelType, _onChange, _onFocus]); // 通知外部，输入框内容合法性变更
 
   useEffect(function () {
     onValidChange(judgeIsValid(cacheValue));
@@ -144,7 +147,7 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(componentClass, (_cx = {}, _cx[componentClass + "--not-valid"] = !judgeIsValid(cacheValue), _cx[componentClass + "--range"] = type === 'range', _cx[componentClass + "--disabled"] = disabled, _cx))
+    className: cx(componentClass, componentClass + "--size-" + size, (_cx = {}, _cx[componentClass + "--not-valid"] = !judgeIsValid(cacheValue), _cx[componentClass + "--range"] = type === 'range', _cx[componentClass + "--disabled"] = disabled, _cx[componentClass + "--fit-content"] = isFitContent, _cx))
   }, renderInput(cacheValue[0], 0), type === 'range' && /*#__PURE__*/React.createElement("div", {
     className: componentClass + "__range-separator"
   }, "\u81F3"), type === 'range' && renderInput(cacheValue[1], 1));

package/lib/esm/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["Input","forwardRef","props","ref","prefix","value","format","hourStep","minuteStep","secondStep","disabledHours","disabledMinutes","disabledSeconds","type","placeholders","onChange","onFocus","disabled","onValidChange","componentClass","useMemo","useState","cacheValue","setCacheValue","getPanelType","useCallback","index","validChecker","checkValue","panelType","valueChecker","filter","step","useEffect","pre","result","slice","join","judgeIsValid","disposeValue","valueValid","every","item","renderInput","matchValue","dispose","needValid","newValue","disposeInputValue","undefined","React","className","e","target","placeholder","useImperativeHandle","refresh","cx","displayName"],"mappings":";;;;;;;;;;;;;IA2CaA,KAAK,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAoBC,GAApB;;;MAE5BC,MADF,GAgBIF,KAhBJ,CACEE;MACAC,KAFF,GAgBIH,KAhBJ,CAEEG;MACAC,MAHF,GAgBIJ,KAhBJ,CAGEI;MACAC,QAJF,GAgBIL,KAhBJ,CAIEK;MACAC,UALF,GAgBIN,KAhBJ,CAKEM;MACAC,UANF,GAgBIP,KAhBJ,CAMEO;MACAC,aAPF,GAgBIR,KAhBJ,CAOEQ;MACAC,eARF,GAgBIT,KAhBJ,CAQES;MACAC,eATF,GAgBIV,KAhBJ,CASEU;MACAC,IAVF,GAgBIX,KAhBJ,CAUEW;MACAC,YAXF,GAgBIZ,KAhBJ,CAWEY;MACAC,SAZF,GAgBIb,KAhBJ,CAYEa;MACAC,QAbF,GAgBId,KAhBJ,CAaEc;MACAC,QAdF,GAgBIf,KAhBJ,CAcEe;MACAC,aAfF,GAgBIhB,KAhBJ,CAeEgB;MAEIC,cAAc,GAAGC,OAAO,CAAC;WAAShB,MAAT;AAAD,GAAA,EAA2B,CAACA,MAAD,CAA3B;;kBAEMiB,QAAQ,CAAWhB,KAAX;MAArCiB,UAAP;MAAmBC,aAAnB;;MAEMC,YAAY,GAAGC,WAAW,CAC9B,UAACC,KAAD;QACMb,IAAI,KAAK,UAAU;aACd;AADT,WAEO;aACEa,KAAK,KAAK,CAAVA,GAAc,aAAdA,GAA8B;;AALX,GAAA,EAQ9B,CAACb,IAAD,CAR8B;;MAW1Bc,YAAY,GAAGF,WAAW,CAC9B,UAACG,UAAD,EAAqBC,SAArB;WACSC,YAAY,CAAC;AAClBzB,MAAAA,KAAK,EAAEuB,UADW;AAElBtB,MAAAA,MAAM,EAANA,MAFkB;AAGlByB,MAAAA,MAAM,EAAE;AACNnB,QAAAA,eAAe,EAAfA,eADM;AAEND,QAAAA,eAAe,EAAfA,eAFM;AAGND,QAAAA,aAAa,EAAbA;AAHM,OAHU;AAQlBsB,MAAAA,IAAI,EAAE;AACJzB,QAAAA,QAAQ,EAARA,QADI;AAEJC,QAAAA,UAAU,EAAVA,UAFI;AAGJC,QAAAA,UAAU,EAAVA;AAHI,OARY;AAalBoB,MAAAA,SAAS,EAATA;AAbkB,KAAD;AAFS,GAAA,EAkB9B,CAACtB,QAAD,EAAWC,UAAX,EAAuBC,UAAvB,EAAmCC,aAAnC,EAAkDC,eAAlD,EAAmEC,eAAnE,EAAoFN,MAApF,CAlB8B;;AAsBhC2B,EAAAA,SAAS,CAAC;AACRV,IAAAA,aAAa,CAAC,UAACW,GAAD;UACNC,MAAM,GAAG9B,KAAK,CAAC+B,KAAN/B,CAAY,CAAZA,EAAeQ,IAAI,KAAK,QAATA,GAAoB,CAApBA,GAAwB,CAAvCR;;UACX8B,MAAM,CAACE,IAAPF,CAAY,EAAZA,MAAoBD,GAAG,CAACG,IAAJH,CAAS,EAATA,GAAc;eAC7BC;;;aAEFD;AALI,KAAA,CAAbX;AADO,GAAA,EAQN,CAAClB,KAAD,EAAQQ,IAAR,CARM,CAAToB;MAUMK,YAAY,GAAGb,WAAW,CAC9B,UAACc,YAAD;QACQC,UAAU,GAAGD,YAAY,CAACE,KAAbF,CAAmB,UAACG,IAAD,EAAOhB,KAAP;aACpCC,YAAY,CAACe,IAAD,EAAOlB,YAAY,CAACE,KAAD,CAAnB;AADK,KAAAa;;QAIf1B,IAAI,KAAK,OAATA,IAAoB2B,YAAY;;;UAG9BD,YAAY,CAACE,KAAbF,CAAmB,UAACG,IAAD;eAAUA,IAAI,KAAK;AAAtC,OAAAH,GAA2C;eACtC;AAJyB,OAAA;;;aAO3BA,YAAY,CAAC,CAAD,CAAZA,GAAkBA,YAAY,CAAC,CAAD;AAPvC,WAQO;aACEC;;AAfmB,GAAA,EAkB9B,CAACb,YAAD,EAAeH,YAAf,EAA6BX,IAA7B,CAlB8B;MAqB1B8B,WAAW,GAAGlB,WAAW,CAC7B,UAACmB,UAAD,EAAqBlB,KAArB;QACQmB,OAAO,GAAG,SAAVA,OAAU,CAACN,YAAD,EAAuBO,SAAvB;UAAuBA;AAAAA,QAAAA,YAAY,IAAZA;;;UAC/BC,QAAQ,GAAGC,iBAAiB,CAAC1C,MAAD,EAASiC,YAAT;UAC5BJ,MAAM,aAAOb;AAEnBa,MAAAA,MAAM,CAACT,KAAD,CAANS,GAAgBY,QAAhBZ;AACAZ,MAAAA,aAAa,CAACY,MAAD,CAAbZ;;UAEI,CAACuB,SAAD,IAAcnB,YAAY,CAACoB,QAAD,EAAWvB,YAAY,CAACE,KAAD,CAAvB,GAAiC;yBAClDS;;;aAGNc;AAXT;;wBAeEC,mBAAAA,MAAAA;AAAKC,MAAAA,SAAS,EAAKhC,cAAL;KAAd+B,eACEA,mBAAAA,QAAAA;AACEC,MAAAA,SAAS,EAAKhC,cAAL;AACTJ,MAAAA,QAAQ,EAAE,iBAAA,CAACqC,CAAD;YACFjB,MAAM,GAAGU,OAAO,CAACO,CAAC,CAACC,MAAFD,CAAS/C,KAAV;;YAClB8B,QAAQ;AACVpB,UAAAA,SAAQ,CAACoB,MAAD,CAARpB;;;AAGJE,MAAAA,QAAQ,EAAEA;AACVD,MAAAA,OAAO,EAAE,gBAAA;AACPA,QAAAA,QAAO;;AAETX,MAAAA,KAAK,EAAEuC;AACPU,MAAAA,WAAW,EAAExC,YAAY,CAACY,KAAD;KAb3BwB,CADFA;AAjByB,GAAA,EAoC7B,CACEpC,YADF,EAEER,MAFF,EAGEU,QAHF,EAIED,SAJF,EAKEO,UALF,EAMEE,YANF;AAQEG,EAAAA,YARF,EASER,cATF,EAUEF,QAVF,CApC6B;;AAmD/BgB,EAAAA,SAAS,CAAC;AACRf,IAAAA,aAAa,CAACoB,YAAY,CAAChB,UAAD,CAAb,CAAbJ;AADO,GAAA,EAEN,CAACoB,YAAD,EAAehB,UAAf,EAA2BJ,aAA3B,CAFM,CAATe;AAIAsB,EAAAA,mBAAmB,CACjBpD,GADiB,EAEjB;WAAO;AACLqD,MAAAA,OAAO,EAAE,gBAAA;eAAMjC,aAAa,WAAKlB,MAAL;;AADvB;AAFU,GAAA,EAKjB,CAACA,KAAD,CALiB,CAAnBkD;sBAQEL,mBAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEM,EAAE,CAACtC,cAAD,iBACPA,cADO,oBACuB,CAACmB,YAAY,CAAChB,UAAD,OAC3CH,cAFO,gBAEmBN,IAAI,KAAK,aACnCM,cAHO,mBAGsBF,aAHtB;GADfiC,EAOGP,WAAW,CAACrB,UAAU,CAAC,CAAD,CAAX,EAAgB,CAAhB,CAPd4B,EAQGrC,IAAI,KAAK,OAATA,iBAAoBqC,mBAAAA,MAAAA;AAAKC,IAAAA,SAAS,EAAKhC,cAAL;GAAd+B,UAAAA,CARvBA,EASGrC,IAAI,KAAK,OAATA,IAAoB8B,WAAW,CAACrB,UAAU,CAAC,CAAD,CAAX,EAAgB,CAAhB,CATlC4B;AArJ2B,CAAA;AAmK/BlD,KAAK,CAAC0D,WAAN1D,GAAoB,OAApBA;"}
+{"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["Input","forwardRef","props","ref","prefix","value","format","hourStep","minuteStep","secondStep","disabledHours","disabledMinutes","disabledSeconds","type","placeholders","onChange","onFocus","disabled","onValidChange","isFitContent","size","componentClass","useMemo","useState","cacheValue","setCacheValue","getPanelType","useCallback","index","validChecker","checkValue","panelType","valueChecker","filter","step","useEffect","pre","result","slice","join","judgeIsValid","disposeValue","valueValid","every","item","renderInput","matchValue","dispose","needValid","newValue","disposeInputValue","undefined","React","className","e","target","placeholder","useImperativeHandle","refresh","cx","displayName"],"mappings":"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"}

package/lib/esm/Panel.js

@@ -24,9 +24,7 @@ var Panel = function Panel(props) {
       format = props.format,
       value = props.value,
       panel = props.panel,
-      _onChange = props.onChange,
-      itemHeight = props.itemHeight,
-      fullDisplayItemNumber = props.fullDisplayItemNumber;
+      _onChange = props.onChange;
   var componentPrefix = useMemo(function () {
     return prefix + "__panel";
   }, [prefix]);
@@ -90,8 +88,8 @@ var Panel = function Panel(props) {
         value: String(separateValue[index]),
         prefix: prefix,
         position: position,
-        itemHeight: itemHeight,
-        fullDisplayItemNumber: fullDisplayItemNumber,
+        // itemHeight={itemHeight}
+        // fullDisplayItemNumber={fullDisplayItemNumber}
         onChange: function onChange(e) {
           var result = [].concat(separateValue).slice(0, selectorTypes.length); // 如果 value = ''，则代表为空值
           // 此时选择任意项，其他项直接视作 0
@@ -108,13 +106,12 @@ var Panel = function Panel(props) {
         },
         data: getSelectorData(type)
       }), /*#__PURE__*/React.createElement("div", {
-        className: cx(componentPrefix + "__indicator", (_cx = {}, _cx[componentPrefix + "__indicator--left"] = index === 0, _cx[componentPrefix + "__indicator--right"] = index === selectorTypes.length - 1, _cx)),
-        style: {
-          height: itemHeight + "px"
-        }
+        className: cx(componentPrefix + "__indicator", (_cx = {}, _cx[componentPrefix + "__indicator--left"] = index === 0, _cx[componentPrefix + "__indicator--right"] = index === selectorTypes.length - 1, _cx))
       }));
     }));
-  }, [selectorTypes, componentPrefix, prefix, getSelectorData, _onChange, separateValue, itemHeight, fullDisplayItemNumber, value]);
+  }, [selectorTypes, componentPrefix, prefix, getSelectorData, _onChange, separateValue, // itemHeight,
+  // fullDisplayItemNumber,
+  value]);
   return /*#__PURE__*/React.createElement("div", {
     className: componentPrefix
   }, renderSelectors());

package/lib/esm/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../src/Panel.tsx"],"sourcesContent":[null],"names":["Panel","props","hourStep","secondStep","minuteStep","disabledHours","disabledMinutes","disabledSeconds","prefix","format","value","panel","onChange","itemHeight","fullDisplayItemNumber","componentPrefix","useMemo","selectorTypes","analysisFormat","separateValue","split","filter","item","map","Number","getSelectorData","useCallback","type","generateSelectorData","panelType","step","renderSelectors","React","className","index","position","length","SelectorPosition","single","middle","left","right","key","Selector","String","e","result","slice","id","padStart","join","data","cx","style","height"],"mappings":"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"}
+{"version":3,"file":"Panel.js","sources":["../../src/Panel.tsx"],"sourcesContent":[null],"names":["Panel","props","hourStep","secondStep","minuteStep","disabledHours","disabledMinutes","disabledSeconds","prefix","format","value","panel","onChange","componentPrefix","useMemo","selectorTypes","analysisFormat","separateValue","split","filter","item","map","Number","getSelectorData","useCallback","type","generateSelectorData","panelType","step","renderSelectors","React","className","index","position","length","SelectorPosition","single","middle","left","right","key","Selector","String","e","result","slice","id","padStart","join","data","cx"],"mappings":";;;;;;;;;;;;;;;IA0BaA,KAAK,GAAmB,SAAxBA,KAAwB,CAACC,KAAD;MAEjCC,QADF,GAcID,KAdJ,CACEC;MACAC,UAFF,GAcIF,KAdJ,CAEEE;MACAC,UAHF,GAcIH,KAdJ,CAGEG;MACAC,aAJF,GAcIJ,KAdJ,CAIEI;MACAC,eALF,GAcIL,KAdJ,CAKEK;MACAC,eANF,GAcIN,KAdJ,CAMEM;MACAC,MAPF,GAcIP,KAdJ,CAOEO;MACAC,MARF,GAcIR,KAdJ,CAQEQ;MACAC,KATF,GAcIT,KAdJ,CASES;MACAC,KAVF,GAcIV,KAdJ,CAUEU;MACAC,SAXF,GAcIX,KAdJ,CAWEW;MAKIC,eAAe,GAAGC,OAAO,CAAC;WAASN,MAAT;AAAD,GAAA,EAA2B,CAACA,MAAD,CAA3B;MAEzBO,aAAa,GAAGD,OAAO,CAAC;WAAME,cAAc,CAACP,MAAD;AAArB,GAAA,EAA+B,CAACA,MAAD,CAA/B;MACvBQ,aAAa,GAAGH,OAAO,CAC3B;WACEJ,KAAK,CACFQ,KADHR,CACS,GADTA,EAEGS,MAFHT,CAEU,UAACU,IAAD;aAAUA;AAFpB,KAAAV,EAGGW,GAHHX,CAGO,UAACU,IAAD;aAAUE,MAAM,CAACF,IAAD;AAHvB,KAAAV;AAFyB,GAAA,EAM3B,CAACA,KAAD,CAN2B;MASvBa,eAAe,GAAGC,WAAW,CACjC,UAACC,IAAD;WACEC,oBAAoB,CAAC;AACnBC,MAAAA,SAAS,EAAEhB,KADQ;AAEnBc,MAAAA,IAAI,EAAJA,IAFmB;AAGnBN,MAAAA,MAAM,EAAE;AACNd,QAAAA,aAAa,EAAbA,aADM;AAENC,QAAAA,eAAe,EAAfA,eAFM;AAGNC,QAAAA,eAAe,EAAfA;AAHM,OAHW;AAQnBqB,MAAAA,IAAI,EAAE;AACJzB,QAAAA,UAAU,EAAVA,UADI;AAEJD,QAAAA,QAAQ,EAARA,QAFI;AAGJE,QAAAA,UAAU,EAAVA;AAHI,OARa;AAanBW,MAAAA,aAAa,EAAbA,aAbmB;AAcnBE,MAAAA,aAAa,EAAbA;AAdmB,KAAD;AAFW,GAAA,EAkBjC,CACEZ,aADF,EAEEC,eAFF,EAGEC,eAHF,EAIEJ,UAJF,EAKED,QALF,EAMEE,UANF,EAOEO,KAPF,EAQEI,aARF,EASEE,aATF,CAlBiC;;;;;;;;;;;;MA2C7BY,eAAe,GAAGL,WAAW,CAAC;wBAEhCM,mBAAAA,MAAAA;AAAKC,MAAAA,SAAS,EAAKlB,eAAL;KAAdiB,EACGf,aAAa,CAACM,GAAdN,CAAkB,UAACU,IAAD,EAAOO,KAAP;;;UACbC,QAAQ,GACVlB,aAAa,CAACmB,MAAdnB,KAAyB,CAAzBA,GAA6BoB,gBAAgB,CAACC,MAA9CrB,GAAuDoB,gBAAgB,CAACE;;UACtEtB,aAAa,CAACmB,MAAdnB,GAAuB,CAAvBA,IAA4BiB,KAAK,KAAK,GAAG;AAC3CC,QAAAA,QAAQ,GAAGE,gBAAgB,CAACG,IAA5BL;AADF,aAEO,IAAIlB,aAAa,CAACmB,MAAdnB,GAAuB,CAAvBA,IAA4BiB,KAAK,KAAKjB,aAAa,CAACmB,MAAdnB,GAAuB,CAAjE,EAAoE;AACzEkB,QAAAA,QAAQ,GAAGE,gBAAgB,CAACI,KAA5BN;;;0BAIAH,mBAAAA,MAAAA;AAAKC,QAAAA,SAAS,EAAKlB,eAAL;AAA0C2B,QAAAA,GAAG,EAAEf;OAA7DK,eACEA,mBAAAA,CAACW,QAADX;AACEpB,QAAAA,KAAK,EAAEgC,MAAM,CAACzB,aAAa,CAACe,KAAD,CAAd;AACbxB,QAAAA,MAAM,EAAEA;AACRyB,QAAAA,QAAQ,EAAEA;;;AAGVrB,QAAAA,QAAQ,EAAE,iBAAA,CAAC+B,CAAD;cACJC,MAAM,GAAG,SAAA,CAAI3B,aAAJ,EAAmB4B,KAAnB,CAAyB,CAAzB,EAA4B9B,aAAa,CAACmB,MAA1C;;;cAGTxB,KAAK,KAAK,IAAI;AAChBkC,YAAAA,MAAM,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAUC,KAAV,CAAgB,CAAhB,EAAmB9B,aAAa,CAACmB,MAAjC,CAATU;;;AAGFA,UAAAA,MAAM,CAACZ,KAAD,CAANY,GAAgBtB,MAAM,CAACqB,CAAC,CAACG,EAAH,CAAtBF;;AACAhC,UAAAA,SAAQ,CAACgC,MAAM,CAACvB,GAAPuB,CAAW,UAACxB,IAAD;mBAAUsB,MAAM,CAACtB,IAAD,CAANsB,CAAaK,QAAbL,CAAsB,CAAtBA,EAAyB,GAAzBA;AAArB,WAAAE,EAAoDI,IAApDJ,CAAyD,GAAzDA,CAAD,CAARhC;;AAEFqC,QAAAA,IAAI,EAAE1B,eAAe,CAACE,IAAD;OAjBvBK,CADFA,eAoBEA,mBAAAA,MAAAA;AACEC,QAAAA,SAAS,EAAEmB,EAAE,CAAIrC,eAAJ,gBAAA,iBACPA,eADO,0BAC8BmB,KAAK,KAAK,OAC/CnB,eAFO,2BAE+BmB,KAAK,KAAKjB,aAAa,CAACmB,MAAdnB,GAAuB,MAFhE;OADfe,CApBFA;AAVH,KAAAf,CADHe;AAF+B,GAAA,EA6ChC,CACDf,aADC,EAEDF,eAFC,EAGDL,MAHC,EAIDe,eAJC,EAKDX,SALC,EAMDK,aANC;;AASDP,EAAAA,KATC,CA7CgC;sBA0DjCoB,mBAAAA,MAAAA;AAAKC,IAAAA,SAAS,EAAElB;GAAhBiB,EAEGD,eAAe,EAFlBC;;;"}

package/lib/esm/PopContent.js

@@ -27,8 +27,6 @@ var PopContent = function PopContent(props) {
       _onChange = props.onChange,
       format = props.format,
       type = props.type,
-      itemHeight = props.itemHeight,
-      fullDisplayItemNumber = props.fullDisplayItemNumber,
       hourStep = props.hourStep,
       minuteStep = props.minuteStep,
       secondStep = props.secondStep,
@@ -155,9 +153,11 @@ var PopContent = function PopContent(props) {
   var renderPanel = useCallback(function (index) {
     return /*#__PURE__*/React.createElement("div", {
       className: componentClass + "__panel-container"
-    }, /*#__PURE__*/React.createElement(Panel, {
-      itemHeight: itemHeight,
-      fullDisplayItemNumber: fullDisplayItemNumber,
+    }, /*#__PURE__*/React.createElement(Panel // itemHeight={itemHeight}
+    // fullDisplayItemNumber={fullDisplayItemNumber}
+    , {
+      // itemHeight={itemHeight}
+      // fullDisplayItemNumber={fullDisplayItemNumber}
       hourStep: hourStep,
       secondStep: secondStep,
       minuteStep: minuteStep,
@@ -175,7 +175,9 @@ var PopContent = function PopContent(props) {
         _onChange(result);
       }
     }));
-  }, [hourStep, minuteStep, secondStep, customDisabledHours, customDisabledMinute, customDisabledSeconds, format, prefix, type, value, _onChange, fullDisplayItemNumber, itemHeight, componentClass]);
+  }, [hourStep, minuteStep, secondStep, customDisabledHours, customDisabledMinute, customDisabledSeconds, format, prefix, type, value, _onChange, // fullDisplayItemNumber,
+  // itemHeight,
+  componentClass]);
   return /*#__PURE__*/React.createElement("div", {
     className: componentClass,
     style: style

package/lib/esm/PopContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopContent.js","sources":["../../src/PopContent.tsx"],"sourcesContent":[null],"names":["DefaultDisabledFunc","PopContent","props","prefix","_prefix","dangerousValue","value","onChange","format","type","itemHeight","fullDisplayItemNumber","hourStep","minuteStep","secondStep","disabledHours","originalDisabledHours","disabledSeconds","originalDisabledSeconds","disabledMinutes","originalDisabledMinutes","style","useFilter","useMemo","map","item","getFormatDefault","selectorTypes","analysisFormat","separateValue","disposeItem","split","filter","Number","getMatchTypeValue","useCallback","index","matchValue","typeIndex","indexOf","result","undefined","judgeTypeIsLastOne","length","customDisabledHours","panel","startHour","TimePickerSelectorType","hour","isLastOne","getRange","customDisabledMinute","startMinute","minute","customDisabledSeconds","startSecond","second","allDisabled","isHourEqual","isMinuteEqual","componentClass","renderPanel","React","className","Panel","e"],"mappings":"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"}
+{"version":3,"file":"PopContent.js","sources":["../../src/PopContent.tsx"],"sourcesContent":[null],"names":["DefaultDisabledFunc","PopContent","props","prefix","_prefix","dangerousValue","value","onChange","format","type","hourStep","minuteStep","secondStep","disabledHours","originalDisabledHours","disabledSeconds","originalDisabledSeconds","disabledMinutes","originalDisabledMinutes","style","useFilter","useMemo","map","item","getFormatDefault","selectorTypes","analysisFormat","separateValue","disposeItem","split","filter","Number","getMatchTypeValue","useCallback","index","matchValue","typeIndex","indexOf","result","undefined","judgeTypeIsLastOne","length","customDisabledHours","panel","startHour","TimePickerSelectorType","hour","isLastOne","getRange","customDisabledMinute","startMinute","minute","customDisabledSeconds","startSecond","second","allDisabled","isHourEqual","isMinuteEqual","componentClass","renderPanel","React","className","Panel","e"],"mappings":"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"}

package/lib/esm/Selector.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { useRef, useMemo, useCallback, useEffect } from 'react';
+import React, { useRef, useCallback, useEffect } from 'react';
 import { cx } from '@hi-ui/classname';
 var SelectorPosition;
 
@@ -18,32 +18,31 @@ var SelectorPosition;
   SelectorPosition["single"] = "single";
 })(SelectorPosition || (SelectorPosition = {}));
 
-var ITEM_MARGIN_SIZE = 8;
-
 var Selector = function Selector(props) {
   var prefix = props.prefix,
       value = props.value,
       data = props.data,
       onChange = props.onChange,
-      itemHeight = props.itemHeight,
-      fullDisplayItemNumber = props.fullDisplayItemNumber,
       position = props.position;
   var componentPrefix = prefix + "__selector";
   var stopScrollTimeoutHandler = useRef(-1); // 滚动容器引用
 
   var scrollContainerRef = useRef(null);
-  var lastValueMatchIndexCache = useRef(-1);
-  var safePadding = useMemo(function () {
-    return (fullDisplayItemNumber - 1) * (itemHeight + ITEM_MARGIN_SIZE) / 2;
-  }, [fullDisplayItemNumber, itemHeight]);
+  var topItemGagerRef = useRef(null);
+  var bottomItemGagerRef = useRef(null);
+  var lastValueMatchIndexCache = useRef(-1); // const safePadding = useMemo(
+  //   () => ((fullDisplayItemNumber - 1) * (itemHeight + ITEM_MARGIN_SIZE)) / 2,
+  //   [fullDisplayItemNumber, itemHeight]
+  // )
+
   var calcCurrentIndex = useCallback(function (scrollTop) {
-    return Math.floor((scrollTop - safePadding + fullDisplayItemNumber * (itemHeight + ITEM_MARGIN_SIZE) / 2) / (itemHeight + ITEM_MARGIN_SIZE));
-  }, [safePadding, itemHeight, fullDisplayItemNumber]);
+    return Math.floor(scrollTop / (topItemGagerRef.current.clientHeight + (bottomItemGagerRef.current.offsetTop - topItemGagerRef.current.offsetTop - topItemGagerRef.current.clientHeight)));
+  }, []);
   var scrollToMatchIndex = useCallback(function (index) {
     if (scrollContainerRef.current) {
-      scrollContainerRef.current.scrollTop = index * (itemHeight + ITEM_MARGIN_SIZE);
+      scrollContainerRef.current.scrollTop = index * (topItemGagerRef.current.clientHeight + (bottomItemGagerRef.current.offsetTop - topItemGagerRef.current.offsetTop - topItemGagerRef.current.clientHeight));
     }
-  }, [itemHeight]);
+  }, []);
   var onScroll = useCallback(function (e) {
     e.persist();
     e.stopPropagation(); // 清除用做判断是否滚动停止的定时器
@@ -88,25 +87,35 @@ var Selector = function Selector(props) {
   }, /*#__PURE__*/React.createElement("div", {
     onScroll: onScroll,
     ref: scrollContainerRef,
-    className: componentPrefix + "__scroll-part",
-    style: {
-      height: fullDisplayItemNumber * (itemHeight + ITEM_MARGIN_SIZE) + "px",
-      padding: safePadding + "px 0"
-    }
+    // 此处使用了取巧的办法
+    // 将 item 与 scroll-part 部分共享一个 demarcate 划分界限
+    className: cx(componentPrefix + "__scroll-part", componentPrefix + "__demarcate")
   }, data.map(function (item, index) {
     var _cx;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cx(componentPrefix + "__item", (_cx = {}, _cx[componentPrefix + "__item--disabled"] = item.disabled, _cx[componentPrefix + "__item--active"] = item.id === value, _cx)),
+      className: cx(componentPrefix + "__item", componentPrefix + "__demarcate", (_cx = {}, _cx[componentPrefix + "__item--disabled"] = item.disabled, _cx[componentPrefix + "__item--active"] = item.id === value, _cx)),
       key: item.id,
       onClick: function onClick() {
         return onItemClick(item, index);
-      },
-      style: {
-        height: itemHeight + "px"
       }
     }, item.title);
-  })));
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      pointerEvents: 'none',
+      opacity: '0',
+      position: 'absolute',
+      zIndex: -1,
+      left: '0',
+      top: '0'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: componentPrefix + "__demarcate",
+    ref: topItemGagerRef
+  }), /*#__PURE__*/React.createElement("div", {
+    className: componentPrefix + "__demarcate",
+    ref: bottomItemGagerRef
+  }))));
 };
 
 export { Selector, SelectorPosition };

package/lib/esm/Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.js","sources":["../../src/Selector.tsx"],"sourcesContent":[null],"names":["SelectorPosition","ITEM_MARGIN_SIZE","Selector","props","prefix","value","data","onChange","itemHeight","fullDisplayItemNumber","position","componentPrefix","stopScrollTimeoutHandler","useRef","scrollContainerRef","lastValueMatchIndexCache","safePadding","useMemo","calcCurrentIndex","useCallback","scrollTop","Math","floor","scrollToMatchIndex","index","current","onScroll","e","persist","stopPropagation","clearTimeout","currentIndex","target","length","setTimeout","disabled","onItemClick","item","useEffect","findIndex","id","React","className","cx","ref","style","height","padding","map","key","onClick","title"],"mappings":"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"}
+{"version":3,"file":"Selector.js","sources":["../../src/Selector.tsx"],"sourcesContent":[null],"names":["SelectorPosition","Selector","props","prefix","value","data","onChange","position","componentPrefix","stopScrollTimeoutHandler","useRef","scrollContainerRef","topItemGagerRef","bottomItemGagerRef","lastValueMatchIndexCache","calcCurrentIndex","useCallback","scrollTop","Math","floor","current","clientHeight","offsetTop","scrollToMatchIndex","index","onScroll","e","persist","stopPropagation","clearTimeout","currentIndex","target","length","setTimeout","disabled","onItemClick","item","useEffect","findIndex","id","React","className","cx","ref","map","key","onClick","title","style","pointerEvents","opacity","zIndex","left","top"],"mappings":";;;;;;;;;;;IAUYA;;AAAZ,WAAYA;AACVA,EAAAA,wBAAAA,SAAAA;AACAA,EAAAA,yBAAAA,UAAAA;AACAA,EAAAA,0BAAAA,WAAAA;AACAA,EAAAA,0BAAAA,WAAAA;AAJF,CAAA,EAAYA,gBAAgB,KAAhBA,gBAAgB,KAAA,CAA5B;;IAmBaC,QAAQ,GAAsB,SAA9BA,QAA8B,CAACC,KAAD;MACjCC,MAAR,GAA6FD,KAA7F,CAAQC;MAAQC,KAAhB,GAA6FF,KAA7F,CAAgBE;MAAOC,IAAvB,GAA6FH,KAA7F,CAAuBG;MAAMC,QAA7B,GAA6FJ,KAA7F,CAA6BI;MAAmDC,QAAhF,GAA6FL,KAA7F,CAAgFK;MAC1EC,eAAe,GAAML,MAAN;MACfM,wBAAwB,GAAGC,MAAM,CAAC,CAAC,CAAF;;MAEjCC,kBAAkB,GAAGD,MAAM,CAAwB,IAAxB;MAC3BE,eAAe,GAAGF,MAAM,CAAwB,IAAxB;MACxBG,kBAAkB,GAAGH,MAAM,CAAwB,IAAxB;MAE3BI,wBAAwB,GAAGJ,MAAM,CAAC,CAAC,CAAF;;;;;MAOjCK,gBAAgB,GAAGC,WAAW,CAAC,UAACC,SAAD;WAC5BC,IAAI,CAACC,KAALD,CACLD,SAAS,IACNL,eAAe,CAACQ,OAAhBR,CAAyBS,YAAzBT,IACEC,kBAAkB,CAACO,OAAnBP,CAA4BS,SAA5BT,GACCD,eAAe,CAACQ,OAAhBR,CAAyBU,SAD1BT,GAECD,eAAe,CAACQ,OAAhBR,CAAyBS,YAH5BT,CADM,CADJM;AAD2B,GAAA,EAQjC,EARiC;MAU9BK,kBAAkB,GAAGP,WAAW,CAAC,UAACQ,KAAD;QACjCb,kBAAkB,CAACS,SAAS;AAC9BT,MAAAA,kBAAkB,CAACS,OAAnBT,CAA2BM,SAA3BN,GACEa,KAAK,IACJZ,eAAe,CAACQ,OAAhBR,CAAyBS,YAAzBT,IACEC,kBAAkB,CAACO,OAAnBP,CAA4BS,SAA5BT,GACCD,eAAe,CAACQ,OAAhBR,CAAyBU,SAD1BT,GAECD,eAAe,CAACQ,OAAhBR,CAAyBS,YAH5BT,CADI,CADPD;;AAFkC,GAAA,EASnC,EATmC;MAWhCc,QAAQ,GAAGT,WAAW,CAC1B,UAACU,CAAD;AACEA,IAAAA,CAAC,CAACC,OAAFD;AACAA,IAAAA,CAAC,CAACE,eAAFF;;AAEAG,IAAAA,YAAY,CAACpB,wBAAwB,CAACW,OAA1B,CAAZS;;QAEIC,YAAY,GAAGf,gBAAgB,CAAEW,CAAC,CAACK,MAAFL,CAA4BT,SAA9B;;QAC/Ba,YAAY,GAAGzB,IAAI,CAAC2B,QAAQ;AAC9BF,MAAAA,YAAY,GAAGzB,IAAI,CAAC2B,MAAL3B,GAAc,CAA7ByB;;;;;AAKFrB,IAAAA,wBAAwB,CAACW,OAAzBX,GAAoCwB,UAAU,CAAC;AAC7CV,MAAAA,kBAAkB,CAACO,YAAD,CAAlBP;;;UAGI,CAAClB,IAAI,CAACyB,YAAD,CAAJzB,CAAmB6B,UAAU;AAChC5B,QAAAA,QAAQ,CAACD,IAAI,CAACyB,YAAD,CAAL,CAARxB;;AAL0C,KAAA,EAO3C,GAP2C,CAA9CG;AAdwB,GAAA,EAuB1B,CAACM,gBAAD,EAAmBV,IAAnB,EAAyBC,QAAzB,EAAmCiB,kBAAnC,CAvB0B;MA0BtBY,WAAW,GAAGnB,WAAW,CAC7B,UAACoB,IAAD,EAAqBZ,KAArB;QACM,CAACY,IAAI,CAACF,UAAU;AAClB5B,MAAAA,QAAQ,CAAC8B,IAAD,CAAR9B;;AAHyB,GAAA,EAM7B,CAACA,QAAD,CAN6B;AAS/B+B,EAAAA,SAAS,CAAC;QACFP,YAAY,GAAGzB,IAAI,CAACiC,SAALjC,CAAe,UAAC+B,IAAD;aAAUA,IAAI,CAACG,EAALH,KAAYhC;AAArC,KAAAC;;;QAGjByB,YAAY,IAAI,CAAhBA,IAAqBhB,wBAAwB,CAACM,OAAzBN,KAAqCgB,cAAc;AAC1EhB,MAAAA,wBAAwB,CAACM,OAAzBN,GAAmCgB,YAAnChB;AACAS,MAAAA,kBAAkB,CAACO,YAAD,CAAlBP;;AANK,GAAA,EAQN,CAAClB,IAAD,EAAOD,KAAP,EAAcmB,kBAAd,CARM,CAATc;sBAWEG,mBAAAA,MAAAA;AAAKC,IAAAA,SAAS,EAAEC,EAAE,CAAClC,eAAD,EAAqBA,eAArB,gBAAqBA,GAA6BD,QAAlD;GAAlBiC,eACEA,mBAAAA,MAAAA;AACEf,IAAAA,QAAQ,EAAEA;AACVkB,IAAAA,GAAG,EAAEhC;;;AAGL8B,IAAAA,SAAS,EAAEC,EAAE,CAAIlC,eAAJ,kBAAA,EAAuCA,eAAvC,gBAAA;GALfgC,EAOGnC,IAAI,CAACuC,GAALvC,CAAS,UAAC+B,IAAD,EAAOZ,KAAP;;;wBACRgB,mBAAAA,MAAAA;AACEC,MAAAA,SAAS,EAAEC,EAAE,CAAIlC,eAAJ,WAAA,EAAgCA,eAAhC,gBAAA,iBACPA,eADO,yBAC6B4B,IAAI,CAACF,cACzC1B,eAFO,uBAE2B4B,IAAI,CAACG,EAALH,KAAYhC,UAFvC;AAIbyC,MAAAA,GAAG,EAAET,IAAI,CAACG;AACVO,MAAAA,OAAO,EAAE,gBAAA;eAAMX,WAAW,CAACC,IAAD,EAAOZ,KAAP;;KAN5BgB,EAQGJ,IAAI,CAACW,KARRP;AADD,GAAAnC,CAPHmC,eAoBEA,mBAAAA,MAAAA;AACEQ,IAAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,MADV;AAELC,MAAAA,OAAO,EAAE,GAFJ;AAGL3C,MAAAA,QAAQ,EAAE,UAHL;AAIL4C,MAAAA,MAAM,EAAE,CAAC,CAJJ;AAKLC,MAAAA,IAAI,EAAE,GALD;AAMLC,MAAAA,GAAG,EAAE;AANA;GADTb,eAUEA,mBAAAA,MAAAA;AAAKC,IAAAA,SAAS,EAAKjC,eAAL;AAAmCmC,IAAAA,GAAG,EAAE/B;GAAtD4B,CAVFA,eAWEA,mBAAAA,MAAAA;AAAKC,IAAAA,SAAS,EAAKjC,eAAL;AAAmCmC,IAAAA,GAAG,EAAE9B;GAAtD2B,CAXFA,CApBFA,CADFA;;;"}

package/lib/esm/TimePicker.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import React, { forwardRef, useState, useMemo, useCallback, useRef, useEffect } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { Input } from './Input.js';
@@ -19,6 +19,7 @@ import { valueChecker } from './utils/valueChecker.js';
 import { useFilter } from './hooks/useFilter.js';
 import { Button } from '@hi-ui/button';
 import { getNowString } from './utils/getNowString.js';
+import DayJs from 'dayjs';
 var _role = 'time-picker';
 
 var _prefix = getPrefixCls(_role);
@@ -30,6 +31,18 @@ var DefaultDisabledFunc = function DefaultDisabledFunc() {
 };
 
 var DefaultPlaceholder = ['', ''];
+
+var getValueMatchString = function getValueMatchString(value) {
+  if (!value) {
+    return undefined;
+  }
+
+  var result = Array.isArray(value) ? value : [value];
+  return result.map(function (item) {
+    return typeof item === 'string' ? item : DayJs(item).format('HH:mm:ss');
+  });
+};
+
 var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx;
 
@@ -39,10 +52,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       role = _ref$role === void 0 ? _role : _ref$role,
       className = _ref.className,
       controlledValue = _ref.value,
-      _ref$itemHeight = _ref.itemHeight,
-      itemHeight = _ref$itemHeight === void 0 ? 24 : _ref$itemHeight,
-      _ref$fullDisplayItemN = _ref.fullDisplayItemNumber,
-      fullDisplayItemNumber = _ref$fullDisplayItemN === void 0 ? 7 : _ref$fullDisplayItemN,
       _ref$hourStep = _ref.hourStep,
       hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,
       _ref$minuteStep = _ref.minuteStep,
@@ -53,6 +62,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
+      _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
       _ref$defaultValue = _ref.defaultValue,
       uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
       _ref$disabled = _ref.disabled,
@@ -63,22 +74,39 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       originalDisabledSeconds = _ref$disabledSeconds === void 0 ? DefaultDisabledFunc : _ref$disabledSeconds,
       _ref$disabledMinutes = _ref.disabledMinutes,
       originalDisabledMinutes = _ref$disabledMinutes === void 0 ? DefaultDisabledFunc : _ref$disabledMinutes,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? true : _ref$bordered,
       notifyOutside = _ref.onChange,
       _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
+      originalPlaceholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
       _ref$inputReadonly = _ref.inputReadonly,
-      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly;
+      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly,
+      overlay = _ref.overlay,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size;
 
   var _useState = useState(null),
       attachEl = _useState[0],
       setAttachEl = _useState[1];
 
-  var _useUncontrolledState = useUncontrolledState(uncontrolledValue, controlledValue, notifyOutside),
+  var formatUncontrolledValue = useMemo(function () {
+    return getValueMatchString(uncontrolledValue);
+  }, [uncontrolledValue]);
+  var formatControlledValue = useMemo(function () {
+    return getValueMatchString(controlledValue);
+  }, [controlledValue]);
+  var formatNotifyOutside = useCallback(function (disposeValue) {
+    var result = disposeValue.filter(function (item) {
+      return item;
+    });
+    notifyOutside && notifyOutside(result.length > 1 ? result : result[0]);
+  }, [notifyOutside]);
+
+  var _useUncontrolledState = useUncontrolledState(formatUncontrolledValue, formatControlledValue, formatNotifyOutside),
       value = _useUncontrolledState[0],
       onChange = _useUncontrolledState[1];
 
+  var placeholder = useMemo(function () {
+    return Array.isArray(originalPlaceholder) ? originalPlaceholder : [originalPlaceholder];
+  }, [originalPlaceholder]);
   var inputRef = useRef(null);
 
   var _useState2 = useState(true),
@@ -159,14 +187,14 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setShowPopper = _useState4[1];
 
   var showPopperRef = useRef(false);
-  var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--border"] = bordered, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid, _cx));
+  var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, (_cx = {}, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid, _cx));
   var functionButtons = useMemo(function () {
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "__pop-function-buttons"
     }, /*#__PURE__*/React.createElement(Button, {
       className: prefixCls + "__pop-confirm-button",
       type: 'primary',
-      size: "small",
+      size: "sm",
       disabled: !isInputValid,
       onClick: function onClick() {
         // 合法，才去通知外部
@@ -196,6 +224,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: setAttachEl,
     className: prefixCls + "__input-wrapper"
   }, /*#__PURE__*/React.createElement(Input, {
+    size: size,
+    isFitContent: appearance === 'unset',
     ref: inputRef,
     onValidChange: setIsInputValid,
     disabled: inputReadonly || disabled,
@@ -228,10 +258,11 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: function onClick() {
       onCacheChange(type === 'single' ? [''] : ['', '']);
     }
-  }) : /*#__PURE__*/React.createElement(TimeOutlined, null))), /*#__PURE__*/React.createElement(PopperPortal, {
+  }) : /*#__PURE__*/React.createElement(TimeOutlined, null))), /*#__PURE__*/React.createElement(PopperPortal, Object.assign({}, overlay || {}, {
     unmountOnClose: false,
     visible: showPopper && !disabled,
     attachEl: attachEl,
+    autoFocus: false,
     onClose: function onClose() {
       var _a; // 关闭弹窗，视作，抛弃之前的选择行为，复位
 
@@ -243,9 +274,11 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
     },
     preload: true
-  }, /*#__PURE__*/React.createElement(PopContent, {
-    itemHeight: itemHeight,
-    fullDisplayItemNumber: fullDisplayItemNumber,
+  }), /*#__PURE__*/React.createElement(PopContent // itemHeight={itemHeight}
+  // fullDisplayItemNumber={fullDisplayItemNumber}
+  , {
+    // itemHeight={itemHeight}
+    // fullDisplayItemNumber={fullDisplayItemNumber}
     type: type,
     prefix: prefixCls,
     format: format,