@para-ui/core 4.0.66 → 4.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/ComboSelect/index.js +3 -3
  2. package/DynamicMultiBox/index.js +3 -3
  3. package/Form/index.js +3 -3
  4. package/FormItem/index.js +3 -3
  5. package/README.md +5 -0
  6. package/Selector/index.js +10 -3
  7. package/Selector/interface.d.ts +4 -0
  8. package/Switch/index.js +2 -2
  9. package/Table/index.js +432 -497
  10. package/Tabs/index.js +2 -2
  11. package/index.js +1 -1
  12. package/package.json +1 -1
  13. package/umd/Selector.js +2 -2
  14. package/umd/SelectorPicker.js +2 -2
  15. /package/_verture/{index-a42d4d22.js → index-fccf2ef0.js} +0 -0
package/ComboSelect/index.js CHANGED
@@ -24,8 +24,6 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
24
24
  import { Search } from '../Search/index.js';
25
25
  import LoadingOutlined from '@para-ui/icons/LoadingF';
26
26
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
27
- import '../_verture/typeof-adeedc13.js';
28
- import '../_verture/slicedToArray-61604a6c.js';
29
27
  import '../Checkbox/index.js';
30
28
  import '../Help/index.js';
31
29
  import '@para-ui/icons/Help';
@@ -37,7 +35,6 @@ import '@para-ui/icons/UpTriangleF';
37
35
  import '@para-ui/icons/DownTriangleF';
38
36
  import '@para-ui/icons/Panel';
39
37
  import '../Empty/index.js';
40
- import '../_verture/defineProperty-6f62bb2a.js';
41
38
  import '../_verture/index-0f5ee6f7.js';
42
39
  import '../_verture/sortable.esm-76fe46a4.js';
43
40
  import '../Radio/index.js';
@@ -60,6 +57,9 @@ import '@para-ui/icons/DoubleRight';
60
57
  import '../ScrollBar/index.js';
61
58
  import '../_verture/useResizeObserver-edda059a.js';
62
59
  import '../_verture/toConsumableArray-599cd94a.js';
60
+ import '../_verture/slicedToArray-61604a6c.js';
61
+ import '../_verture/defineProperty-6f62bb2a.js';
62
+ import '../_verture/typeof-adeedc13.js';
63
63
  import '../_verture/index-8ac46bd9.js';
64
64
  import '../_verture/typeof-6ec38efd.js';
65
65
  import 'rc-tree';
package/DynamicMultiBox/index.js CHANGED
@@ -52,8 +52,6 @@ import '@para-ui/icons/Up';
52
52
  import '../MultiBox/index.js';
53
53
  import '@para-ui/icons/Internet';
54
54
  import '../Table/index.js';
55
- import '../_verture/typeof-adeedc13.js';
56
- import '../_verture/slicedToArray-61604a6c.js';
57
55
  import '../_verture/index-98ae8a30.js';
58
56
  import '@para-ui/icons/CheckCircleF';
59
57
  import '@para-ui/icons/WarningCircle';
@@ -61,7 +59,6 @@ import '@para-ui/icons/WarningCircleF';
61
59
  import '@para-ui/icons/ScreenF';
62
60
  import '@para-ui/icons/UpTriangleF';
63
61
  import '@para-ui/icons/DownTriangleF';
64
- import '../_verture/defineProperty-6f62bb2a.js';
65
62
  import '../Radio/index.js';
66
63
  import '../OperateBtn/index.js';
67
64
  import '@para-ui/icons/More';
@@ -76,6 +73,9 @@ import '../ScrollBar/index.js';
76
73
  import '../_verture/useResizeObserver-edda059a.js';
77
74
  import '../_verture/index-09404080.js';
78
75
  import '../_verture/toConsumableArray-599cd94a.js';
76
+ import '../_verture/slicedToArray-61604a6c.js';
77
+ import '../_verture/defineProperty-6f62bb2a.js';
78
+ import '../_verture/typeof-adeedc13.js';
79
79
  import '../_verture/index-8ac46bd9.js';
80
80
  import '../_verture/typeof-6ec38efd.js';
81
81
  import 'rc-tree';
package/Form/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { DeepClone } from '@paraview/lib';
3
3
  import React__default from 'react';
4
- import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-a42d4d22.js';
4
+ import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-fccf2ef0.js';
5
5
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
6
6
  import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
7
7
  import '../TextField/index.js';
@@ -55,12 +55,10 @@ import 'rc-input-number';
55
55
  import '@para-ui/icons/Up';
56
56
  import '../ComboSelect/index.js';
57
57
  import '../Table/index.js';
58
- import '../_verture/typeof-adeedc13.js';
59
58
  import '@para-ui/icons/ScreenF';
60
59
  import '@para-ui/icons/UpTriangleF';
61
60
  import '@para-ui/icons/DownTriangleF';
62
61
  import '@para-ui/icons/Panel';
63
- import '../_verture/defineProperty-6f62bb2a.js';
64
62
  import '../_verture/index-0f5ee6f7.js';
65
63
  import '../_verture/sortable.esm-76fe46a4.js';
66
64
  import '../OperateBtn/index.js';
@@ -76,6 +74,8 @@ import '@para-ui/icons/DoubleRight';
76
74
  import '../ScrollBar/index.js';
77
75
  import '../_verture/index-09404080.js';
78
76
  import '../_verture/toConsumableArray-599cd94a.js';
77
+ import '../_verture/defineProperty-6f62bb2a.js';
78
+ import '../_verture/typeof-adeedc13.js';
79
79
  import '../_verture/index-8ac46bd9.js';
80
80
  import '../_verture/typeof-6ec38efd.js';
81
81
  import 'rc-tree';
package/FormItem/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'react/jsx-runtime';
2
2
  import 'react';
3
- export { F as default } from '../_verture/index-a42d4d22.js';
3
+ export { F as default } from '../_verture/index-fccf2ef0.js';
4
4
  import 'clsx';
5
5
  import '../Label/index.js';
6
6
  import '../_verture/constant-5317fc89.js';
@@ -55,12 +55,10 @@ import 'rc-input-number';
55
55
  import '@para-ui/icons/Up';
56
56
  import '../ComboSelect/index.js';
57
57
  import '../Table/index.js';
58
- import '../_verture/typeof-adeedc13.js';
59
58
  import '@para-ui/icons/ScreenF';
60
59
  import '@para-ui/icons/UpTriangleF';
61
60
  import '@para-ui/icons/DownTriangleF';
62
61
  import '@para-ui/icons/Panel';
63
- import '../_verture/defineProperty-6f62bb2a.js';
64
62
  import '../_verture/index-0f5ee6f7.js';
65
63
  import '../_verture/sortable.esm-76fe46a4.js';
66
64
  import '../OperateBtn/index.js';
@@ -76,6 +74,8 @@ import '@para-ui/icons/DoubleRight';
76
74
  import '../ScrollBar/index.js';
77
75
  import '../_verture/index-09404080.js';
78
76
  import '../_verture/toConsumableArray-599cd94a.js';
77
+ import '../_verture/defineProperty-6f62bb2a.js';
78
+ import '../_verture/typeof-adeedc13.js';
79
79
  import '../_verture/index-8ac46bd9.js';
80
80
  import '../_verture/typeof-6ec38efd.js';
81
81
  import 'rc-tree';
package/README.md CHANGED
@@ -1,3 +1,8 @@
1
+ ## 🎉 para-ui/core@4.0.67 发布
2
+
3
+ 🎁【Feature】
4
+ - 【选择器-Selector】新增内容区头部插槽自定义渲染
5
+
1
6
  ## 🎉 para-ui/core@4.0.66 发布
2
7
 
3
8
  🔧【Bugfix】
package/Selector/index.js CHANGED
@@ -327,7 +327,7 @@ var SelectorNode = function SelectorNode(props) {
327
327
  }));
328
328
  };
329
329
 
330
- var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-main {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v4-selector-main > .selectot-main-search {\n margin-bottom: 16px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content {\n border: none;\n height: 32px;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input {\n height: 32px !important;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input .text-field-label-placeholder {\n line-height: 32px !important;\n}\n.paraui-v4-selector-main > .selector-main-box {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n padding: 0 6px;\n margin-bottom: 4px;\n margin-top: 10px;\n line-height: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list-no-data {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-bottom: 16px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check {\n position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n margin-top: 4px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content {\n overflow-y: hidden;\n position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:before {\n content: \"\";\n position: absolute;\n height: 30px;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:after {\n content: \"\";\n position: absolute;\n height: 30px;\n width: 100%;\n pointer-events: none;\n bottom: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-top:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-bottom:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box {\n height: 100%;\n overflow-y: auto;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title {\n padding: 0 12px;\n margin-top: 16px;\n margin-bottom: 4px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title.selector-group-title-first {\n margin-top: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding: 0 10px;\n cursor: pointer;\n font-size: 14px;\n color: rgb(46, 101, 230);\n line-height: 30px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n /*position: absolute;\n left: 0;\n top: 0;*/\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px - 30px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box {\n height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n display: none;\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box {\n height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box .selector-main-content .nav-box {\n margin-top: 0;\n}";
330
+ var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-main {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v4-selector-main > .selectot-main-search {\n margin-bottom: 16px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content {\n border: none;\n height: 32px;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input {\n height: 32px !important;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input .text-field-label-placeholder {\n line-height: 32px !important;\n}\n.paraui-v4-selector-main > .selector-main-header {\n margin-bottom: 10px;\n}\n.paraui-v4-selector-main > .selector-main-box {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n padding: 0 6px;\n margin-bottom: 4px;\n margin-top: 10px;\n line-height: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list-no-data {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-bottom: 16px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check {\n position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n margin-top: 4px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content {\n overflow-y: hidden;\n position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:before {\n content: \"\";\n position: absolute;\n height: 30px;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:after {\n content: \"\";\n position: absolute;\n height: 30px;\n width: 100%;\n pointer-events: none;\n bottom: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-top:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-bottom:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box {\n height: 100%;\n overflow-y: auto;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title {\n padding: 0 12px;\n margin-top: 16px;\n margin-bottom: 4px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title.selector-group-title-first {\n margin-top: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding: 0 10px;\n cursor: pointer;\n font-size: 14px;\n color: rgb(46, 101, 230);\n line-height: 30px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n /*position: absolute;\n left: 0;\n top: 0;*/\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 30px - 30px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box {\n height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n display: none;\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box {\n height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box .selector-main-content .nav-box {\n margin-top: 0;\n}";
331
331
  styleInject(css_248z$2);
332
332
 
333
333
  const SelectorMainContent = props => {
@@ -687,6 +687,7 @@ const SelectorMain = props => {
687
687
  searchLoading,
688
688
  searchList,
689
689
  loading,
690
+ mainHeader,
690
691
  breadcrumbs,
691
692
  breadcrumbsSeparator = '-',
692
693
  breadcrumbsList = [],
@@ -860,7 +861,11 @@ const SelectorMain = props => {
860
861
  className: handClass(),
861
862
  style: style
862
863
  }, {
863
- children: [handSearchDom(), jsxs("div", Object.assign({
864
+ children: [handSearchDom(), mainHeader && jsx("div", Object.assign({
865
+ className: "selector-main-header"
866
+ }, {
867
+ children: mainHeader
868
+ })), jsxs("div", Object.assign({
864
869
  className: "selector-main-box"
865
870
  }, {
866
871
  children: [handListDom(), handSearchList(), handLoading()]
@@ -1143,7 +1148,8 @@ const Selector = props => {
1143
1148
  onRefresh,
1144
1149
  error = false,
1145
1150
  hideErrorDom = true,
1146
- helperText = ''
1151
+ helperText = '',
1152
+ mainHeader
1147
1153
  } = useGlobalProps(props, 'Selector');
1148
1154
  const intl = useFormatMessage('Selector', localeJson);
1149
1155
  const fieldConfigHand = handFieldConfig(props.fieldConfig, rowKey); // 字段配置,对应数据字段
@@ -1957,6 +1963,7 @@ const Selector = props => {
1957
1963
  breadcrumbsSeparator: breadcrumbsSeparator,
1958
1964
  breadcrumbsList: handBreadcrumbsList(),
1959
1965
  emptyProps: emptyProps,
1966
+ mainHeader: mainHeader,
1960
1967
  onLevel: onLevelCom,
1961
1968
  onSelect: onSelectCom,
1962
1969
  onLoad: onLoadCom,
package/Selector/interface.d.ts CHANGED
@@ -219,6 +219,8 @@ export interface SelectorMainProps {
219
219
  groupType?: SelectorListTypeItem[];
220
220
  /** 分组作用域 默认search */
221
221
  groupRange?: 'search' | 'list' | 'searchList';
222
+ /** 内容头部，搜索框和数据区之间的插槽 */
223
+ mainHeader?: ReactNode;
222
224
  /** 面包屑 */
223
225
  breadcrumbs?: boolean;
224
226
  /** 面包屑中间符号 */
@@ -365,6 +367,8 @@ export interface SelectorProps extends HelperTextDetailProps {
365
367
  groupType?: SelectorListTypeItem[];
366
368
  /** 分组作用域 默认search */
367
369
  groupRange?: 'search' | 'list' | 'searchList';
370
+ /** 内容头部，搜索框和数据区之间的插槽 */
371
+ mainHeader?: ReactNode;
368
372
  /** 面包屑 */
369
373
  breadcrumbs?: boolean;
370
374
  /** 面包屑中间符号 */
package/Switch/index.js CHANGED
@@ -26,8 +26,8 @@ var zh = {
26
26
  };
27
27
 
28
28
  var localeJson = {
29
- zh: zh,
30
- en: en
29
+ zh,
30
+ en
31
31
  };
32
32
 
33
33
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n position: relative;\n display: inline-block;\n width: 32px;\n height: 16px;\n vertical-align: middle;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n transition: all 0.2s;\n user-select: none;\n}\n.paraui-v4-switch .component-switch {\n border: none;\n cursor: pointer;\n}\n.paraui-v4-switch:before {\n position: absolute;\n top: 0px;\n left: 0;\n width: 100%;\n height: 16px;\n border-radius: 8px;\n background-color: rgb(212, 218, 227);\n content: \"\";\n transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n outline: 0;\n box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n position: absolute;\n top: 0px;\n left: 0;\n width: 100%;\n height: 16px;\n background-color: rgba(255, 255, 255, 0.5);\n content: \"\";\n z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n display: block;\n margin: 0 7px 0 25px;\n font-size: 14px;\n transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 12px;\n height: 12px;\n transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgb(255, 255, 255);\n border-radius: 9px;\n box-shadow: none;\n transition: all 0.2s ease-in-out;\n content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n right: -30%;\n left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n right: 0;\n left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n position: relative;\n top: 1px;\n color: rgb(46, 101, 230);\n font-size: 10px;\n vertical-align: top;\n animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n min-width: 28px;\n height: 14px;\n line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n margin: 0 5px 0 18px;\n font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n width: 12px;\n height: 12px;\n top: 3px;\n left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n top: 1.5px;\n font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.paraui-v4-switch-disabled::before {\n background-color: rgb(225, 229, 236);\n}\n.paraui-v4-switch-disabled.component-switch-checked::before {\n background-color: rgb(151, 178, 242);\n}\n\n.component-label-box {\n display: flex;\n align-items: center;\n}\n.component-label-box .sup-text {\n color: rgb(92, 101, 115);\n font-size: 14px;\n margin-left: 10px;\n line-height: 16px;\n}\n.component-label-box .sup-text > a {\n text-decoration: none;\n cursor: pointer;\n color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n display: inline-flex;\n align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n margin-bottom: 0;\n margin-right: 10px;\n line-height: 16px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n display: flex;\n flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n margin-right: 0;\n}\n\n.component-switch-disabled > div:nth-child(1)::before {\n transition: all 2s ease-in-out;\n}";