@para-ui/core 3.0.19 → 3.0.21

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 (37) hide show
  1. package/CheckboxGroup/index.d.ts +2 -0
  2. package/CheckboxGroup/index.js +17 -0
  3. package/DatePicker/generatePicker/index.d.ts +2 -0
  4. package/DatePicker/index.js +91 -8
  5. package/DatePicker/util.d.ts +2 -0
  6. package/Form/index.js +1 -1
  7. package/FormItem/index.js +1 -1
  8. package/HelperText/index.d.ts +6 -2
  9. package/HelperText/index.js +2 -1
  10. package/InputLang/index.js +2 -1
  11. package/Menu/index.js +1 -1
  12. package/MultiBox/index.d.ts +7 -0
  13. package/MultiBox/index.js +111 -48
  14. package/MultiBox/lang/en_US.d.ts +4 -0
  15. package/MultiBox/lang/index.d.ts +9 -0
  16. package/MultiBox/lang/zh_CN.d.ts +4 -0
  17. package/PageHeader/index.js +1 -1
  18. package/README.md +21 -1
  19. package/RadioGroup/index.d.ts +2 -0
  20. package/RadioGroup/index.js +17 -0
  21. package/Search/index.js +1 -1
  22. package/Select/index.js +3 -2
  23. package/SelectInput/index.d.ts +2 -1
  24. package/SelectInput/index.js +1 -0
  25. package/SingleBox/index.d.ts +5 -0
  26. package/SingleBox/index.js +70 -23
  27. package/SingleBox/lang/en_US.d.ts +4 -0
  28. package/SingleBox/lang/index.d.ts +9 -0
  29. package/SingleBox/lang/zh_CN.d.ts +4 -0
  30. package/TimePicker/index.js +1 -0
  31. package/Transfer/box.d.ts +6 -1
  32. package/Transfer/index.d.ts +10 -4
  33. package/Transfer/index.js +107 -64
  34. package/Upload/index.js +92 -31
  35. package/_verture/{index-733c62a0.js → index-b4f57a63.js} +7 -7
  36. package/index.js +3 -2
  37. package/package.json +1 -1
package/MultiBox/index.js CHANGED
@@ -6,9 +6,10 @@ import { useState, useEffect } from 'react';
6
6
  import { TextField } from '../TextField/index.js';
7
7
  import Label from '../Label/index.js';
8
8
  import HelperText from '../HelperText/index.js';
9
- import Plus from '@para-ui/icons/Plus';
10
9
  import Delete from '@para-ui/icons/Delete';
10
+ import PlusCircleF from '@para-ui/icons/PlusCircleF';
11
11
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
12
+ import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
12
13
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
13
14
  import '../_verture/tslib.es6-55ed4bd2.js';
14
15
  import '@paraview/lib';
@@ -30,7 +31,20 @@ import '../_verture/usePopupContainer-874d101b.js';
30
31
  import '../Help/index.js';
31
32
  import '@para-ui/icons/Help';
32
33
 
33
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-multi-box {\n display: inline-block;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-multi-box > .multi-box-content {\n line-height: 0;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item {\n padding-bottom: 15px;\n display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n width: calc(100% - 30px);\n display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n width: calc(50% - 10px);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > span {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n cursor: pointer;\n}\n.paraui-v3-multi-box > .multi-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-multi-box > .multi-box-add > svg {\n font-size: 24px;\n}\n.paraui-v3-multi-box > .multi-box-add:hover {\n border-color: rgb(54, 102, 214);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-add {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n cursor: not-allowed;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.7);\n}";
34
+ var en = {
35
+ add: 'Newly Added'
36
+ };
37
+
38
+ var zh = {
39
+ add: '新增'
40
+ };
41
+
42
+ var localeJson = {
43
+ zh: zh,
44
+ en: en
45
+ };
46
+
47
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-multi-box {\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item {\n display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n flex: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n padding-bottom: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin: 0 12px;\n line-height: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box > .multi-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n font-size: 14px;\n}\n.paraui-v3-multi-box > .multi-box-add > svg {\n font-size: 16px;\n color: rgb(54, 102, 214);\n margin-right: 8px;\n}\n.paraui-v3-multi-box > .multi-box-add:hover {\n border-color: rgba(54, 102, 214, 0.4);\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 0;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-add {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.4);\n}";
34
48
  styleInject(css_248z);
35
49
 
36
50
  var MultiBox = function MultiBox(props) {
@@ -53,6 +67,8 @@ var MultiBox = function MultiBox(props) {
53
67
  _props$error = props.error,
54
68
  error = _props$error === void 0 ? false : _props$error,
55
69
  hideErrorDom = props.hideErrorDom,
70
+ _props$separator = props.separator,
71
+ separator = _props$separator === void 0 ? ':' : _props$separator,
56
72
  _props$helperText = props.helperText,
57
73
  helperText = _props$helperText === void 0 ? '' : _props$helperText,
58
74
  value = props.value,
@@ -60,6 +76,9 @@ var MultiBox = function MultiBox(props) {
60
76
  onChange = props.onChange,
61
77
  fetchSuggestionsKey = props.fetchSuggestionsKey,
62
78
  fetchSuggestionsValue = props.fetchSuggestionsValue;
79
+ var isError = helperText && typeof helperText === 'string' ? true : false;
80
+ var isErrorArr = helperText instanceof Array;
81
+ var intl = useFormatMessage('MultiBox', localeJson);
63
82
 
64
83
  var _useState = useState([]),
65
84
  _useState2 = _slicedToArray(_useState, 2),
@@ -86,8 +105,30 @@ var MultiBox = function MultiBox(props) {
86
105
  setReplaceFieldsCom(json);
87
106
  }
88
107
  }, [replaceFields]);
108
+ /** 处理错误 */
109
+
110
+ var handError = function handError(index, name) {
111
+ var obj = {
112
+ error: false,
113
+ helperText: ''
114
+ };
115
+
116
+ if (isErrorArr) {
117
+ var errorItem = helperText[index];
118
+
119
+ if (errorItem && errorItem[name]) {
120
+ obj = {
121
+ error: true,
122
+ helperText: errorItem[name]
123
+ };
124
+ }
125
+ }
126
+
127
+ return obj;
128
+ };
89
129
  /** 增加 */
90
130
 
131
+
91
132
  var add = function add() {
92
133
  if (disabled) return;
93
134
  valueCom.push({});
@@ -141,6 +182,65 @@ var MultiBox = function MultiBox(props) {
141
182
  className: handLabelClass()
142
183
  }));
143
184
  };
185
+ /** 处理内容每一项 */
186
+
187
+
188
+ var handContentItem = function handContentItem(item, index) {
189
+ return jsxs("div", Object.assign({
190
+ className: "multi-box-content-item-input"
191
+ }, {
192
+ children: [jsx(TextField, Object.assign({
193
+ className: 'multi-box-text-field',
194
+ size: size,
195
+ disabled: disabled,
196
+ placeholder: placeholderKey,
197
+ value: item[replaceFieldsCom.key || '']
198
+ }, handError(index, replaceFieldsCom.key || ''), {
199
+ onChange: changeValue(replaceFieldsCom.key || '', index),
200
+ fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
201
+ onSelect: selectValue(replaceFieldsCom.key || '', index)
202
+ })), separator && jsx("span", Object.assign({
203
+ className: 'multi-box-separator'
204
+ }, {
205
+ children: separator
206
+ })), jsx(TextField, Object.assign({
207
+ className: 'multi-box-text-field',
208
+ size: size,
209
+ disabled: disabled,
210
+ placeholder: placeholderValue,
211
+ value: item[replaceFieldsCom.value || '']
212
+ }, handError(index, replaceFieldsCom.value || ''), {
213
+ onChange: changeValue(replaceFieldsCom.value || '', index),
214
+ fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
215
+ onSelect: selectValue(replaceFieldsCom.value || '', index)
216
+ }))]
217
+ }));
218
+ };
219
+ /** 处理内容 */
220
+
221
+
222
+ var handContent = function handContent() {
223
+ return jsx("div", Object.assign({
224
+ className: "multi-box-content"
225
+ }, {
226
+ children: valueCom.map(function (item, index) {
227
+ return jsxs("div", Object.assign({
228
+ className: "multi-box-content-item"
229
+ }, {
230
+ children: [handContentItem(item, index), jsx("div", Object.assign({
231
+ className: "opera-box"
232
+ }, {
233
+ children: jsx("span", Object.assign({
234
+ className: "del-box",
235
+ onClick: del(index)
236
+ }, {
237
+ children: jsx(Delete, {})
238
+ }))
239
+ }))]
240
+ }), index);
241
+ })
242
+ }));
243
+ };
144
244
  /** 模糊匹配 */
145
245
 
146
246
 
@@ -173,6 +273,7 @@ var MultiBox = function MultiBox(props) {
173
273
  if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
174
274
  if (error) str += " ".concat($prefixCls, "-multi-box-error");
175
275
  if (disabled) str += " ".concat($prefixCls, "-multi-box-disabled");
276
+ if (separator) str += " ".concat($prefixCls, "-multi-box-separator");
176
277
  return str;
177
278
  };
178
279
 
@@ -180,57 +281,19 @@ var MultiBox = function MultiBox(props) {
180
281
  className: handClass(),
181
282
  style: style
182
283
  }, {
183
- children: [handLabel(), jsx("div", Object.assign({
184
- className: "multi-box-content"
185
- }, {
186
- children: valueCom.map(function (item, index) {
187
- return jsxs("div", Object.assign({
188
- className: "multi-box-content-item"
189
- }, {
190
- children: [jsxs("div", Object.assign({
191
- className: "multi-box-content-item-input"
192
- }, {
193
- children: [jsx(TextField, {
194
- className: 'multi-box-text-field',
195
- size: size,
196
- disabled: disabled,
197
- placeholder: placeholderKey,
198
- value: item[replaceFieldsCom.key || ''],
199
- hideErrorDom: true,
200
- onChange: changeValue(replaceFieldsCom.key || '', index),
201
- fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
202
- onSelect: selectValue(replaceFieldsCom.key || '', index)
203
- }), jsx("span", {
204
- children: ":"
205
- }), jsx(TextField, {
206
- className: 'multi-box-text-field',
207
- size: size,
208
- disabled: disabled,
209
- placeholder: placeholderValue,
210
- value: item[replaceFieldsCom.value || ''],
211
- hideErrorDom: true,
212
- onChange: changeValue(replaceFieldsCom.value || '', index),
213
- fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
214
- onSelect: selectValue(replaceFieldsCom.value || '', index)
215
- })]
216
- })), jsx("span", Object.assign({
217
- className: "single-box-content-item-svg"
218
- }, {
219
- children: jsx(Delete, {
220
- onClick: del(index)
221
- })
222
- }))]
223
- }), index);
224
- })
225
- })), jsx("div", Object.assign({
284
+ children: [handLabel(), handContent(), jsxs("div", Object.assign({
226
285
  className: "multi-box-add",
227
286
  onClick: add
228
287
  }, {
229
- children: jsx(Plus, {})
288
+ children: [jsx(PlusCircleF, {}), jsx("span", {
289
+ children: intl({
290
+ id: 'add'
291
+ })
292
+ })]
230
293
  })), jsx(HelperText, {
231
294
  className: "multi-box-error-text",
232
- error: error,
233
- helperText: helperText,
295
+ error: isError,
296
+ helperText: isError ? helperText : undefined,
234
297
  hideErrorDom: hideErrorDom
235
298
  })]
236
299
  }));
package/MultiBox/lang/en_US.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ add: string;
3
+ };
4
+ export default _default;
package/MultiBox/lang/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ declare const _default: {
2
+ zh: {
3
+ add: string;
4
+ };
5
+ en: {
6
+ add: string;
7
+ };
8
+ };
9
+ export default _default;
package/MultiBox/lang/zh_CN.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ add: string;
3
+ };
4
+ export default _default;
package/PageHeader/index.js CHANGED
@@ -1119,7 +1119,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
1119
1119
  });
1120
1120
  };
1121
1121
 
1122
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n padding: 0 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n}\n.paraui-v3-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 20px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n margin-right: 5px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n margin-left: 2px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn {\n padding: 0 12px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button {\n width: 100%;\n white-space: nowrap;\n padding: 0 10px 0 14px;\n line-height: 14px;\n font-size: 14px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button svg {\n color: white;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language {\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n margin-left: 5px;\n display: inline-block;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n margin-left: 5px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 12px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n white-space: nowrap;\n margin-left: 12px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 5px;\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 40px;\n line-height: 40px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 36px;\n line-height: 36px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(54, 102, 214);\n}";
1122
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n padding: 0 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n}\n.paraui-v3-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 20px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n margin-right: 5px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n margin-left: 2px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn {\n padding: 0 12px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button {\n width: 100%;\n white-space: nowrap;\n padding: 0 10px 0 14px;\n line-height: 14px;\n font-size: 14px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button svg {\n color: white;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language {\n height: 100%;\n margin-right: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n margin-left: 5px;\n display: inline-block;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n margin-right: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n margin-left: 5px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 12px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n margin-left: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n white-space: nowrap;\n margin-left: 12px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 5px;\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 40px;\n line-height: 40px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 36px;\n line-height: 36px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(54, 102, 214);\n}";
1123
1123
  styleInject(css_248z);
1124
1124
 
1125
1125
  var PageHeader = function PageHeader(props) {
package/README.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 版本: 3.0.21
2
+ para-ui/core@3.0.21 发布
3
+ 【穿梭框-Transfer】优化穿梭框，修改onChange返回值，增加render方法
4
+ 【搜索框-Search】修改内置按钮,无按钮文字,图标间距
5
+ 【页头-PageHeader】修改页头右侧按钮间距,悬浮背景色
6
+ 【下拉框-Select】支持传入ReactNode
7
+ 【菜单-Menu】菜单增加收缩菜单选中色
8
+ 【单选框组-RadioGroup】增加spacing间距参数,又有在横向布局生效
9
+ 【复选框组-CheckboxGroup】增加spacing间距参数,又有在横向布局生效
10
+
11
+ ## 版本: 3.0.20
12
+
13
+ para-ui/core@3.0.20 发布
14
+ 【全局】过滤sortablejs
15
+ 【日期选择框-DatePicker】增加isolationPopupOnHide属性，弹框关闭时隔离dom污染，默认为false
16
+ 【时间选择框-TimePicker】增加isolationPopupOnHide属性，弹框关闭时隔离dom污染，默认为false
17
+ 【上传裁剪组件-ImgCrop】修复裁剪后图片大小与预设值不一致问题，支持裁剪svg格式且输出为png格式
18
+ 【穿梭框-Transfer】优化穿梭框，修改拖拽样式，支持自定义图标
19
+ 【下拉框-Select】修改搜索去除空格
20
+
1
21
  ## 版本: 3.0.19
2
22
 
3
23
  para-ui/core@3.0.19 发布
@@ -8,7 +28,7 @@
8
28
  【树控件-Tree】修改加载更多节点不应显示操作栏
9
29
  【标签-Tag】增加marginBottom:8px,增加溢出鼠标悬浮显示
10
30
  【标签组-TagGroup】增加marginBottom:8px,增加溢出鼠标悬浮显示
11
- 【穿梭款-Transfer】重构穿梭款
31
+ 【穿梭框-Transfer】重构穿梭框
12
32
 
13
33
  ## 版本: 3.0.18
14
34
 
package/RadioGroup/index.d.ts CHANGED
@@ -16,6 +16,8 @@ export interface RadioGroupProps extends HelperTextDetailProps {
16
16
  className?: string;
17
17
  /** style */
18
18
  style?: React.CSSProperties;
19
+ /** 间距 只有在横向布局的时候生效 */
20
+ spacing?: string;
19
21
  /** 标题 */
20
22
  label?: ReactNode;
21
23
  /** 帮组提示信息 */
package/RadioGroup/index.js CHANGED
@@ -24,6 +24,8 @@ var RadioGroup = function RadioGroup(props) {
24
24
  _props$label = props.label,
25
25
  label = _props$label === void 0 ? '' : _props$label,
26
26
  labelTooltip = props.labelTooltip,
27
+ _props$spacing = props.spacing,
28
+ spacing = _props$spacing === void 0 ? '28px' : _props$spacing,
27
29
  _props$size = props.size,
28
30
  size = _props$size === void 0 ? 'large' : _props$size,
29
31
  _props$row = props.row,
@@ -90,6 +92,20 @@ var RadioGroup = function RadioGroup(props) {
90
92
  }
91
93
 
92
94
  return null;
95
+ };
96
+ /**
97
+ * @description 处理单选框每一项样式
98
+ * */
99
+
100
+
101
+ var handStyleItem = function handStyleItem(item, index) {
102
+ var obj = Object.assign({}, item.style);
103
+
104
+ if (spacing && row && list.length !== index + 1) {
105
+ obj.marginRight = spacing;
106
+ }
107
+
108
+ return obj;
93
109
  }; // 处理class
94
110
 
95
111
 
@@ -112,6 +128,7 @@ var RadioGroup = function RadioGroup(props) {
112
128
  }, {
113
129
  children: list.map(function (item, index) {
114
130
  return /*#__PURE__*/createElement(Radio, Object.assign({}, item, {
131
+ style: handStyleItem(item, index),
115
132
  checked: valueCom === item[id],
116
133
  size: size,
117
134
  disabled: Boolean(disabled || item.disabled),
package/Search/index.js CHANGED
@@ -32,7 +32,7 @@ import '@para-ui/icons/Forbid';
32
32
  import '@para-ui/icons/Down';
33
33
  import '../_verture/useFormatMessage-f4452258.js';
34
34
 
35
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n display: flex;\n width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: none;\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n padding: 0;\n background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}";
35
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n display: flex;\n width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: none;\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n padding: 0;\n background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button > span {\n margin-right: 0;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}";
36
36
  styleInject(css_248z);
37
37
 
38
38
  var Search = function Search(props) {
package/Select/index.js CHANGED
@@ -416,7 +416,8 @@ var Select = function Select(props) {
416
416
 
417
417
  var handSelectList = function handSelectList(listData) {
418
418
  var arr = [];
419
- var listDeep = DeepClone(listData);
419
+
420
+ var listDeep = _toConsumableArray(listData);
420
421
 
421
422
  for (var i = 0, l = listDeep.length; i < l; i++) {
422
423
  var item = listDeep[i];
@@ -496,7 +497,7 @@ var Select = function Select(props) {
496
497
  var bol = true; // 按显示名来
497
498
 
498
499
  var name = item[showName];
499
- if (name && typeof name === 'string' && name.toLowerCase().indexOf(searchValue.toLowerCase()) === -1) bol = false;
500
+ if (name && typeof name === 'string' && name.toLowerCase().indexOf(searchValue.trim().toLowerCase()) === -1) bol = false;
500
501
  return bol;
501
502
  };
502
503
  /**
package/SelectInput/index.d.ts CHANGED
@@ -5,7 +5,8 @@
5
5
  */
6
6
  import { FunctionComponent } from 'react';
7
7
  import { SelectProps } from '../Select';
8
- export interface SelectInputProps extends SelectProps {
8
+ export interface SelectInputProps extends Omit<SelectProps, 'list'> {
9
+ list?: any[];
9
10
  }
10
11
  export declare const SelectInput: FunctionComponent<SelectInputProps>;
11
12
  export default SelectInput;
package/SelectInput/index.js CHANGED
@@ -42,6 +42,7 @@ var SelectInput = function SelectInput(props) {
42
42
  };
43
43
 
44
44
  return jsx(Select, Object.assign({}, props, {
45
+ list: props.list || [],
45
46
  className: handClass(),
46
47
  showSelect: props.showSelect,
47
48
  searchModel: props.showSelect === false ? 'outside' : props.searchModel,
package/SingleBox/index.d.ts CHANGED
@@ -30,10 +30,15 @@ export interface SingleBoxProps extends HelperTextDetailProps {
30
30
  defaultValue?: string[];
31
31
  /** 默认值 多选时为数组 单选单值 受控 */
32
32
  value?: string[];
33
+ /** 没有错误的时候,不渲染 */
34
+ hideErrorDom?: boolean;
35
+ /** 错误提示 */
36
+ helperText?: ReactNode | ReactNode[];
33
37
  /** 改变值 */
34
38
  onChange?: (val: string[]) => void;
35
39
  /** 匹配 */
36
40
  fetchSuggestions?: (val: string, cb: (data: any[]) => void) => void;
41
+ [name: string]: any;
37
42
  }
38
43
  export declare const SingleBox: FunctionComponent<SingleBoxProps>;
39
44
  export default SingleBox;