@para-ui/core 4.0.78 → 4.0.79
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.
- package/DatePicker/index.js +1 -1
- package/README.md +7 -0
- package/package.json +1 -1
- package/umd/CycleSelector.js +1 -1
- package/umd/DatePicker.js +1 -1
- package/umd/DynamicMultiBox.js +1 -1
- package/umd/TimePicker.js +1 -1
package/DatePicker/index.js
CHANGED
|
@@ -546,7 +546,7 @@ function generatePicker(generateConfig) {
|
|
|
546
546
|
return MergedDatePicker;
|
|
547
547
|
}
|
|
548
548
|
|
|
549
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes datePickerSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n@keyframes datePickerSlideDownIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideDownOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n}\n.paraui-v4-picker {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n padding: 4px 10px 4px;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-disabled {\n background: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-picker-input > input {\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: 4px 11px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n background-color: rgb(255, 255, 255);\n background-image: none;\n transition: all 0.3s;\n flex: auto;\n min-width: 1px;\n height: auto;\n padding: 0;\n background: transparent;\n border: 0;\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.paraui-v4-picker-input > inputtextarea {\n max-width: 100%;\n height: auto;\n min-height: 32px;\n line-height: 1.5715;\n vertical-align: bottom;\n transition: all 0.3s, height 0s;\n}\n.paraui-v4-picker-input > input-lg {\n padding: 6.5px 11px;\n font-size: 16px;\n}\n.paraui-v4-picker-input > input-sm {\n padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(92, 101, 115);\n background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n font-size: 16px;\n}\n.paraui-v4-picker-small {\n padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n align-self: center;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n line-height: 1;\n pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear {\n position: absolute;\n top: 50%;\n right: 0;\n color: rgb(161, 168, 179);\n line-height: 1;\n background: rgb(255, 255, 255);\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v4-picker-clear svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-separator {\n position: relative;\n display: inline-block;\n width: 1em;\n height: 16px;\n color: rgb(92, 101, 115);\n font-size: 16px;\n vertical-align: top;\n cursor: default;\n}\n.paraui-v4-picker-separator svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n position: relative;\n display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n bottom: -1px;\n height: 2px;\n margin-left: 11px;\n background: rgb(46, 101, 230);\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n align-items: center;\n padding: 0 10px;\n line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n z-index: 1500;\n}\n.paraui-v4-picker-dropdown-hidden {\n display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n display: none;\n top: 1.66666667px;\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n display: none;\n bottom: 1.66666667px;\n transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n display: none;\n}\n.paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets {\n display: flex;\n flex-direction: column;\n min-width: 120px;\n max-width: 200px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n padding: 10px;\n box-sizing: border-box;\n height: 0;\n flex: auto;\n overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n background: #f7f8fa;\n width: 100%;\n padding: 0 10px;\n margin-right: 0;\n margin-bottom: 0;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-presets .paraui-v4-tag:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n display: flex;\n flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.paraui-v4-picker-ranges {\n margin-bottom: 0;\n padding: 4px 10px;\n overflow: hidden;\n text-align: left;\n list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n height: 36px;\n display: flex;\n align-items: center;\n float: right;\n margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n display: flex;\n}\n.paraui-v4-picker-range-arrow {\n position: absolute;\n z-index: 1;\n display: none;\n width: 10px;\n height: 10px;\n margin-left: 16.5px;\n box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n transition: left 0.3s ease-out;\n}\n.paraui-v4-picker-range-arrow::after {\n position: absolute;\n top: 1px;\n right: 1px;\n width: 10px;\n height: 10px;\n border: 5px solid rgb(234, 236, 241);\n border-color: #fff #fff transparent transparent;\n content: \"\";\n}\n.paraui-v4-picker-panel-container {\n overflow: hidden;\n vertical-align: top;\n background: #fff;\n border-radius: 4px;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n display: inline-flex;\n flex-wrap: nowrap;\n direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n vertical-align: top;\n background: transparent;\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n display: inline-flex;\n flex-direction: column;\n text-align: center;\n background: #fff;\n border: 1px solid rgb(234, 236, 241);\n border-radius: 2px;\n outline: none;\n}\n.paraui-v4-picker-panel-focused {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n display: flex;\n flex-direction: column;\n width: 272px;\n}\n.paraui-v4-picker-header {\n display: flex;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n flex: none;\n}\n.paraui-v4-picker-header button {\n padding: 0;\n color: rgb(29, 33, 38);\n line-height: 40px;\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n min-width: 1.6em;\n line-height: 0;\n font-size: 16px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-header-view {\n flex: auto;\n line-height: 40px;\n font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n color: rgb(29, 33, 38);\n font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n position: relative;\n display: inline-block;\n width: 7px;\n height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-picker-super-next-icon::before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-super-prev-icon::after, .paraui-v4-picker-super-next-icon::after {\n position: absolute;\n top: 4px;\n left: 4px;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n position: relative;\n min-width: 24px;\n font-weight: 400;\n}\n.paraui-v4-picker-content th {\n height: 30px;\n color: rgb(29, 33, 38);\n line-height: 30px;\n}\n.paraui-v4-picker-cell {\n padding: 3px 0;\n color: rgb(161, 168, 179);\n cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-picker-cell::before {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n z-index: 1;\n height: 24px;\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n background: rgb(247, 248, 250);\n border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background-color: rgb(46, 101, 230);\n border-radius: 4px;\n content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n background: rgb(46, 101, 230);\n border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n position: absolute;\n top: 50%;\n z-index: 0;\n height: 22px;\n border-top: 1px dashed rgb(46, 101, 230);\n border-bottom: 1px dashed rgb(46, 101, 230);\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n right: 0;\n left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: rgb(247, 248, 250);\n content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n left: 6px;\n border-left: 1px dashed rgb(46, 101, 230);\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n right: 6px;\n border-right: 1px dashed rgb(46, 101, 230);\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.paraui-v4-picker-cell-disabled {\n pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n color: #bbbecb;\n background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n padding: 0 8px;\n}\n.paraui-v4-picker-footer {\n width: min-content;\n min-width: 100%;\n line-height: 36px;\n text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n padding: 0 12px;\n line-height: 38px;\n text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n text-align: left;\n}\n.paraui-v4-picker-now-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-picker-now-btn:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn {\n color: rgb(46, 101, 230);\n cursor: pointer;\n font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn:active {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n width: auto;\n min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n display: flex;\n flex: auto;\n height: 204px;\n}\n.paraui-v4-picker-time-panel-column {\n flex: 1 0 auto;\n width: 56px;\n margin: 0;\n padding: 0;\n overflow-y: hidden;\n text-align: left;\n list-style: none;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column::after {\n display: block;\n height: 196px;\n content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n margin: 0;\n padding: 0;\n margin: 0 4px 6px 4px;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n display: block;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0 0 0 16px;\n color: rgb(29, 33, 38);\n line-height: 24px;\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n background: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n color: #BBBECB;\n background: transparent;\n cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n margin-right: 4px;\n margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n right: auto;\n left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n right: auto;\n left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 11px;\n margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n float: left;\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n right: 50%;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n right: 50%;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n right: 50%;\n left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start::after {\n right: 6px;\n left: 0;\n border-right: 1px dashed #7ec1ff;\n border-left: none;\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end::after {\n right: 0;\n left: 6px;\n border-right: none;\n border-left: 1px dashed #7ec1ff;\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-end:first-child::after {\n right: 6px;\n left: 6px;\n border-right: 1px dashed #7ec1ff;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n direction: rtl;\n text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n border-color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-helperText {\n margin: 5px 0 0 12px;\n color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n font-size: 14px;\n}";
|
|
549
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes datePickerSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n@keyframes datePickerSlideDownIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideDownOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n}\n.paraui-v4-picker {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n padding: 4px 10px 4px;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-disabled {\n background: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-picker-input > input {\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: 4px 11px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n background-color: rgb(255, 255, 255);\n background-image: none;\n transition: all 0.3s;\n flex: auto;\n min-width: 1px;\n height: auto;\n padding: 0;\n background: transparent;\n border: 0;\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.paraui-v4-picker-input > inputtextarea {\n max-width: 100%;\n height: auto;\n min-height: 32px;\n line-height: 1.5715;\n vertical-align: bottom;\n transition: all 0.3s, height 0s;\n}\n.paraui-v4-picker-input > input-lg {\n padding: 6.5px 11px;\n font-size: 16px;\n}\n.paraui-v4-picker-input > input-sm {\n padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(92, 101, 115);\n background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n font-size: 16px;\n}\n.paraui-v4-picker-small {\n padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n align-self: center;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n line-height: 1;\n pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear {\n position: absolute;\n top: 50%;\n right: 0;\n color: rgb(161, 168, 179);\n line-height: 1;\n background: rgb(255, 255, 255);\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v4-picker-clear svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-separator {\n position: relative;\n display: inline-block;\n width: 1em;\n height: 16px;\n color: rgb(92, 101, 115);\n font-size: 16px;\n vertical-align: top;\n cursor: default;\n}\n.paraui-v4-picker-separator svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n position: relative;\n display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n bottom: -1px;\n height: 2px;\n margin-left: 11px;\n background: rgb(46, 101, 230);\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n align-items: center;\n padding: 0 10px;\n line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n z-index: 1500;\n}\n.paraui-v4-picker-dropdown-hidden {\n display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n display: none;\n top: 1.66666667px;\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n display: none;\n bottom: 1.66666667px;\n transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n display: none;\n}\n.paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets {\n display: flex;\n flex-direction: column;\n min-width: 120px;\n max-width: 200px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n padding: 10px;\n box-sizing: border-box;\n height: 0;\n flex: auto;\n overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n background: #f7f8fa;\n width: 100%;\n padding: 0 10px;\n margin-right: 0;\n margin-bottom: 0;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-presets .paraui-v4-tag:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n display: flex;\n flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.paraui-v4-picker-ranges {\n margin-bottom: 0;\n padding: 4px 10px;\n overflow: hidden;\n text-align: left;\n list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n height: 36px;\n display: flex;\n align-items: center;\n float: right;\n margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n display: flex;\n}\n.paraui-v4-picker-range-arrow {\n position: absolute;\n z-index: 1;\n display: none;\n width: 10px;\n height: 10px;\n margin-left: 16.5px;\n box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n transition: left 0.3s ease-out;\n}\n.paraui-v4-picker-range-arrow::after {\n position: absolute;\n top: 1px;\n right: 1px;\n width: 10px;\n height: 10px;\n border: 5px solid rgb(234, 236, 241);\n border-color: #fff #fff transparent transparent;\n content: \"\";\n}\n.paraui-v4-picker-panel-container {\n overflow: hidden;\n vertical-align: top;\n background: #fff;\n border-radius: 4px;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n display: inline-flex;\n flex-wrap: nowrap;\n direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n vertical-align: top;\n background: transparent;\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n display: inline-flex;\n flex-direction: column;\n text-align: center;\n background: #fff;\n border: 1px solid rgb(234, 236, 241);\n border-radius: 2px;\n outline: none;\n}\n.paraui-v4-picker-panel-focused {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n display: flex;\n flex-direction: column;\n width: 272px;\n}\n.paraui-v4-picker-header {\n display: flex;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n flex: none;\n}\n.paraui-v4-picker-header button {\n padding: 0;\n color: rgb(29, 33, 38);\n line-height: 40px;\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n min-width: 1.6em;\n line-height: 0;\n font-size: 16px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-header-view {\n flex: auto;\n line-height: 40px;\n font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n color: rgb(29, 33, 38);\n font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n position: relative;\n display: inline-block;\n width: 7px;\n height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-picker-super-next-icon::before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-super-prev-icon::after, .paraui-v4-picker-super-next-icon::after {\n position: absolute;\n top: 4px;\n left: 4px;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n position: relative;\n min-width: 24px;\n font-weight: 400;\n}\n.paraui-v4-picker-content th {\n height: 30px;\n color: rgb(29, 33, 38);\n line-height: 30px;\n}\n.paraui-v4-picker-cell {\n padding: 3px 0;\n color: rgb(161, 168, 179);\n cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-picker-cell::before {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n z-index: 1;\n height: 24px;\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n background: rgb(247, 248, 250);\n border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background-color: rgb(46, 101, 230);\n border-radius: 4px;\n content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n background: rgb(46, 101, 230);\n border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n position: absolute;\n top: 50%;\n z-index: 0;\n height: 22px;\n border-top: 1px dashed rgb(46, 101, 230);\n border-bottom: 1px dashed rgb(46, 101, 230);\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n right: 0;\n left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: rgb(247, 248, 250);\n content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n left: 6px;\n border-left: 1px dashed rgb(46, 101, 230);\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n right: 6px;\n border-right: 1px dashed rgb(46, 101, 230);\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.paraui-v4-picker-cell-disabled {\n pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n color: #bbbecb;\n background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n padding: 0 8px;\n}\n.paraui-v4-picker-footer {\n width: min-content;\n min-width: 100%;\n line-height: 36px;\n text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n padding: 0 12px;\n line-height: 38px;\n text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n text-align: left;\n}\n.paraui-v4-picker-now-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-picker-now-btn:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn {\n color: rgb(46, 101, 230);\n cursor: pointer;\n font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn:active {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n width: auto;\n min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n display: flex;\n flex: auto;\n height: 204px;\n}\n.paraui-v4-picker-time-panel-column {\n flex: 1 0 auto;\n width: 56px;\n margin: 0;\n padding: 0;\n overflow-y: hidden;\n text-align: left;\n list-style: none;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column::after {\n display: block;\n height: 196px;\n content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n margin: 0;\n padding: 0;\n margin: 0 4px 6px 4px;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n display: block;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0 0 0 16px;\n color: rgb(29, 33, 38);\n line-height: 24px;\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n background: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n color: #BBBECB;\n background: transparent;\n cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n margin-right: 4px;\n margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n right: auto;\n left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n right: auto;\n left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 11px;\n margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n float: left;\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n right: 50%;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n right: 50%;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n right: 50%;\n left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start::after {\n right: 6px;\n left: 0;\n border-right: 1px dashed #7ec1ff;\n border-left: none;\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end::after {\n right: 0;\n left: 6px;\n border-right: none;\n border-left: 1px dashed #7ec1ff;\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-end:first-child::after {\n right: 6px;\n left: 6px;\n border-right: 1px dashed #7ec1ff;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n direction: rtl;\n text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n border-color: rgb(244, 66, 66);\n}";
|
|
550
550
|
styleInject(css_248z);
|
|
551
551
|
|
|
552
552
|
const DatePicker = generatePicker(dayjsGenerateConfig);
|
package/README.md
CHANGED