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

package/CopyText/index.js

@@ -1,5 +1,5 @@
 import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-d63bd287.js';
+import { r as regenerator } from '../_verture/index-232d890b.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
@@ -10,7 +10,7 @@ import Label from '../Label/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-b240b062.js';
+import '../_verture/typeof-c310ee4a.js';
 import '../_verture/typeof-adeedc13.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';

package/DatePicker/generatePicker/index.d.ts

@@ -1,18 +1,18 @@
-import React, { ReactNode } from "react";
-import { GenerateConfig } from "rc-picker/lib/generate/index";
-import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from "rc-picker/lib/Picker";
-import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from "rc-picker/lib/RangePicker";
-import { Locale as RcPickerLocale } from "rc-picker/lib/interface";
-import PickerButton from "../PickerButton";
-import PickerTag from "../PickerTag";
-import { Dayjs } from "dayjs";
-import { LabelTooltipProps } from "../../Label";
-import { TooltipProps } from "../../Tooltip";
+import React, { ReactNode } from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import { Locale as RcPickerLocale } from 'rc-picker/lib/interface';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+import { Dayjs } from 'dayjs';
+import { LabelTooltipProps } from '../../Label';
+import { TooltipProps } from '../../Tooltip';
 export type ShortcutType = {
     text: string;
     value: Dayjs[] | (() => Dayjs[]);
 };
-type SizeType = "small" | "medium" | "large" | undefined;
+type SizeType = 'small' | 'medium' | 'large' | undefined;
 export interface TimePickerLocale {
     placeholder?: string;
     rangePlaceholder?: [string, string];
@@ -24,9 +24,9 @@ export declare const Components: {
     button: typeof PickerButton;
     rangeItem: typeof PickerTag;
 };
-type InjectDefaultProps<Props, Type> = Omit<Props, "locale" | "generateConfig" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "hideHeader" | "components" | "value" | "defaultValue"> & {
+type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'hideHeader' | 'components' | 'value' | 'defaultValue'> & {
     /** 国际化 */
-    locale?: "zh" | "en";
+    locale?: 'zh' | 'en';
     /** 大小 */
     size?: SizeType;
     /** 显示边框 */
@@ -36,9 +36,9 @@ type InjectDefaultProps<Props, Type> = Omit<Props, "locale" | "generateConfig" |
     /** 帮助文本 */
     helperText?: ReactNode;
     /** value */
-    value?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    value?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 默认值 */
-    defaultValue?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    defaultValue?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 标题 */
     label?: ReactNode;
     /** 帮助提示信息 */
@@ -76,19 +76,19 @@ export type AdditionalPickerLocaleLangProps = {
     rangeWeekPlaceholder?: [string, string];
     rangePlaceholder?: [string, string];
 };
-export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, "">;
-export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, "">;
-export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, "">;
+export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, ''>;
+export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, ''>;
+export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, ''>;
 export type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
-export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, "range">;
-export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, "range">;
-export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, "range">;
+export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, 'range'>;
+export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, 'range'>;
+export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, 'range'>;
 export type RangePickerProps<DateType> = (RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>) & {
     /** 预设时间范围快捷选择 */
     /** @deprecated Please use `presets` instead */
     shortcuts?: ShortcutType[];
     /** 预设范围选择面板位置 */
-    shortcutsPlacement?: "left" | "right";
+    shortcutsPlacement?: 'left' | 'right';
 };
 declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType>, unknown> & {
     WeekPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;

package/DatePicker/index.js

@@ -37,6 +37,7 @@ import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
 import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -116,8 +117,9 @@ var ELocale = {
 };
 
 function generatePicker$1(generateConfig) {
-  // 
+  //
   function getPicker(picker, displayName) {
+    // const consumerName = displayName === 'TimePicker' ? 'timePicker' : 'datePicker';
     var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       var className = props.className;
         props.size;
@@ -453,7 +455,7 @@ function generateRangePicker(generateConfig) {
           ref: innerRef,
           placeholder: getRangePlaceholder(picker, newLocale, placeholder),
           suffixIcon: picker === 'time' ? jsx(TimeIcon, {}) : jsx(DateIcon, {
-            className: 'picker-icon'
+            className: "picker-icon"
           }),
           clearIcon: jsx(CloseCircleF, {}),
           allowClear: true,
@@ -511,11 +513,11 @@ var Components = {
 };
 //format map
 var pickerFormatMap = {
-  year: "YYYY",
-  quarter: "YYYY-QQ",
-  month: "YYYY-MM",
-  week: "YYYY-WW",
-  time: "HH:mm:ss"
+  year: 'YYYY',
+  quarter: 'YYYY-QQ',
+  month: 'YYYY-MM',
+  week: 'YYYY-WW',
+  time: 'HH:mm:ss'
 };
 //picker 生成器
 function generatePicker(generateConfig) {
@@ -539,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: 500;\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: 500;\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(92, 101, 115);\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: 500;\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: 4px;\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: 276px;\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: 500;\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-decade-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n  background: #f5f5f5;\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: 72px;\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-use12Hours .paraui-v4-picker-time-panel-column:last-child {\n  width: auto;\n}\n.paraui-v4-picker-use12Hours .paraui-v4-picker-time-panel-column:last-child > li .paraui-v4-picker-time-panel-cell-inner {\n  padding: 0 10px;\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}\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: 28px;\n  margin: 0;\n  padding: 0 0 0 28px;\n  color: rgb(29, 33, 38);\n  line-height: 28px;\n  border-radius: 0;\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  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}";
 styleInject(css_248z);
 
 var DatePicker = generatePicker(dayjsGenerateConfig);

package/DatePicker/util.d.ts

@@ -1,6 +1,6 @@
 import { PickerMode } from 'rc-picker/lib/interface';
 import { PickerLocale } from './generatePicker';
-import { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
 export declare function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string;
 export declare function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined;
 export declare function getTimeProps<DateType, DisabledTime>(props: {

package/Desktop/index.d.ts

@@ -4,7 +4,7 @@
  * @description 桌面移动
  */
 import React, { FunctionComponent } from 'react';
-import { TooltipProps } from "../Tooltip";
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
 export interface DesktopDataItem {
     key: string;

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 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 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}\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);
 
 /** 默认图标 */
@@ -260,8 +260,8 @@ var Desktop = function Desktop(props) {
     map[index] = getItemData(item, index, type);
     item = map[index];
     var style = {
-      left: map[index].point.x + 'px',
-      top: map[index].point.y + 'px',
+      left: "".concat(map[index].point.x, "px"),
+      top: "".concat(map[index].point.y, "px"),
       width: defaultMatrix.width,
       height: defaultMatrix.height
     };
@@ -438,6 +438,7 @@ var Desktop = function Desktop(props) {
     // 计算光标碰撞
     //const list = Object.keys(map);
     var dragRect = {
+      // 矩阵
       x: x,
       y: y,
       w: dragData.point.x + dragData.point.width,
@@ -446,6 +447,7 @@ var Desktop = function Desktop(props) {
       height: dragData.point.height
     };
     var dragCentre = {
+      // 拖拽矩形中心点
       x: dragRect.x + dragRect.width / 2,
       y: dragRect.y + dragRect.height / 2
     };
@@ -454,11 +456,12 @@ var Desktop = function Desktop(props) {
       if (!item || String(item.key) === String(dragData.key)) continue;
       if (item.parent && dir !== item.parent) continue;
       /*
-      * x,y_____
-      * |       |
-      * |_____w,h
-      */
+       * x,y_____
+       * |       |
+       * |_____w,h
+       */
       var rect = {
+        // 矩阵
         x: item.point.x,
         y: item.point.y,
         w: item.point.x + item.point.width,
@@ -484,6 +487,7 @@ var Desktop = function Desktop(props) {
         }
         // 计算碰撞位置，左，中，右
         var _dragCentre = {
+          // 拖拽矩形中心点
           x: dragRect.x + dragRect.width / 2,
           y: dragRect.y + dragRect.height / 2
         };
@@ -606,7 +610,7 @@ var Desktop = function Desktop(props) {
    */
   var newDir = function newDir(item, dragMapData, t) {
     if (t === 'R') item.index--;
-    var key = 'dir_' + item.key + (Math.random() * 1000000 | 0);
+    var key = "dir_".concat(item.key).concat(Math.random() * 1000000 | 0);
     map[item.index] = Object.assign(Object.assign({}, item), {
       key: key,
       point: getPoint(item.index),
@@ -651,6 +655,7 @@ var Desktop = function Desktop(props) {
    * @param point 位置
    */
   var setNewPoint = function setNewPoint(item, next, point) {
+    // item 当前节点，下一个节点索引
     if (!item) return;
     if (!point) point = getPoint(next);
     var dom = getItemByKey(item.key);
@@ -668,7 +673,7 @@ var Desktop = function Desktop(props) {
   var reset = function reset(type) {
     var _a, _b, _c;
     switch (type) {
-      case "impact":
+      case 'impact':
         var impactDom = document.querySelector('[impact="true"]');
         if (!impactDom) return;
         if (dragData && dragData.impact) {
@@ -677,7 +682,7 @@ var Desktop = function Desktop(props) {
         }
         impactDom === null || impactDom === void 0 ? void 0 : impactDom.removeAttribute('impact');
         break;
-      case "end":
+      case 'end':
         dragData = null;
         (_a = document.querySelector('[impact="true"]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('impact');
         (_b = document.querySelector('[drag-item="true"]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('drag-item');
@@ -700,8 +705,8 @@ var Desktop = function Desktop(props) {
    */
   var setPoint = function setPoint(dom, x, y) {
     if (!dom) return;
-    if (x !== undefined || x !== null) dom.style.left = x + 'px';
-    if (y !== undefined || y !== null) dom.style.top = y + 'px';
+    if (x !== undefined || x !== null) dom.style.left = "".concat(x, "px");
+    if (y !== undefined || y !== null) dom.style.top = "".concat(y, "px");
   };
   /** 排序 */
   var onSort = function onSort() {
@@ -823,8 +828,8 @@ var Desktop = function Desktop(props) {
    * @return {string}
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-desktop';
-    if (props.className) str += ' ' + props.className;
+    var str = "".concat($prefixCls, "-desktop");
+    if (props.className) str += " ".concat(props.className);
     return str;
   };
   return jsxs("div", Object.assign({

package/DragVerify/index.d.ts

@@ -25,7 +25,7 @@ export interface DragVerifyProps {
     /** 刷新 */
     refresh?: any;
     /** 获取图片接口 */
-    getImgInfo: () => (Promise<DragVerifyImgProps> | DragVerifyImgProps);
+    getImgInfo: () => Promise<DragVerifyImgProps> | DragVerifyImgProps;
     /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息
      *  true 通过
      *  false 不通过

package/DragVerify/index.js

@@ -1,5 +1,5 @@
 import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-d63bd287.js';
+import { r as regenerator } from '../_verture/index-232d890b.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
@@ -13,7 +13,7 @@ import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js'
 import { Loading } from '../Loading/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-b240b062.js';
+import '../_verture/typeof-c310ee4a.js';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/LoadingF';
 
@@ -57,7 +57,7 @@ var DragVerify = function DragVerify(props) {
     getImgInfo: getImgInfo,
     verify: verify
   });
-  var prefixCls = $prefixCls + '-drag-verify';
+  var prefixCls = "".concat($prefixCls, "-drag-verify");
   constData.current.getImgInfo = getImgInfo;
   constData.current.verify = verify;
   useEffect(function () {
@@ -147,7 +147,7 @@ var DragVerify = function DragVerify(props) {
         imgMove.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
         refreshEle.style.display = 'inline-block';
         imgMove.width = imgMove.width / constData.current.imgScale;
-        imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale + 'px';
+        imgMove.style.top = "".concat(((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale, "px");
         setLoading(false);
       };
     };
@@ -167,32 +167,32 @@ var DragVerify = function DragVerify(props) {
     var moveSliderWidth = moveSliderRect.width; // 进度条的宽
     moveDom.onmousedown = function (e) {
       if (constData.current.padding) return;
-      sliderBox.classList.add(prefixCls + '-move');
+      sliderBox.classList.add("".concat(prefixCls, "-move"));
       document.onmousemove = function (event) {
         var moveW = event.pageX - e.pageX; // 鼠标移动的距离
         if (moveW < 0) moveW = 0;
         if (moveW + moveDomWidth > imgBg.width) moveW = imgBg.width - moveDomWidth;
-        moveDom.style.left = moveW - 1 + 'px';
+        moveDom.style.left = "".concat(moveW - 1, "px");
         // 加一防止滑块与进度条之间有间隙
-        moveProgress.style.width = (moveW < 2 ? 2 : moveW) + 'px';
+        moveProgress.style.width = "".concat(moveW < 2 ? 2 : moveW, "px");
         // 进度条走过的比例
         var ratio = moveW / (moveSliderWidth - moveDomWidth);
         var imgMoveWidth = (imgBg.width - imgMove.width) * ratio;
-        imgMove.style.left = imgMoveWidth + 'px';
+        imgMove.style.left = "".concat(imgMoveWidth, "px");
         sliderText.innerHTML = '';
       };
       // 鼠标抬起
       document.onmouseup = function () {
         document.onmousemove = null;
         document.onmouseup = null;
-        sliderBox.classList.remove(prefixCls + '-move');
+        sliderBox.classList.remove("".concat(prefixCls, "-move"));
         constData.current.padding = true;
         var X = parseFloat(imgMove.style.left);
         var handX = X * constData.current.imgScale;
         sliderPosiCheck(handX, function (result) {
           if (!result) {
             // 错误
-            sliderBox.classList.add(prefixCls + '-error');
+            sliderBox.classList.add("".concat(prefixCls, "-error"));
             constData.current.timerError = setTimeout(function () {
               constData.current.padding = false;
               reset();
@@ -203,7 +203,7 @@ var DragVerify = function DragVerify(props) {
             }, 1000);
             return;
           }
-          sliderBox.classList.add(prefixCls + '-success');
+          sliderBox.classList.add("".concat(prefixCls, "-success"));
           /*constData.current.timerSuccess = setTimeout(() => {
               //constData.current.padding = false;
               //sliderBox.classList.remove(prefixCls + '-success');
@@ -216,8 +216,8 @@ var DragVerify = function DragVerify(props) {
   var reset = function reset() {
     var sliderBox = refDom.current;
     if (!sliderBox) return;
-    sliderBox.classList.remove(prefixCls + '-success');
-    sliderBox.classList.remove(prefixCls + '-error');
+    sliderBox.classList.remove("".concat(prefixCls, "-success"));
+    sliderBox.classList.remove("".concat(prefixCls, "-error"));
     var moveDom = sliderBox.querySelector('.slider-move-box'); // 滑块
     var moveProgress = sliderBox.querySelector('.slider-move-mask'); // 滑动距离元素
     var sliderText = sliderBox.querySelector('.slider-move-text'); // 互动轨道显示的文字
@@ -237,12 +237,12 @@ var DragVerify = function DragVerify(props) {
     var obj = {};
     if (width) {
       var widthHand = width;
-      if (typeof width === 'number') widthHand = width + 'px';
+      if (typeof width === 'number') widthHand = "".concat(width, "px");
       obj.width = widthHand;
     }
     if (height) {
       var heightHand = height;
-      if (typeof height === 'number') heightHand = height + 'px';
+      if (typeof height === 'number') heightHand = "".concat(height, "px");
       obj.height = heightHand;
     }
     return obj;

package/Drawer/index.d.ts

@@ -3,9 +3,9 @@
  * @date 2021/8/9 下午3:46
  * @description drawer
  */
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { DrawerProps } from './interface';
 import './index.scss';
-export declare const Drawer: FunctionComponent<DrawerProps>;
+export declare const Drawer: FC<DrawerProps>;
 export type { DrawerProps };
 export default Drawer;