@para-ui/core 3.0.53 → 3.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/InputLang/index.d.ts +13 -2
- package/InputLang/index.js +143 -35
- package/MultiBox/index.d.ts +3 -1
- package/MultiBox/index.js +13 -8
- package/README.md +16 -0
- package/Select/index.js +1 -1
- package/SelectorPicker/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/umd/ComboSelect.js +1 -1
- package/umd/DynamicMultiBox.js +4 -4
- package/umd/Form.js +1 -1
- package/umd/FormItem.js +1 -1
- package/umd/InputLang.js +4 -4
- package/umd/MultiBox.js +1 -1
- package/umd/Pagination.js +1 -1
- package/umd/Select.js +4 -4
- package/umd/SelectInput.js +7 -7
- package/umd/SelectorPicker.js +1 -1
- package/umd/Table.js +1 -1
- /package/_verture/{index-9fd86055.js → index-b47439b6.js} +0 -0
package/Form/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { DeepClone } from '@paraview/lib';
|
|
5
5
|
import React__default from 'react';
|
|
6
|
-
import { F as FormItem, v as validate } from '../_verture/index-
|
|
6
|
+
import { F as FormItem, v as validate } from '../_verture/index-b47439b6.js';
|
|
7
7
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
8
8
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
9
9
|
import '../TextField/index.js';
|
package/FormItem/index.js
CHANGED
package/InputLang/index.d.ts
CHANGED
|
@@ -39,8 +39,19 @@ export interface InputLangProps extends HelperTextDetailProps {
|
|
|
39
39
|
value?: valueProps;
|
|
40
40
|
/** 改变值 */
|
|
41
41
|
onChange?: (val: valueProps) => void;
|
|
42
|
-
/**
|
|
43
|
-
langList?: string
|
|
42
|
+
/** 语言列表 */
|
|
43
|
+
langList?: (string | {
|
|
44
|
+
label: string;
|
|
45
|
+
value: string;
|
|
46
|
+
})[];
|
|
47
|
+
/** 默认语种 */
|
|
48
|
+
defaultLang?: string;
|
|
49
|
+
/** 禁用增加 */
|
|
50
|
+
disabledAdd?: boolean;
|
|
51
|
+
/** 禁用删除 */
|
|
52
|
+
disabledDelete?: boolean;
|
|
53
|
+
/** 禁用key */
|
|
54
|
+
disabledKey?: boolean | string[];
|
|
44
55
|
}
|
|
45
56
|
export declare const InputLang: FunctionComponent<InputLangProps>;
|
|
46
57
|
export default InputLang;
|
package/InputLang/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
|
|
2
|
+
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
|
|
1
3
|
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
|
|
2
4
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
3
5
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
|
-
import { useState, useEffect, useMemo } from 'react';
|
|
6
|
+
import { useState, useRef, useEffect, useMemo } from 'react';
|
|
5
7
|
import { TextField } from '../TextField/index.js';
|
|
6
8
|
import HelperText from '../HelperText/index.js';
|
|
7
9
|
import { MultiBox } from '../MultiBox/index.js';
|
|
@@ -11,7 +13,6 @@ import { GetLanguage, ArrayToObject } from '@paraview/lib';
|
|
|
11
13
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
12
14
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
13
15
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
14
|
-
import '../_verture/typeof-498dd2b1.js';
|
|
15
16
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
16
17
|
import '../Label/index.js';
|
|
17
18
|
import '../Help/index.js';
|
|
@@ -36,7 +37,7 @@ import '@para-ui/icons/Delete';
|
|
|
36
37
|
import '@para-ui/icons/PlusCircleF';
|
|
37
38
|
import '../_verture/useFormatMessage-703f8b20.js';
|
|
38
39
|
|
|
39
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-input-lang {\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-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after {\n cursor: pointer;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner {\n padding: 12px;\n width: 300px;\n line-height: 0;\n}\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n padding-bottom: 0;\n}";
|
|
40
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-input-lang {\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-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after {\n cursor: pointer;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-input-lang .input-lang-text-field > .paraui-v3-helper-text {\n display: none;\n}\n\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner {\n padding: 12px;\n width: 300px;\n line-height: 0;\n}\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n padding-bottom: 0;\n}\n.paraui-v3-input-lang-popover.paraui-v3-input-lang-popover-disabled-add > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-add {\n display: none;\n}\n.paraui-v3-input-lang-popover.paraui-v3-input-lang-popover-disabled-delete > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content > .multi-box-content-item .opera-box {\n display: none;\n}";
|
|
40
41
|
styleInject(css_248z);
|
|
41
42
|
|
|
42
43
|
var InputLang = function InputLang(props) {
|
|
@@ -67,22 +68,39 @@ var InputLang = function InputLang(props) {
|
|
|
67
68
|
_props$langList = props.langList,
|
|
68
69
|
langList = _props$langList === void 0 ? ['zh', 'en'] : _props$langList,
|
|
69
70
|
_props$disabled = props.disabled,
|
|
70
|
-
disabled = _props$disabled === void 0 ? false : _props$disabled
|
|
71
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
72
|
+
defaultLang = props.defaultLang,
|
|
73
|
+
disabledDelete = props.disabledDelete,
|
|
74
|
+
disabledAdd = props.disabledAdd,
|
|
75
|
+
disabledKey = props.disabledKey;
|
|
71
76
|
var _useState = useState(false),
|
|
72
77
|
_useState2 = _slicedToArray(_useState, 2),
|
|
73
78
|
open = _useState2[0],
|
|
74
79
|
setOpen = _useState2[1]; // 打开弹窗
|
|
75
80
|
var _useState3 = useState(GetLanguage() || 'zh'),
|
|
76
|
-
_useState4 = _slicedToArray(_useState3,
|
|
77
|
-
lang = _useState4[0]
|
|
81
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
82
|
+
lang = _useState4[0],
|
|
83
|
+
setLang = _useState4[1]; // 当前语言
|
|
78
84
|
var _useState5 = useState({}),
|
|
79
85
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var _useState7 = useState(
|
|
86
|
+
langMapping = _useState6[0],
|
|
87
|
+
setLangMapping = _useState6[1];
|
|
88
|
+
var _useState7 = useState({}),
|
|
83
89
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
84
|
-
|
|
85
|
-
|
|
90
|
+
valueCom = _useState8[0],
|
|
91
|
+
setValueCom = _useState8[1];
|
|
92
|
+
var _useState9 = useState([]),
|
|
93
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
94
|
+
valueListLang = _useState10[0],
|
|
95
|
+
setValueListLang = _useState10[1]; // 多值框值
|
|
96
|
+
var constData = useRef({
|
|
97
|
+
lang: lang,
|
|
98
|
+
valueCom: valueCom,
|
|
99
|
+
langMapping: {},
|
|
100
|
+
langLabelMapping: {}
|
|
101
|
+
});
|
|
102
|
+
constData.current.lang = lang;
|
|
103
|
+
constData.current.disabledDelete = disabledDelete;
|
|
86
104
|
useEffect(function () {
|
|
87
105
|
if (props.defaultValue !== undefined) {
|
|
88
106
|
handValue(props.defaultValue);
|
|
@@ -93,24 +111,88 @@ var InputLang = function InputLang(props) {
|
|
|
93
111
|
handValue(value);
|
|
94
112
|
}
|
|
95
113
|
}, [value]);
|
|
114
|
+
useEffect(function () {
|
|
115
|
+
if (defaultLang !== undefined) {
|
|
116
|
+
setLang(defaultLang);
|
|
117
|
+
constData.current.lang = defaultLang;
|
|
118
|
+
handValue();
|
|
119
|
+
}
|
|
120
|
+
}, [defaultLang]);
|
|
121
|
+
useEffect(function () {
|
|
122
|
+
if (langList) {
|
|
123
|
+
var obj = {};
|
|
124
|
+
var objLabel = {};
|
|
125
|
+
for (var i = 0, l = langList.length; i < l; i++) {
|
|
126
|
+
var item = langList[i];
|
|
127
|
+
if (typeof item === "string") {
|
|
128
|
+
obj[item] = {
|
|
129
|
+
label: item,
|
|
130
|
+
value: item
|
|
131
|
+
};
|
|
132
|
+
objLabel[item] = {
|
|
133
|
+
label: item,
|
|
134
|
+
value: item
|
|
135
|
+
};
|
|
136
|
+
} else {
|
|
137
|
+
obj[item.value] = item;
|
|
138
|
+
objLabel[item.label] = item;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
constData.current.langMapping = obj;
|
|
142
|
+
constData.current.langLabelMapping = objLabel;
|
|
143
|
+
setLangMapping(obj);
|
|
144
|
+
handValue();
|
|
145
|
+
}
|
|
146
|
+
}, [props.langList]);
|
|
96
147
|
/**
|
|
97
148
|
* 处理值
|
|
98
149
|
*/
|
|
99
150
|
var handValue = function handValue(val) {
|
|
100
|
-
var
|
|
101
|
-
if (valueHand[lang] === undefined) valueHand[lang] = '';
|
|
102
|
-
var keyArr = Object.keys(valueHand);
|
|
151
|
+
var valueCopy = Object.assign({}, val || constData.current.valueCom);
|
|
103
152
|
var arr = [];
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
var
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
value
|
|
110
|
-
|
|
153
|
+
var json = {};
|
|
154
|
+
if (constData.current.disabledDelete) {
|
|
155
|
+
var keyArr = Object.keys(constData.current.langMapping) || [];
|
|
156
|
+
for (var i = 0, l = keyArr.length; i < l; i++) {
|
|
157
|
+
var keyItem = constData.current.langMapping[keyArr[i]] || {};
|
|
158
|
+
var key = keyItem.value;
|
|
159
|
+
var _label = keyItem.label;
|
|
160
|
+
var _val = valueCopy[key];
|
|
161
|
+
if (key !== constData.current.lang) {
|
|
162
|
+
json[key] = true;
|
|
163
|
+
arr.push({
|
|
164
|
+
label: _label,
|
|
165
|
+
value: _val || ''
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
var valueCopyArr = Object.keys(valueCopy);
|
|
171
|
+
for (var _i = 0, _l = valueCopyArr.length; _i < _l; _i++) {
|
|
172
|
+
var _key = valueCopyArr[_i];
|
|
173
|
+
var item = valueCopy[_key];
|
|
174
|
+
// 不存在设置过,且不是当前语言
|
|
175
|
+
if (!json[_key] && _key !== constData.current.lang) {
|
|
176
|
+
var itemDetail = constData.current.langMapping[_key] || {};
|
|
177
|
+
arr.push({
|
|
178
|
+
label: itemDetail.label || _key,
|
|
179
|
+
value: item || ''
|
|
180
|
+
});
|
|
181
|
+
}
|
|
111
182
|
}
|
|
183
|
+
constData.current.valueCom = Object.assign({}, valueCopy);
|
|
112
184
|
setValueListLang(arr);
|
|
113
|
-
setValueCom(
|
|
185
|
+
setValueCom(valueCopy);
|
|
186
|
+
};
|
|
187
|
+
/**
|
|
188
|
+
* 向外抛值
|
|
189
|
+
* */
|
|
190
|
+
var outValue = function outValue(val) {
|
|
191
|
+
if (props.value === undefined) {
|
|
192
|
+
constData.current.valueCom = Object.assign({}, val);
|
|
193
|
+
setValueCom(val);
|
|
194
|
+
}
|
|
195
|
+
onChange && onChange(val);
|
|
114
196
|
};
|
|
115
197
|
/**
|
|
116
198
|
* 改变当前语言
|
|
@@ -119,8 +201,7 @@ var InputLang = function InputLang(props) {
|
|
|
119
201
|
var changeValue = function changeValue(event) {
|
|
120
202
|
valueCom[lang] = event.target.value;
|
|
121
203
|
var val = Object.assign({}, valueCom);
|
|
122
|
-
|
|
123
|
-
onChange && onChange(val);
|
|
204
|
+
outValue(val);
|
|
124
205
|
};
|
|
125
206
|
/**
|
|
126
207
|
* 改变弹窗语言值
|
|
@@ -131,11 +212,15 @@ var InputLang = function InputLang(props) {
|
|
|
131
212
|
};
|
|
132
213
|
/** 模糊搜索 */
|
|
133
214
|
var fetchSuggestionsKey = function fetchSuggestionsKey(val, cb) {
|
|
215
|
+
var _a;
|
|
134
216
|
var arr = [];
|
|
135
217
|
var jsonMapping = ArrayToObject('label', valueListLang);
|
|
136
218
|
for (var i = 0, l = langList.length; i < l; i++) {
|
|
137
219
|
var item = langList[i];
|
|
138
|
-
if (
|
|
220
|
+
if (_typeof(item) === "object") {
|
|
221
|
+
item = item.label;
|
|
222
|
+
}
|
|
223
|
+
if (!jsonMapping[item] && item !== (((_a = langMapping[lang]) === null || _a === void 0 ? void 0 : _a.label) || lang)) arr.push({
|
|
139
224
|
label: item,
|
|
140
225
|
value: item
|
|
141
226
|
});
|
|
@@ -148,24 +233,26 @@ var InputLang = function InputLang(props) {
|
|
|
148
233
|
};
|
|
149
234
|
/** 关闭弹窗 */
|
|
150
235
|
var handleClose = function handleClose(bol) {
|
|
236
|
+
var _a;
|
|
151
237
|
if (bol) return;
|
|
152
238
|
setOpen(false);
|
|
153
239
|
// 向外抛值
|
|
154
240
|
var json = {};
|
|
155
|
-
json[lang] = valueCom[lang];
|
|
241
|
+
json[lang] = valueCom[lang] || '';
|
|
156
242
|
for (var i = 0, l = valueListLang.length; i < l; i++) {
|
|
157
243
|
var item = valueListLang[i];
|
|
158
|
-
|
|
244
|
+
var _label2 = ((_a = constData.current.langLabelMapping[item.label]) === null || _a === void 0 ? void 0 : _a.value) || item.label || '';
|
|
245
|
+
if (_label2.trim() !== '') json[_label2] = item.value || '';
|
|
159
246
|
}
|
|
160
|
-
|
|
161
|
-
onChange && onChange(Object.assign({}, json));
|
|
247
|
+
outValue(json);
|
|
162
248
|
};
|
|
163
249
|
/** 当前语言 */
|
|
164
|
-
var AddonBeforeMemo =
|
|
250
|
+
var AddonBeforeMemo = function AddonBeforeMemo() {
|
|
251
|
+
var _a;
|
|
165
252
|
return jsx("div", {
|
|
166
|
-
children: lang
|
|
253
|
+
children: ((_a = langMapping[lang]) === null || _a === void 0 ? void 0 : _a.label) || lang
|
|
167
254
|
});
|
|
168
|
-
}
|
|
255
|
+
};
|
|
169
256
|
/** 加载更多语言 */
|
|
170
257
|
var AddonAfterMemo = useMemo(function () {
|
|
171
258
|
return jsx("div", Object.assign({
|
|
@@ -178,8 +265,29 @@ var InputLang = function InputLang(props) {
|
|
|
178
265
|
var popoverHandClass = function popoverHandClass() {
|
|
179
266
|
var str = $prefixCls + '-input-lang-popover';
|
|
180
267
|
if (popoverClassName) str += ' ' + popoverClassName;
|
|
268
|
+
if (disabledAdd) str += " ".concat($prefixCls, "-input-lang-popover-disabled-add");
|
|
269
|
+
if (disabledDelete) str += " ".concat($prefixCls, "-input-lang-popover-disabled-delete");
|
|
181
270
|
return str;
|
|
182
271
|
};
|
|
272
|
+
var handleDisabled = function handleDisabled() {
|
|
273
|
+
if (disabled === true) return;
|
|
274
|
+
var arr = [];
|
|
275
|
+
if (disabledKey) {
|
|
276
|
+
var bol = _typeof(disabledKey) === 'object';
|
|
277
|
+
for (var i = 0, l = valueListLang.length; i < l; i++) {
|
|
278
|
+
var _label3 = valueListLang[i].label || '';
|
|
279
|
+
var labelDetail = constData.current.langLabelMapping[_label3] || {};
|
|
280
|
+
if (bol) {
|
|
281
|
+
arr.push(_defineProperty({}, _label3, disabledKey.indexOf(labelDetail.value || _label3) !== -1));
|
|
282
|
+
} else {
|
|
283
|
+
if (_label3.trim() !== '') {
|
|
284
|
+
arr.push(_defineProperty({}, _label3, true));
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
return arr;
|
|
290
|
+
};
|
|
183
291
|
/** 弹窗列表内容 */
|
|
184
292
|
var langListPopoverContent = function langListPopoverContent() {
|
|
185
293
|
return jsx("div", Object.assign({
|
|
@@ -188,7 +296,7 @@ var InputLang = function InputLang(props) {
|
|
|
188
296
|
children: jsx(MultiBox, {
|
|
189
297
|
className: 'input-lang-multi-box',
|
|
190
298
|
size: size,
|
|
191
|
-
disabled:
|
|
299
|
+
disabled: handleDisabled(),
|
|
192
300
|
value: valueListLang,
|
|
193
301
|
onChange: changeListLang,
|
|
194
302
|
fetchSuggestionsKey: fetchSuggestionsKey,
|
|
@@ -228,9 +336,9 @@ var InputLang = function InputLang(props) {
|
|
|
228
336
|
label: label,
|
|
229
337
|
labelTooltip: labelTooltip,
|
|
230
338
|
placeholder: placeholder,
|
|
231
|
-
value: valueCom[lang],
|
|
339
|
+
value: valueCom[lang] || '',
|
|
232
340
|
addonAfter: AddonAfterMemo,
|
|
233
|
-
addonBefore: AddonBeforeMemo,
|
|
341
|
+
addonBefore: AddonBeforeMemo(),
|
|
234
342
|
hideErrorDom: true,
|
|
235
343
|
onClickAddonAfter: clickAfter,
|
|
236
344
|
onChange: changeValue
|
package/MultiBox/index.d.ts
CHANGED
|
@@ -33,7 +33,9 @@ export interface MultiBoxProps extends HelperTextDetailProps {
|
|
|
33
33
|
/** 提示语value */
|
|
34
34
|
placeholderValue?: ReactNode;
|
|
35
35
|
/** 是否禁用 */
|
|
36
|
-
disabled?: boolean
|
|
36
|
+
disabled?: boolean | {
|
|
37
|
+
[name: string]: boolean;
|
|
38
|
+
}[];
|
|
37
39
|
/** 是否必填 */
|
|
38
40
|
required?: boolean;
|
|
39
41
|
/** 默认值 不受控 */
|
package/MultiBox/index.js
CHANGED
|
@@ -123,7 +123,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
123
123
|
};
|
|
124
124
|
/** 增加 */
|
|
125
125
|
var add = function add() {
|
|
126
|
-
if (disabled) return;
|
|
126
|
+
if (disabled === true) return;
|
|
127
127
|
valueCom.push({});
|
|
128
128
|
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
129
129
|
onChange && onChange(valueCom);
|
|
@@ -131,7 +131,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
131
131
|
/** 删除 */
|
|
132
132
|
var del = function del(index) {
|
|
133
133
|
return function () {
|
|
134
|
-
if (disabled) return;
|
|
134
|
+
if (disabled === true) return;
|
|
135
135
|
valueCom.splice(index, 1);
|
|
136
136
|
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
137
137
|
onChange && onChange(valueCom);
|
|
@@ -167,15 +167,20 @@ var MultiBox = function MultiBox(props) {
|
|
|
167
167
|
};
|
|
168
168
|
/** 处理内容每一项 */
|
|
169
169
|
var handContentItem = function handContentItem(item, index) {
|
|
170
|
+
var _a, _b;
|
|
171
|
+
var keyValue = item[replaceFieldsCom.key || ''] || '';
|
|
172
|
+
var valValue = item[replaceFieldsCom.value || ''] || '';
|
|
173
|
+
var disabledKey = disabled instanceof Array ? (_a = disabled[index]) === null || _a === void 0 ? void 0 : _a[keyValue] : disabled;
|
|
174
|
+
var disabledVal = disabled instanceof Array ? (_b = disabled[index]) === null || _b === void 0 ? void 0 : _b[valValue] : disabled;
|
|
170
175
|
return jsxs("div", Object.assign({
|
|
171
176
|
className: "multi-box-content-item-input"
|
|
172
177
|
}, {
|
|
173
178
|
children: [jsx(TextField, Object.assign({
|
|
174
179
|
className: 'multi-box-text-field',
|
|
175
180
|
size: size,
|
|
176
|
-
disabled:
|
|
181
|
+
disabled: disabledKey,
|
|
177
182
|
placeholder: placeholderKey,
|
|
178
|
-
value:
|
|
183
|
+
value: keyValue
|
|
179
184
|
}, handError(index, replaceFieldsCom.key || ''), {
|
|
180
185
|
onChange: changeValue(replaceFieldsCom.key || '', index),
|
|
181
186
|
fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
|
|
@@ -187,9 +192,9 @@ var MultiBox = function MultiBox(props) {
|
|
|
187
192
|
})), jsx(TextField, Object.assign({
|
|
188
193
|
className: 'multi-box-text-field',
|
|
189
194
|
size: size,
|
|
190
|
-
disabled:
|
|
195
|
+
disabled: disabledVal,
|
|
191
196
|
placeholder: placeholderValue,
|
|
192
|
-
value:
|
|
197
|
+
value: valValue
|
|
193
198
|
}, handError(index, replaceFieldsCom.value || ''), {
|
|
194
199
|
onChange: changeValue(replaceFieldsCom.value || '', index),
|
|
195
200
|
fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
|
|
@@ -206,7 +211,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
206
211
|
return jsxs("div", Object.assign({
|
|
207
212
|
className: "multi-box-content-item"
|
|
208
213
|
}, {
|
|
209
|
-
children: [handContentItem(item, index),
|
|
214
|
+
children: [handContentItem(item, index), disabled !== true && jsx("div", Object.assign({
|
|
210
215
|
className: "opera-box"
|
|
211
216
|
}, {
|
|
212
217
|
children: jsx("span", Object.assign({
|
|
@@ -243,7 +248,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
243
248
|
if (className) str += ' ' + className;
|
|
244
249
|
if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
|
|
245
250
|
if (error) str += " ".concat($prefixCls, "-multi-box-error");
|
|
246
|
-
if (disabled) str += " ".concat($prefixCls, "-multi-box-disabled");
|
|
251
|
+
if (disabled === true) str += " ".concat($prefixCls, "-multi-box-disabled");
|
|
247
252
|
if (separator) str += " ".concat($prefixCls, "-multi-box-separator");
|
|
248
253
|
return str;
|
|
249
254
|
};
|
package/README.md
CHANGED
|
@@ -1,13 +1,24 @@
|
|
|
1
|
+
## 版本: 3.0.54
|
|
2
|
+
|
|
3
|
+
para-ui/core@3.0.54 发布
|
|
4
|
+
【国际化输入框-InputLang】修改国际化输入框支持增加,删除按钮自定义,支持传入默认语言,语言列表支持对象形式,禁用key
|
|
5
|
+
【多值框-MultiBox】disabled支持数组
|
|
6
|
+
【下拉框-Select】修复浏览器缩放,下拉框超出+1计算错误
|
|
7
|
+
【下拉选择器-SelectPicker】修复浏览器缩放,下拉选择器超出+1计算错误
|
|
8
|
+
|
|
1
9
|
## 版本: 3.0.53
|
|
10
|
+
|
|
2
11
|
para-ui/core@3.0.53 发布
|
|
3
12
|
【提示信息-Message】支持单独使用MessageBar
|
|
4
13
|
|
|
5
14
|
## 版本: 3.0.52
|
|
15
|
+
|
|
6
16
|
para-ui/core@3.0.52 发布
|
|
7
17
|
【输入框-TextField】修复输入框无法自动得到焦点
|
|
8
18
|
【表单-Form】支持指定部分字段校验
|
|
9
19
|
|
|
10
20
|
## 版本: 3.0.51
|
|
21
|
+
|
|
11
22
|
para-ui/core@3.0.51 发布
|
|
12
23
|
【多值框-MultiBox】修复多值框删除渲染错乱
|
|
13
24
|
【单值框-SingleBox】修复单值框删除渲染错乱
|
|
@@ -15,11 +26,13 @@
|
|
|
15
26
|
【通知提示框-Notification】支持移除closeIcon
|
|
16
27
|
|
|
17
28
|
## 版本: 3.0.50
|
|
29
|
+
|
|
18
30
|
para-ui/core@3.0.50 发布
|
|
19
31
|
【富文本-TextEditor】解决excludeKeys传常量时,富文本无限刷新的问题
|
|
20
32
|
【表格-Table】修改表格超出文字提示宽度
|
|
21
33
|
|
|
22
34
|
## 版本: 3.0.49
|
|
35
|
+
|
|
23
36
|
para-ui/core@3.0.49 发布
|
|
24
37
|
【切换按钮-ToggleButton】文字超出新增悬浮提示
|
|
25
38
|
【多值框-MultiBox】修改上下间距12px
|
|
@@ -27,16 +40,19 @@
|
|
|
27
40
|
【动态多值框-DynamicMultiBox】修改上下间距12px
|
|
28
41
|
|
|
29
42
|
## 版本: 3.0.48
|
|
43
|
+
|
|
30
44
|
para-ui/core@3.0.48 发布
|
|
31
45
|
【抽屉-Drawer】抽屉无法配置文案修复
|
|
32
46
|
|
|
33
47
|
## 版本: 3.0.47
|
|
48
|
+
|
|
34
49
|
para-ui/core@3.0.47 发布
|
|
35
50
|
【超出省略-AutoTips】超出省略支持多行显示
|
|
36
51
|
【Button.SplitButton】修复浮层按钮高亮问题
|
|
37
52
|
【时间选择框-DatePicker】修复国际化为不支持的语言时报错,默认显示为中文
|
|
38
53
|
|
|
39
54
|
## 版本: 3.0.46
|
|
55
|
+
|
|
40
56
|
para-ui/core@3.0.46 发布
|
|
41
57
|
【Upload】ImageUpload增加 readonly 属性,实现照片墙预览模式
|
|
42
58
|
【树形控件-Tree】添加headers入参
|
package/Select/index.js
CHANGED
|
@@ -50,7 +50,7 @@ var localeJson = {
|
|
|
50
50
|
en: en
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-select {\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: inline-block;\n vertical-align: top;\n width: 100%;\n}\n.paraui-v3-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n padding-right: 12px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-select > .select-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content:hover > .select-svg > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v3-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-select > .select-content > .select-svg {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n}\n.paraui-v3-select > .select-content > .select-svg > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-select > .select-content > .radio-select-content {\n padding-left: 12px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-select > .select-content > .radio-search-outside {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n line-height: 1.43;\n padding: 0 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-select > .select-content > .check-select-content {\n padding-left: 12px;\n height: 100%;\n overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > span {\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-search-outside {\n width: 10px;\n max-width: 100% !important;\n display: none;\n border: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content {\n height: inherit;\n min-height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-select.paraui-v3-select-error > .select-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content {\n height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content {\n height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content {\n padding-bottom: 4px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content {\n height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-svg {\n top: 8px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .radio-select-content {\n padding-bottom: 7px;\n padding-top: 7px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content {\n padding-bottom: 5px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 5px;\n height: 24px;\n}\n\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 58px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 12px;\n border-bottom: 1px solid;\n border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(46, 55, 67);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgba(46, 55, 67, 0.4);\n font-size: 20px;\n cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n padding: 8px 0;\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 12px;\n align-items: center;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n line-height: 0;\n display: none;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 20px;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n display: inline-block;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n color: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n display: inline-block;\n width: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n padding-left: 20px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(46, 55, 67);\n margin-top: 50px;\n margin-bottom: 72px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 32px;\n line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n line-height: 32px;\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 36px;\n line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
53
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-select {\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: inline-block;\n vertical-align: top;\n width: 100%;\n}\n.paraui-v3-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n padding-right: 12px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-select > .select-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content:hover > .select-svg > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v3-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-select > .select-content > .select-svg {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n}\n.paraui-v3-select > .select-content > .select-svg > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-select > .select-content > .radio-select-content {\n padding-left: 12px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-select > .select-content > .radio-search-outside {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n line-height: 1.43;\n padding: 0 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-select > .select-content > .check-select-content {\n padding-left: 12px;\n overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > span {\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-search-outside {\n width: 10px;\n max-width: 100% !important;\n display: none;\n border: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content {\n height: inherit;\n min-height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-select.paraui-v3-select-error > .select-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content {\n height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content {\n height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content {\n padding-bottom: 4px;\n height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content {\n height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-svg {\n top: 8px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .radio-select-content {\n padding-bottom: 7px;\n padding-top: 7px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content {\n padding-bottom: 5px;\n height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 5px;\n height: 24px;\n}\n\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 58px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 12px;\n border-bottom: 1px solid;\n border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(46, 55, 67);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgba(46, 55, 67, 0.4);\n font-size: 20px;\n cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n padding: 8px 0;\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 12px;\n align-items: center;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n line-height: 0;\n display: none;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 20px;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n display: inline-block;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n color: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n display: inline-block;\n width: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n padding-left: 20px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(46, 55, 67);\n margin-top: 50px;\n margin-bottom: 72px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 32px;\n line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n line-height: 32px;\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 36px;\n line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
54
54
|
styleInject(css_248z);
|
|
55
55
|
|
|
56
56
|
/**
|
package/SelectorPicker/index.js
CHANGED
|
@@ -63,7 +63,7 @@ var localeJson = {
|
|
|
63
63
|
en: en
|
|
64
64
|
};
|
|
65
65
|
|
|
66
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker {\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 width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 42px 0 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n padding-right: 40px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content {\n width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 100%;\n overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n color: rgb(46, 55, 67);\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n font-size: 14px;\n line-height: 1.429;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n flex: 1;\n color: rgba(46, 55, 67, 0.4);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n line-height: 0;\n width: 20px;\n height: 20px;\n transition: all 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n line-height: 0;\n opacity: 0;\n transition: all 0.3s;\n width: 20px;\n height: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear > svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n position: absolute;\n left: 2px;\n top: 2px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow svg {\n transform: rotate(180deg);\n color: #3666d6;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 1;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 36px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 5px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 36px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 7px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 34px;\n line-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-arrow {\n top: 8px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-clear {\n top: 8px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 32px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 4px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 32px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 5px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 30px;\n line-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-arrow {\n top: 6px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-clear {\n top: 6px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n border: 0;\n}\n.paraui-v3-selector-picker-dropdown .selector-picker-dropdown-content {\n max-height: 300px;\n overflow: auto;\n}\n\n.paraui-v3-selector-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-selector-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
66
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker {\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 width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 42px 0 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n padding-right: 40px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content {\n width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n color: rgb(46, 55, 67);\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n font-size: 14px;\n line-height: 1.429;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n flex: 1;\n color: rgba(46, 55, 67, 0.4);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n line-height: 0;\n width: 20px;\n height: 20px;\n transition: all 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n line-height: 0;\n opacity: 0;\n transition: all 0.3s;\n width: 20px;\n height: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear > svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n position: absolute;\n left: 2px;\n top: 2px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow svg {\n transform: rotate(180deg);\n color: #3666d6;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear.paraui-v3-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 1;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 36px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 5px;\n height: 100%;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 36px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 7px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 34px;\n line-height: 34px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-arrow {\n top: 8px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-large > .selector-picker-wrapper > .selector-picker-clear {\n top: 8px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 32px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 4px;\n height: 100%;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 32px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 5px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 30px;\n line-height: 30px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-arrow {\n top: 6px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-medium > .selector-picker-wrapper > .selector-picker-clear {\n top: 6px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small.paraui-v3-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-small > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n border: 0;\n}\n.paraui-v3-selector-picker-dropdown .selector-picker-dropdown-content {\n max-height: 300px;\n overflow: auto;\n}\n\n.paraui-v3-selector-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-selector-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-selector-more-popover.paraui-v3-selector-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
67
67
|
styleInject(css_248z);
|
|
68
68
|
|
|
69
69
|
//下拉选择器
|