@para-ui/core 4.0.0-rc.1 → 4.0.0-rc.3

package/DatePicker/index.js

@@ -25,12 +25,12 @@ import '../_verture/typeof-adeedc13.js';
 import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../_verture/useFormatMessage-703f8b20.js';
 import '../AutoTips/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
@@ -541,7 +541,7 @@ function generatePicker(generateConfig) {
   return MergedDatePicker;
 }
 
-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  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  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n  margin-bottom: 0;\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}\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: 0px 2px 8px 0px rgb(234, 236, 241);\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(29, 33, 38);\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: 4px;\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: 4px;\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: 24px;\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: 4px;\n  border-bottom-left-radius: 4px;\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: 4px;\n  border-bottom-right-radius: 4px;\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-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(46, 101, 230);\n}\n.paraui-v4-picker-today-btn:active {\n  color: rgb(46, 101, 230);\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: 4px 0 0 4px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n  border-radius: 0 4px 4px 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: 4px 0 0 4px;\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 4px 4px 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: 224px;\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}";
+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: 0px 2px 8px 0px rgb(234, 236, 241);\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}";
 styleInject(css_248z);
 
 var DatePicker = generatePicker(dayjsGenerateConfig);

package/Descriptions/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @author linhd
+ * @date 2023/11/8 10:39
+ * @description 描述文本+描述列表
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { TitleProps } from "../Title";
+import './index.scss';
+export interface DescriptionsListProps {
+    /** 标题 */
+    label?: ReactNode;
+    /** 内容 */
+    content?: ReactNode;
+    /** 占比列，默认占比1 */
+    column?: number;
+    [name: string]: any;
+}
+export interface DescriptionsProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 布局 */
+    layout?: 'horizontal' | 'vertical';
+    /** 是否展示边框 */
+    border?: boolean;
+    /** 标题 */
+    title?: TitleProps | string;
+    /** 列表配置 */
+    list?: DescriptionsListProps[];
+    /**
+     *  每一列默认等分数,
+     *  layout='horizontal' 默认3等分
+     *  layout='vertical' 默认4等分
+     * */
+    column?: number;
+    /**
+     * 是否折叠,默认不折叠
+     * 只有横向，没有边框才有这功能
+     * */
+    collapse?: boolean;
+    /**
+     * 是否展开，默认不展开,渲染首次
+     * */
+    defaultOpen?: boolean;
+    /**
+     * 是否展开，默认不展开,外部控制
+     * */
+    open?: boolean;
+    /**
+     * 收起状态最小高度
+     * 默认60
+     * */
+    collapsedHeight?: string | number;
+    /**
+     * 折叠回调
+     * */
+    onCollapse?: (bol: boolean) => void;
+}
+declare const Descriptions: FunctionComponent<DescriptionsProps>;
+export default Descriptions;

package/Descriptions/index.js

@@ -0,0 +1,232 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, Fragment as Fragment$1 } from 'react';
+import { Title } from '../Title/index.js';
+import AutoTips from '../AutoTips/index.js';
+import CollapseBox from '../CollapseBox/index.js';
+import { Button } from '../Button/index.js';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@para-ui/icons/Help';
+import '../Collapse/index.js';
+import 'rc-collapse';
+import '@para-ui/icons/Right';
+import '@paraview/lib';
+import 'react-transition-group';
+import '../_verture/util-7e1fb1e2.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Down';
+import '../_verture/index-e9007d6a.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@para-ui/core/GlobalContext';
+
+var en = {
+  expandAll: 'Expand All',
+  retractAll: 'Shrink All'
+};
+
+var zh = {
+  expandAll: '全部展开',
+  retractAll: '全部收起'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/11/9 14:21\n* @description 样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-descriptions .paraui-v4-title {\n  margin-bottom: 20px;\n}\n.paraui-v4-descriptions .table-box {\n  display: inline-flex;\n}\n.paraui-v4-descriptions .table-box > table {\n  table-layout: fixed;\n  width: 100%;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr {\n  text-align: left;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr th, .paraui-v4-descriptions .table-box > table > tbody > tr .title {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr td, .paraui-v4-descriptions .table-box > table > tbody > tr .content {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .collapse-btn {\n  margin: 0;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box {\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table {\n  border-collapse: collapse;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr {\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr:last-child {\n  border-bottom: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td {\n  height: 40px;\n  border-right: 1px solid rgb(212, 218, 227);\n  padding: 0 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th:last-child, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td:last-child {\n  border-right: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container {\n  display: flex;\n  padding-bottom: 10px;\n  padding-right: 40px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .title {\n  display: flex;\n  overflow: hidden;\n  max-width: 50%;\n  margin-right: 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .content {\n  flex: 1;\n  overflow: hidden;\n}";
+styleInject(css_248z);
+
+var Descriptions = function Descriptions(props) {
+  var className = props.className,
+    style = props.style,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    border = props.border,
+    title = props.title,
+    list = props.list,
+    column = props.column,
+    collapse = props.collapse,
+    _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    open = props.open,
+    _props$collapsedHeigh = props.collapsedHeight,
+    collapsedHeight = _props$collapsedHeigh === void 0 ? 60 : _props$collapsedHeigh,
+    onCollapse = props.onCollapse;
+  var intl = useFormatMessage('Descriptions', localeJson);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openCom = _useState2[0],
+    setOpenCom = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    rowConfig = _useState4[0],
+    setRowConfig = _useState4[1]; // 二维数组,每一行配置信息
+  useEffect(function () {
+    if (defaultOpen !== undefined) setOpenCom(defaultOpen);
+  }, [defaultOpen]);
+  useEffect(function () {
+    if (open !== undefined) setOpenCom(open);
+  }, [open]);
+  useEffect(function () {
+    var listCom = list ? list : [];
+    var rowCount = handleRowCount();
+    var accumulate = 0;
+    var arr = [];
+    var arrChild = [];
+    for (var i = 0, l = listCom.length; i < l; i++) {
+      var item = listCom[i];
+      accumulate += item.column || 1;
+      arrChild.push(item);
+      if (accumulate >= rowCount) {
+        arr.push(arrChild);
+        arrChild = [];
+        accumulate = 0;
+      } else if (i === listCom.length - 1) {
+        arr.push(arrChild);
+      }
+    }
+    setRowConfig(arr);
+  }, [list, layout, column]);
+  /** 处理行个数 */
+  var handleRowCount = function handleRowCount() {
+    if (column) return column;
+    if (layout === 'horizontal' && !border) {
+      return 4;
+    }
+    return layout === 'horizontal' ? 3 : 4;
+  };
+  /** 处理横向展示 */
+  var handleContentHorizontal = function handleContentHorizontal(item, index) {
+    return jsx("tr", {
+      children: item.map(function (itemChild, indexChild) {
+        return jsx(Fragment$1, {
+          children: border ? jsxs(Fragment, {
+            children: [jsx("th", Object.assign({
+              colSpan: itemChild.column || 1
+            }, {
+              children: itemChild.label
+            })), jsx("td", Object.assign({
+              colSpan: itemChild.column || 2
+            }, {
+              children: itemChild.content
+            }))]
+          }) : jsx("td", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: jsxs("div", Object.assign({
+              className: 'item-container'
+            }, {
+              children: [jsxs("span", Object.assign({
+                className: 'title'
+              }, {
+                children: [jsx(AutoTips, {
+                  children: itemChild.label
+                }), ":"]
+              })), jsx("span", Object.assign({
+                className: 'content'
+              }, {
+                children: jsx(AutoTips, {
+                  children: itemChild.content
+                })
+              }))]
+            }))
+          }))
+        }, indexChild);
+      })
+    }, index);
+  };
+  /** 处理纵向展示 */
+  var handleContentVertical = function handleContentVertical(item, index) {
+    return jsxs(Fragment$1, {
+      children: [jsx("tr", {
+        children: item.map(function (itemChild, indexChild) {
+          return jsx("th", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: itemChild.label
+          }), indexChild);
+        })
+      }), jsx("tr", {
+        children: item.map(function (itemChild, indexChild) {
+          return jsx("td", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: itemChild.content
+          }), indexChild);
+        })
+      })]
+    }, index);
+  };
+  /** 处理内容 */
+  var handleContent = function handleContent() {
+    return jsx("div", Object.assign({
+      className: 'table-box'
+    }, {
+      children: jsx("table", {
+        children: jsx("tbody", {
+          children: rowConfig.map(function (item, index) {
+            if (layout === 'horizontal') return handleContentHorizontal(item, index);
+            return handleContentVertical(item, index);
+          })
+        })
+      })
+    }));
+  };
+  /** 处理标题 */
+  var handleLabel = function handleLabel() {
+    if (title) {
+      var titleProps = {
+        title: ''
+      };
+      if (typeof title === 'string') titleProps.title = title;else titleProps = title;
+      return jsx(Title, Object.assign({}, titleProps));
+    }
+  };
+  var onClickCollapse = function onClickCollapse() {
+    onCollapse && onCollapse(!openCom);
+    if (open === undefined) setOpenCom(!openCom);
+  };
+  /** 处理是否折叠 */
+  var handleContentCollapse = function handleContentCollapse() {
+    if (collapse && !border) {
+      return jsxs(Fragment, {
+        children: [jsx(CollapseBox, Object.assign({
+          in: openCom,
+          collapsedHeight: collapsedHeight
+        }, {
+          children: handleContent()
+        })), jsx(Button, Object.assign({
+          onClick: onClickCollapse,
+          className: 'collapse-btn',
+          variant: "text"
+        }, {
+          children: openCom ? intl('retractAll') : intl('expandAll')
+        }))]
+      });
+    }
+    return handleContent();
+  };
+  return jsxs("div", Object.assign({
+    style: style,
+    className: clsx("".concat($prefixCls, "-descriptions"), className, "".concat($prefixCls, "-descriptions-").concat(layout), _defineProperty({}, "".concat($prefixCls, "-descriptions-border"), border))
+  }, {
+    children: [handleLabel(), handleContentCollapse()]
+  }));
+};
+
+export { Descriptions as default };

package/Descriptions/lang/en_US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    expandAll: string;
+    retractAll: string;
+};
+export default _default;

package/Descriptions/lang/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    zh: {
+        expandAll: string;
+        retractAll: string;
+    };
+    en: {
+        expandAll: string;
+        retractAll: string;
+    };
+};
+export default _default;

package/Descriptions/lang/zh_CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    expandAll: string;
+    retractAll: string;
+};
+export default _default;

package/Desktop/index.js

@@ -53,7 +53,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n  max-width: 440px;\n  min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n  margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n  display: flex;\n  height: 20px;\n  line-height: 20px;\n  font-size: 14px;\n  margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n  width: 38px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n  width: 100%;\n  text-align: center;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n  font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n  cursor: pointer;\n  font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n  padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n  position: relative;\n  width: 100%;\n  height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: top 0.5s, left 0.5s;\n  user-select: none;\n  cursor: pointer;\n  background-color: white;\n  border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n  text-align: center;\n  position: absolute;\n  font-size: 14px;\n  z-index: 0;\n  width: 100%;\n  padding: 0 5px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n  width: 100px;\n  margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n  margin: 0 auto;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  max-width: 180px;\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n  height: 70px;\n  margin-top: 25px;\n  margin-bottom: 10px;\n  pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n  box-shadow: none;\n  cursor: not-allowed;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n  display: block;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n  z-index: 2;\n  transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n  display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n  width: 100px;\n  height: 100px;\n  user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n  display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n  width: 40px;\n  height: 40px;\n  margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n  position: absolute;\n  box-shadow: 4px 4px 6px #dcdde3;\n  background-color: #ffffff;\n  font-size: 14px;\n  border-radius: 4px;\n  z-index: 10;\n  display: none;\n  transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n  padding: 5px 15px;\n  cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n  background-color: rgb(246, 246, 246);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n  max-width: 440px;\n  min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n  margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n  display: flex;\n  height: 20px;\n  line-height: 20px;\n  font-size: 14px;\n  margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n  width: 38px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n  width: 100%;\n  text-align: center;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n  font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n  cursor: pointer;\n  font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n  padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n  position: relative;\n  width: 100%;\n  height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: top 0.5s, left 0.5s;\n  user-select: none;\n  cursor: pointer;\n  background-color: white;\n  border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n  text-align: center;\n  position: absolute;\n  font-size: 14px;\n  z-index: 0;\n  width: 100%;\n  padding: 0 5px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n  width: 100px;\n  margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n  margin: 0 auto;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  max-width: 180px;\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n  text-align: center;\n  display: flex;\n  justify-content: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n  height: 70px;\n  margin-top: 25px;\n  margin-bottom: 10px;\n  pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n  box-shadow: none;\n  cursor: not-allowed;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n  display: block;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n  z-index: 2;\n  transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n  display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n  width: 100px;\n  height: 100px;\n  user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n  display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n  width: 40px;\n  height: 40px;\n  margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n  position: absolute;\n  box-shadow: 4px 4px 6px #dcdde3;\n  background-color: #ffffff;\n  font-size: 14px;\n  border-radius: 4px;\n  z-index: 10;\n  display: none;\n  transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n  padding: 5px 15px;\n  cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n  background-color: rgb(246, 246, 246);\n}";
 styleInject(css_248z);
 
 /** 默认图标 */