@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.5
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/AutoBox/index.js +72 -85
- package/AutoTips/index.js +72 -95
- package/Badge/index.js +18 -17
- package/Breadcrumbs/index.js +57 -73
- package/Button/index.js +89 -117
- package/ButtonGroup/index.js +30 -33
- package/Carousel/index.js +29 -33
- package/Cascader/index.js +7 -9
- package/Checkbox/index.js +28 -35
- package/CheckboxGroup/index.js +43 -58
- package/Collapse/index.js +52 -49
- package/CollapseBox/index.js +65 -70
- package/CollapseLayout/index.js +106 -101
- package/ColorPicker/index.js +3 -3
- package/ComboSelect/index.js +242 -330
- package/ComboSelect/utils.d.ts +0 -5
- package/Container/index.js +17 -21
- package/CopyText/index.js +50 -83
- package/DatePicker/index.js +22 -27
- package/Descriptions/index.js +50 -59
- package/Desktop/index.js +161 -180
- package/DragVerify/index.js +77 -113
- package/Drawer/index.js +82 -97
- package/Dropdown/index.js +3 -3
- package/DynamicMultiBox/index.js +219 -224
- package/DynamicMultiBox/interface.d.ts +7 -0
- package/Empty/index.js +26 -28
- package/Form/index.js +66 -74
- package/FormItem/index.js +14 -15
- package/FunctionModal/index.js +7 -14
- package/GlobalContext/index.js +17 -20
- package/Help/index.js +9 -12
- package/HelperText/index.js +11 -11
- package/InputLang/index.js +104 -124
- package/InputNumber/index.js +62 -81
- package/Label/index.js +19 -21
- package/Loading/index.js +11 -10
- package/Menu/index.js +302 -371
- package/Message/index.js +105 -114
- package/Modal/index.js +122 -148
- package/MultiBox/index.d.ts +5 -0
- package/MultiBox/index.js +111 -115
- package/Notification/index.js +105 -103
- package/OperateBtn/index.d.ts +3 -0
- package/OperateBtn/index.js +77 -107
- package/PageHeader/index.js +327 -406
- package/Pagination/index.js +107 -137
- package/ParauiProvider/index.js +20 -22
- package/PasswordRules/index.js +36 -40
- package/PopConfirm/index.js +62 -79
- package/Popover/index.js +12 -12
- package/Progress/index.js +72 -74
- package/Querying/index.js +52 -59
- package/README.md +2 -0
- package/Radio/index.js +27 -34
- package/RadioGroup/index.js +38 -52
- package/Search/index.js +35 -44
- package/Select/index.js +323 -364
- package/SelectInput/index.js +8 -13
- package/Selector/index.js +905 -796
- package/SelectorPicker/index.js +111 -133
- package/SingleBox/index.d.ts +5 -0
- package/SingleBox/index.js +92 -88
- package/Slider/index.js +46 -57
- package/Status/index.js +14 -13
- package/Stepper/index.js +25 -26
- package/Styles/theme.scss +9 -9
- package/Switch/index.js +32 -35
- package/Table/index.js +767 -963
- package/Tabs/index.js +102 -102
- package/Tag/index.js +115 -162
- package/TextEditor/index.js +81 -103
- package/TextField/index.js +142 -183
- package/TimePicker/index.js +27 -28
- package/Timeline/index.js +67 -58
- package/Title/index.js +32 -34
- package/ToggleButton/index.js +53 -52
- package/Tooltip/index.js +79 -82
- package/Transfer/index.js +160 -203
- package/Tree/index.js +7 -12
- package/Upload/index.js +527 -759
- package/Upload/interface.d.ts +5 -0
- package/_verture/{constant-0d9802f7.js → constant-5317fc89.js} +2 -2
- package/_verture/{index-f48d5ce6.js → index-0ced30f7.js} +1128 -1080
- package/_verture/{index-024bbc9b.js → index-775ad32d.js} +29 -25
- package/_verture/{index-05f7bf11.js → index-c568f272.js} +2 -2
- package/_verture/index-da9097d3.js +239 -0
- package/_verture/{index-56601c94.js → index-ef1235fb.js} +125 -134
- package/_verture/{index-de8f4428.js → index-f186b5e8.js} +315 -399
- package/_verture/intl-f2f27722.js +69 -0
- package/_verture/{modalContext-736ff215.js → modalContext-5df08980.js} +36 -64
- package/_verture/{slicedToArray-a8206399.js → slicedToArray-8223a2ef.js} +15 -2
- package/_verture/{useFormatMessage-703f8b20.js → useFormatMessage-eb13cf56.js} +5 -4
- package/_verture/{useGlobalProps-1b846a65.js → useGlobalProps-1e416658.js} +4 -3
- package/_verture/{usePopupContainer-87febeb9.js → usePopupContainer-635f66f4.js} +16 -15
- package/_verture/{util-7e1fb1e2.js → util-82646c4f.js} +5 -4
- package/_verture/{utils-06d86594.js → utils-46e99c9a.js} +34 -26
- package/index.js +21 -22
- package/locale/index.js +10 -10
- package/package.json +1 -1
- package/umd/AutoBox.js +9 -8
- package/umd/AutoTips.js +9 -8
- package/umd/Badge.js +1 -1
- package/umd/Breadcrumbs.js +9 -8
- package/umd/Button.js +9 -8
- package/umd/ButtonGroup.js +9 -8
- package/umd/Carousel.js +5 -5
- package/umd/Cascader.js +9 -8
- package/umd/Checkbox.js +9 -8
- package/umd/CheckboxGroup.js +9 -8
- package/umd/Collapse.js +8 -7
- package/umd/CollapseBox.js +1 -1
- package/umd/CollapseLayout.js +4 -4
- package/umd/ColorPicker.js +1 -1
- package/umd/ComboSelect.js +9 -8
- package/umd/Container.js +1 -1
- package/umd/CopyText.js +9 -8
- package/umd/DatePicker.js +9 -8
- package/umd/Descriptions.js +9 -8
- package/umd/Desktop.js +9 -8
- package/umd/DragVerify.js +4 -4
- package/umd/Drawer.js +9 -8
- package/umd/Dropdown.js +6 -5
- package/umd/DynamicMultiBox.js +11 -10
- package/umd/Empty.js +1 -1
- package/umd/Form.js +9 -8
- package/umd/FormItem.js +9 -8
- package/umd/FunctionModal.js +9 -8
- package/umd/GlobalContext.js +1 -1
- package/umd/Help.js +9 -8
- package/umd/HelperText.js +1 -1
- package/umd/InputLang.js +9 -8
- package/umd/InputNumber.js +9 -8
- package/umd/Label.js +9 -8
- package/umd/Loading.js +4 -4
- package/umd/Menu.js +4 -4
- package/umd/Message.js +4 -4
- package/umd/Modal.js +9 -8
- package/umd/MultiBox.js +9 -8
- package/umd/Notification.js +8 -7
- package/umd/OperateBtn.js +9 -8
- package/umd/PageHeader.js +9 -8
- package/umd/Pagination.js +9 -8
- package/umd/ParauiProvider.js +1 -1
- package/umd/PasswordRules.js +4 -4
- package/umd/PopConfirm.js +9 -8
- package/umd/Popover.js +9 -8
- package/umd/Progress.js +5 -5
- package/umd/Querying.js +1 -1
- package/umd/Radio.js +9 -8
- package/umd/RadioGroup.js +9 -8
- package/umd/Search.js +9 -8
- package/umd/Select.js +9 -8
- package/umd/SelectInput.js +9 -8
- package/umd/Selector.js +9 -8
- package/umd/SelectorPicker.js +9 -8
- package/umd/SingleBox.js +9 -8
- package/umd/Slider.js +6 -5
- package/umd/Status.js +4 -4
- package/umd/Stepper.js +9 -8
- package/umd/Switch.js +9 -8
- package/umd/Table.js +9 -8
- package/umd/Tabs.js +9 -8
- package/umd/Tag.js +9 -8
- package/umd/TextEditor.js +22 -21
- package/umd/TextField.js +9 -8
- package/umd/TimePicker.js +9 -8
- package/umd/Timeline.js +1 -1
- package/umd/Title.js +9 -8
- package/umd/ToggleButton.js +9 -8
- package/umd/Tooltip.js +9 -8
- package/umd/Transfer.js +10 -9
- package/umd/Tree.js +9 -8
- package/umd/Upload.js +10 -9
- package/umd/locale.js +1 -1
- package/_verture/index-232d890b.js +0 -327
- package/_verture/index-e9007d6a.js +0 -236
- package/_verture/intl-5c1ec055.js +0 -81
- package/_verture/toConsumableArray-8f4c9589.js +0 -19
- package/_verture/unsupportedIterableToArray-cb478f24.js +0 -16
package/Progress/index.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { Circle } from 'rc-progress';
|
|
4
|
-
import
|
|
4
|
+
import SuccessOutlined from '@para-ui/icons/CheckCircleF';
|
|
5
5
|
import CloseCircleF from '@para-ui/icons/CloseCircleF';
|
|
6
6
|
import Check from '@para-ui/icons/Check';
|
|
7
7
|
import CloseIcon from '@para-ui/icons/Close';
|
|
8
|
-
import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-
|
|
8
|
+
import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
9
9
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
percent =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
const Steps = props => {
|
|
12
|
+
const {
|
|
13
|
+
steps,
|
|
14
|
+
percent = 0,
|
|
15
|
+
strokeWidth = 8,
|
|
16
|
+
strokeColor,
|
|
17
|
+
trailColor,
|
|
18
|
+
children
|
|
19
|
+
} = props;
|
|
20
20
|
/** 计算出应该高亮多少步 **/
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
for (
|
|
21
|
+
const current = typeof percent === 'number' ? Math.round(steps * (percent / 100)) : 1;
|
|
22
|
+
const styledSteps = [];
|
|
23
|
+
for (let i = 0; i < steps; i += 1) {
|
|
24
24
|
styledSteps.push(jsx("div", {
|
|
25
25
|
className: i <= current - 1 ? 'steps-item steps-item-active' : 'steps-item',
|
|
26
26
|
style: {
|
|
@@ -64,11 +64,11 @@ function validProgress(progress) {
|
|
|
64
64
|
* @param gradients 渐变的参数
|
|
65
65
|
* @return {string} 样式值
|
|
66
66
|
*/
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
Object.keys(gradients).forEach(
|
|
67
|
+
const sortGradient = gradients => {
|
|
68
|
+
let tempArr = [];
|
|
69
|
+
Object.keys(gradients).forEach(key => {
|
|
70
70
|
// 拿到百分比的数字
|
|
71
|
-
|
|
71
|
+
const formattedKey = parseFloat(key.replace(/%/g, ''));
|
|
72
72
|
// 进行序列化
|
|
73
73
|
if (!isNaN(formattedKey)) {
|
|
74
74
|
tempArr.push({
|
|
@@ -78,12 +78,12 @@ var sortGradient = function sortGradient(gradients) {
|
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
// 排序 从小到大
|
|
81
|
-
tempArr = tempArr.sort(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
tempArr = tempArr.sort((a, b) => a.key - b.key);
|
|
82
|
+
return tempArr.map(_ref => {
|
|
83
|
+
let {
|
|
84
|
+
key,
|
|
85
|
+
value
|
|
86
|
+
} = _ref;
|
|
87
87
|
return "".concat(value, " ").concat(key, "%");
|
|
88
88
|
}).join(', ');
|
|
89
89
|
};
|
|
@@ -105,17 +105,16 @@ var sortGradient = function sortGradient(gradients) {
|
|
|
105
105
|
* @param {string} strokeColor 颜色值
|
|
106
106
|
* @return 返回 backgroundImage 的样式值
|
|
107
107
|
*/
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
direction = _strokeColor$directio === void 0 ? directionConfig === 'rtl' ? 'to left' : 'to right' : _strokeColor$directio,
|
|
108
|
+
const handleGradient = (strokeColor, directionConfig) => {
|
|
109
|
+
const {
|
|
110
|
+
from = '#3D66F8',
|
|
111
|
+
to = '#4F93F0',
|
|
112
|
+
direction = directionConfig === 'rtl' ? 'to left' : 'to right'
|
|
113
|
+
} = strokeColor,
|
|
115
114
|
rest = __rest(strokeColor, ["from", "to", "direction"]);
|
|
116
115
|
// 剩余参数有值说明除了from to direction 还传了 另外的参数
|
|
117
116
|
if (Object.keys(rest).length !== 0) {
|
|
118
|
-
|
|
117
|
+
const sortedGradients = sortGradient(rest);
|
|
119
118
|
return {
|
|
120
119
|
backgroundImage: "linear-gradient(".concat(direction, ", ").concat(sortedGradients, ")")
|
|
121
120
|
};
|
|
@@ -124,23 +123,25 @@ var handleGradient = function handleGradient(strokeColor, directionConfig) {
|
|
|
124
123
|
backgroundImage: "linear-gradient(".concat(direction, ", ").concat(from, ", ").concat(to, ")")
|
|
125
124
|
};
|
|
126
125
|
};
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
126
|
+
const Line = props => {
|
|
127
|
+
const {
|
|
128
|
+
direction: directionConfig,
|
|
129
|
+
percent,
|
|
130
|
+
strokeWidth,
|
|
131
|
+
strokeColor,
|
|
132
|
+
strokeLinecap,
|
|
133
|
+
trailColor
|
|
134
|
+
} = props;
|
|
134
135
|
/** 进度条高亮部分的颜色样式 **/
|
|
135
|
-
|
|
136
|
+
const backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {
|
|
136
137
|
background: strokeColor
|
|
137
138
|
};
|
|
138
139
|
/** 进度条轨道部分的颜色样式 **/
|
|
139
|
-
|
|
140
|
+
const trailStyle = trailColor ? {
|
|
140
141
|
backgroundColor: trailColor
|
|
141
142
|
} : undefined;
|
|
142
143
|
/** 进度条百分比的样式 **/
|
|
143
|
-
|
|
144
|
+
const percentStyle = Object.assign({
|
|
144
145
|
width: "".concat(validProgress(percent), "%"),
|
|
145
146
|
height: strokeWidth || 8,
|
|
146
147
|
borderRadius: strokeLinecap === 'square' ? 0 : ''
|
|
@@ -175,39 +176,36 @@ var ProgressStatuses;
|
|
|
175
176
|
ProgressStatuses[ProgressStatuses["success"] = 3] = "success";
|
|
176
177
|
})(ProgressStatuses || (ProgressStatuses = {}));
|
|
177
178
|
/** 每个类型对应的进度条默认颜色 **/
|
|
178
|
-
|
|
179
|
+
const strokeColorMap = {
|
|
179
180
|
success: 'rgba(19, 191, 76, 1)',
|
|
180
181
|
exception: 'rgba(244, 66, 66, 1)',
|
|
181
182
|
normal: 'rgba(46, 101, 230, 1)',
|
|
182
183
|
active: 'rgba(46, 101, 230, 1)'
|
|
183
184
|
};
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
strokeColor = props.strokeColor,
|
|
202
|
-
_props$gapDegree = props.gapDegree,
|
|
203
|
-
gapDegree = _props$gapDegree === void 0 ? 75 : _props$gapDegree,
|
|
185
|
+
const Progress = props => {
|
|
186
|
+
const {
|
|
187
|
+
type = 'line',
|
|
188
|
+
className,
|
|
189
|
+
style,
|
|
190
|
+
children,
|
|
191
|
+
status,
|
|
192
|
+
width = 132,
|
|
193
|
+
showInfo = true,
|
|
194
|
+
format,
|
|
195
|
+
success,
|
|
196
|
+
percent = 0,
|
|
197
|
+
steps,
|
|
198
|
+
direction,
|
|
199
|
+
strokeColor,
|
|
200
|
+
gapDegree = 75
|
|
201
|
+
} = props,
|
|
204
202
|
otherProps = __rest(props, ["type", "className", "style", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
|
|
205
203
|
/**
|
|
206
204
|
* 处理class
|
|
207
205
|
* @return {string}
|
|
208
206
|
*/
|
|
209
|
-
|
|
210
|
-
|
|
207
|
+
const classString = () => {
|
|
208
|
+
let str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || 'default');
|
|
211
209
|
// 添加成功状态的class
|
|
212
210
|
if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status");
|
|
213
211
|
// 添加错误状态下的class
|
|
@@ -221,7 +219,7 @@ var Progress = function Progress(props) {
|
|
|
221
219
|
* 处理进度条颜色
|
|
222
220
|
* @return {string}
|
|
223
221
|
*/
|
|
224
|
-
|
|
222
|
+
const strokeColorVal = () => {
|
|
225
223
|
// 如果传了成功进度条的配置
|
|
226
224
|
if (strokeColor) return strokeColor;
|
|
227
225
|
if (success && success.percent < percent) {
|
|
@@ -233,16 +231,16 @@ var Progress = function Progress(props) {
|
|
|
233
231
|
* 处理进度条的值
|
|
234
232
|
* @return {string}
|
|
235
233
|
*/
|
|
236
|
-
|
|
234
|
+
const renderPercent = () => {
|
|
237
235
|
if (success && success.percent < percent && typeof percent === 'number') {
|
|
238
236
|
return [success.percent, percent - success.percent];
|
|
239
237
|
}
|
|
240
238
|
return percent;
|
|
241
239
|
};
|
|
242
240
|
/** 标记是不是成功状态 **/
|
|
243
|
-
|
|
241
|
+
const isSuccessStatus = percent && percent === 100 && !status || status === 'success';
|
|
244
242
|
/** style值 **/
|
|
245
|
-
|
|
243
|
+
const renderStyle = type === 'circle' || type === 'dashboard' ? {
|
|
246
244
|
width: width,
|
|
247
245
|
height: width
|
|
248
246
|
} : {};
|
|
@@ -250,11 +248,11 @@ var Progress = function Progress(props) {
|
|
|
250
248
|
* 处理描述信息
|
|
251
249
|
* @return {string | ReactNode}
|
|
252
250
|
*/
|
|
253
|
-
|
|
251
|
+
const renderLabel = () => {
|
|
254
252
|
if (format) return format(percent);
|
|
255
253
|
if (isSuccessStatus) return type === 'circle' ? jsx(Check, {
|
|
256
254
|
className: "success"
|
|
257
|
-
}) : jsx(
|
|
255
|
+
}) : jsx(SuccessOutlined, {
|
|
258
256
|
className: "success"
|
|
259
257
|
});
|
|
260
258
|
if (status === 'exception') return type === 'circle' ? jsx(CloseIcon, {
|
|
@@ -265,7 +263,7 @@ var Progress = function Progress(props) {
|
|
|
265
263
|
return "".concat(validProgress(percent), "%");
|
|
266
264
|
};
|
|
267
265
|
/** 默认进度条 **/
|
|
268
|
-
|
|
266
|
+
const renderLineProgress = steps ? jsx(Steps, Object.assign({
|
|
269
267
|
steps: steps,
|
|
270
268
|
strokeColor: strokeColorVal(),
|
|
271
269
|
percent: renderPercent()
|
|
@@ -283,7 +281,7 @@ var Progress = function Progress(props) {
|
|
|
283
281
|
children: ' '
|
|
284
282
|
}));
|
|
285
283
|
/** 圆形进度条 **/
|
|
286
|
-
|
|
284
|
+
const renderCircleProgress = jsx(Circle, Object.assign({
|
|
287
285
|
strokeWidth: 6,
|
|
288
286
|
trailWidth: 6,
|
|
289
287
|
strokeColor: strokeColorVal(),
|
|
@@ -292,7 +290,7 @@ var Progress = function Progress(props) {
|
|
|
292
290
|
trailColor: 'rgba(234,236,241,1)'
|
|
293
291
|
}, otherProps));
|
|
294
292
|
/** 仪表盘 **/
|
|
295
|
-
|
|
293
|
+
const renderDashboardProgress = jsx(Circle, Object.assign({
|
|
296
294
|
strokeWidth: 6,
|
|
297
295
|
trailWidth: 6,
|
|
298
296
|
gapPosition: "bottom",
|
package/Querying/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-
|
|
4
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
5
|
-
import { u as useGlobalProps } from '../_verture/useGlobalProps-
|
|
3
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
|
|
4
|
+
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
5
|
+
import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
|
|
6
6
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
7
7
|
import 'react';
|
|
8
8
|
import '@para-ui/core/GlobalContext';
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const LargeSearch = () => {
|
|
11
11
|
return jsx("svg", Object.assign({
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13
13
|
width: "100%",
|
|
@@ -450,29 +450,24 @@ var LargeSearch = function LargeSearch() {
|
|
|
450
450
|
}))
|
|
451
451
|
}));
|
|
452
452
|
};
|
|
453
|
-
|
|
453
|
+
const SmallSearch = () => {
|
|
454
454
|
return jsx("svg", Object.assign({
|
|
455
455
|
xmlns: "http://www.w3.org/2000/svg",
|
|
456
456
|
width: "100%",
|
|
457
457
|
height: "100%",
|
|
458
|
-
viewBox: "0 0 120
|
|
458
|
+
viewBox: "0 0 120 80"
|
|
459
459
|
}, {
|
|
460
460
|
children: jsxs("g", Object.assign({
|
|
461
461
|
id: "\u6570\u636E\u67E5\u8BE2\u4E2D-\u5C0F",
|
|
462
|
-
transform: "translate(-1048 -
|
|
462
|
+
transform: "translate(-1048 -265)"
|
|
463
463
|
}, {
|
|
464
|
-
children: [jsx("
|
|
465
|
-
id: "
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
width: "120",
|
|
472
|
-
height: "120",
|
|
473
|
-
fill: "none"
|
|
474
|
-
})
|
|
475
|
-
})), jsxs("g", Object.assign({
|
|
464
|
+
children: [jsx("rect", {
|
|
465
|
+
id: "safe",
|
|
466
|
+
width: "120",
|
|
467
|
+
height: "80",
|
|
468
|
+
transform: "translate(1048 265)",
|
|
469
|
+
fill: "none"
|
|
470
|
+
}), jsxs("g", Object.assign({
|
|
476
471
|
id: "\u63D2\u753B",
|
|
477
472
|
transform: "translate(823.877 167.068)"
|
|
478
473
|
}, {
|
|
@@ -485,13 +480,12 @@ var SmallSearch = function SmallSearch() {
|
|
|
485
480
|
"data-name": "\u8DEF\u5F84 18536",
|
|
486
481
|
d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723v56.8a3.723,3.723,0,0,1-3.723,3.723H3.723A3.723,3.723,0,0,1,0,60.521V3.723A3.723,3.723,0,0,1,3.723,0Z",
|
|
487
482
|
transform: "translate(0.057 0.215)",
|
|
488
|
-
fill: "#
|
|
483
|
+
fill: "#d5e0fa"
|
|
489
484
|
}), jsx("path", {
|
|
490
485
|
id: "\u8DEF\u5F84_18540",
|
|
491
486
|
"data-name": "\u8DEF\u5F84 18540",
|
|
492
487
|
d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723V7.215H0V3.723A3.723,3.723,0,0,1,3.723,0Z",
|
|
493
|
-
|
|
494
|
-
fill: "#6487d9"
|
|
488
|
+
fill: "#5783eb"
|
|
495
489
|
}), jsx("rect", {
|
|
496
490
|
id: "\u77E9\u5F62_139",
|
|
497
491
|
"data-name": "\u77E9\u5F62 139",
|
|
@@ -531,7 +525,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
531
525
|
id: "\u8DEF\u5F84_18537",
|
|
532
526
|
"data-name": "\u8DEF\u5F84 18537",
|
|
533
527
|
d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723V7.215H0V3.723A3.723,3.723,0,0,1,3.723,0Z",
|
|
534
|
-
fill: "#
|
|
528
|
+
fill: "#2e65e6"
|
|
535
529
|
}), jsx("rect", {
|
|
536
530
|
id: "\u77E9\u5F62_139-2",
|
|
537
531
|
"data-name": "\u77E9\u5F62 139",
|
|
@@ -578,7 +572,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
578
572
|
height: "2.102",
|
|
579
573
|
rx: "1.051",
|
|
580
574
|
transform: "translate(250.008 106.066)",
|
|
581
|
-
fill: "#
|
|
575
|
+
fill: "#f0f5ff",
|
|
582
576
|
opacity: "0.4"
|
|
583
577
|
}), jsx("rect", {
|
|
584
578
|
id: "\u77E9\u5F62_19933",
|
|
@@ -587,7 +581,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
587
581
|
height: "14.291",
|
|
588
582
|
rx: "2",
|
|
589
583
|
transform: "translate(236.978 116.574)",
|
|
590
|
-
fill: "#
|
|
584
|
+
fill: "#d5e0fa"
|
|
591
585
|
}), jsx("rect", {
|
|
592
586
|
id: "\u77E9\u5F62_19935",
|
|
593
587
|
"data-name": "\u77E9\u5F62 19935",
|
|
@@ -595,7 +589,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
595
589
|
height: "3.363",
|
|
596
590
|
rx: "1.681",
|
|
597
591
|
transform: "translate(236.978 138.01)",
|
|
598
|
-
fill: "#
|
|
592
|
+
fill: "#d5e0fa"
|
|
599
593
|
}), jsx("rect", {
|
|
600
594
|
id: "\u77E9\u5F62_19936",
|
|
601
595
|
"data-name": "\u77E9\u5F62 19936",
|
|
@@ -603,7 +597,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
603
597
|
height: "3.363",
|
|
604
598
|
rx: "1.681",
|
|
605
599
|
transform: "translate(236.978 143.894)",
|
|
606
|
-
fill: "#
|
|
600
|
+
fill: "#d5e0fa"
|
|
607
601
|
}), jsx("rect", {
|
|
608
602
|
id: "\u77E9\u5F62_19938",
|
|
609
603
|
"data-name": "\u77E9\u5F62 19938",
|
|
@@ -611,7 +605,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
611
605
|
height: "3.363",
|
|
612
606
|
rx: "1.681",
|
|
613
607
|
transform: "translate(236.978 149.778)",
|
|
614
|
-
fill: "#
|
|
608
|
+
fill: "#d5e0fa"
|
|
615
609
|
}), jsx("rect", {
|
|
616
610
|
id: "\u77E9\u5F62_19939",
|
|
617
611
|
"data-name": "\u77E9\u5F62 19939",
|
|
@@ -619,17 +613,17 @@ var SmallSearch = function SmallSearch() {
|
|
|
619
613
|
height: "3.363",
|
|
620
614
|
rx: "1.681",
|
|
621
615
|
transform: "translate(236.978 155.663)",
|
|
622
|
-
fill: "#
|
|
616
|
+
fill: "#d5e0fa"
|
|
623
617
|
}), jsx("path", {
|
|
624
618
|
id: "\u8DEF\u5F84_17905",
|
|
625
619
|
"data-name": "\u8DEF\u5F84 17905",
|
|
626
|
-
d: "M15.38,16.6l-5.26-5.674V12.2H9.1V9.83h6.211a2.188,2.188,0,1,1,0,4.375h-.363l-.943-1.019h1.3a1.164,1.164,0,
|
|
620
|
+
d: "M15.38,16.6l-5.26-5.674V12.2H9.1V9.83h6.211a2.188,2.188,0,1,1,0,4.375h-.363l-.943-1.019h1.3a1.164,1.164,0,1,0,0-2.329H11.436l4.415,4.749.9.994Zm-2.663-2.4H10.123v2.4H9.1V13.19h2.659l.95,1.023Z",
|
|
627
621
|
transform: "translate(231.243 110.503)",
|
|
628
|
-
fill: "#
|
|
622
|
+
fill: "#2e65e6"
|
|
629
623
|
}), jsxs("g", Object.assign({
|
|
630
624
|
id: "\u7EC4_19234",
|
|
631
625
|
"data-name": "\u7EC4 19234",
|
|
632
|
-
transform: "
|
|
626
|
+
transform: "translate(283.948 133.735) rotate(-35.025)"
|
|
633
627
|
}, {
|
|
634
628
|
children: [jsx("rect", {
|
|
635
629
|
id: "\u77E9\u5F62_19826",
|
|
@@ -637,7 +631,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
637
631
|
width: "2.131",
|
|
638
632
|
height: "8.599",
|
|
639
633
|
transform: "translate(9.208 19.557)",
|
|
640
|
-
fill: "#
|
|
634
|
+
fill: "#a1a8b3"
|
|
641
635
|
}), jsx("circle", {
|
|
642
636
|
id: "\u692D\u5706_10118",
|
|
643
637
|
"data-name": "\u692D\u5706 10118",
|
|
@@ -645,7 +639,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
645
639
|
cy: "10.273",
|
|
646
640
|
r: "10.273",
|
|
647
641
|
transform: "translate(0 0)",
|
|
648
|
-
fill: "#
|
|
642
|
+
fill: "#2e65e6"
|
|
649
643
|
}), jsx("circle", {
|
|
650
644
|
id: "\u692D\u5706_10119",
|
|
651
645
|
"data-name": "\u692D\u5706 10119",
|
|
@@ -653,7 +647,7 @@ var SmallSearch = function SmallSearch() {
|
|
|
653
647
|
cy: "8.142",
|
|
654
648
|
r: "8.142",
|
|
655
649
|
transform: "translate(2.131 2.131)",
|
|
656
|
-
fill: "#
|
|
650
|
+
fill: "#d5e0fa"
|
|
657
651
|
}), jsx("path", {
|
|
658
652
|
id: "\u8DEF\u5F84_17675",
|
|
659
653
|
"data-name": "\u8DEF\u5F84 17675",
|
|
@@ -661,8 +655,8 @@ var SmallSearch = function SmallSearch() {
|
|
|
661
655
|
transform: "matrix(0.848, 0.53, -0.53, 0.848, 6.564, 4.538)",
|
|
662
656
|
fill: "none",
|
|
663
657
|
stroke: "#fff",
|
|
664
|
-
|
|
665
|
-
|
|
658
|
+
"stroke-linecap": "round",
|
|
659
|
+
"stroke-width": "1"
|
|
666
660
|
}), jsx("rect", {
|
|
667
661
|
id: "\u77E9\u5F62_19827",
|
|
668
662
|
"data-name": "\u77E9\u5F62 19827",
|
|
@@ -670,21 +664,21 @@ var SmallSearch = function SmallSearch() {
|
|
|
670
664
|
height: "12.86",
|
|
671
665
|
rx: "1.598",
|
|
672
666
|
transform: "translate(8.675 26.329)",
|
|
673
|
-
fill: "#
|
|
667
|
+
fill: "#2e65e6"
|
|
674
668
|
}), jsx("rect", {
|
|
675
669
|
id: "\u77E9\u5F62_19828",
|
|
676
670
|
"data-name": "\u77E9\u5F62 19828",
|
|
677
671
|
width: "3.196",
|
|
678
672
|
height: "0.609",
|
|
679
673
|
transform: "translate(8.675 27.851)",
|
|
680
|
-
fill: "#
|
|
674
|
+
fill: "#ff9326"
|
|
681
675
|
}), jsx("rect", {
|
|
682
676
|
id: "\u77E9\u5F62_19829",
|
|
683
677
|
"data-name": "\u77E9\u5F62 19829",
|
|
684
678
|
width: "3.196",
|
|
685
679
|
height: "0.609",
|
|
686
680
|
transform: "translate(8.675 37.135)",
|
|
687
|
-
fill: "#
|
|
681
|
+
fill: "#ff9326"
|
|
688
682
|
})]
|
|
689
683
|
}))]
|
|
690
684
|
}))]
|
|
@@ -701,35 +695,34 @@ var zh = {
|
|
|
701
695
|
};
|
|
702
696
|
|
|
703
697
|
var localeJson = {
|
|
704
|
-
zh
|
|
705
|
-
en
|
|
698
|
+
zh,
|
|
699
|
+
en
|
|
706
700
|
};
|
|
707
701
|
|
|
708
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n width: 120px;\n height:
|
|
702
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n width: 120px;\n height: 80px;\n}\n.paraui-v4-querying > .querying-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n margin-top: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n margin-top: 10px;\n font-size: 14px;\n}";
|
|
709
703
|
styleInject(css_248z);
|
|
710
704
|
|
|
711
|
-
|
|
705
|
+
const imageMap = {
|
|
712
706
|
large: jsx(LargeSearch, {}),
|
|
713
707
|
small: jsx(SmallSearch, {})
|
|
714
708
|
};
|
|
715
709
|
//Querying 查询中
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
className
|
|
719
|
-
style
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
var des = typeof description !== 'undefined' ? description : intl({
|
|
710
|
+
const Querying = props => {
|
|
711
|
+
const {
|
|
712
|
+
className,
|
|
713
|
+
style,
|
|
714
|
+
size = 'large',
|
|
715
|
+
imageStyle,
|
|
716
|
+
image = imageMap[size],
|
|
717
|
+
description,
|
|
718
|
+
customQuerying
|
|
719
|
+
} = useGlobalProps(props, 'Querying');
|
|
720
|
+
const intl = useFormatMessage('Querying', localeJson);
|
|
721
|
+
const des = typeof description !== 'undefined' ? description : intl({
|
|
729
722
|
id: 'querying'
|
|
730
723
|
});
|
|
731
|
-
|
|
732
|
-
|
|
724
|
+
const alt = typeof des === 'string' ? des : 'querying';
|
|
725
|
+
let imageNode = null;
|
|
733
726
|
if (typeof image === 'string') {
|
|
734
727
|
imageNode = jsx("img", {
|
|
735
728
|
src: image,
|
package/README.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
## 版本: 4.0.0-alpha
|
|
2
2
|
para-ui/core@4.0.0-alpha 发布
|
|
3
3
|
【lisq】
|
|
4
|
+
【Upload】添加loading属性
|
|
4
5
|
【确认框-Confirm】修复确认框国际化问题
|
|
5
6
|
【Upload】ImageUpload 文案添加居中
|
|
6
7
|
【表单-FormItem】移除console.log
|
|
@@ -100,4 +101,5 @@
|
|
|
100
101
|
【组织树-Tree】修改组织树icon和title不在同一行的问题
|
|
101
102
|
【表单-Form】表单校验国际化
|
|
102
103
|
【表单-Form】修复当单选框组的的值是boolean的时候,设置默认值为fasle选中不了的问题
|
|
104
|
+
【表单-Form】修改表单校验文案
|
|
103
105
|
|