@para-ui/core 3.0.56 → 3.0.59
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/DynamicMultiBox/index.js +62 -16
- package/DynamicMultiBox/lang/en_US.d.ts +7 -0
- package/DynamicMultiBox/lang/index.d.ts +15 -0
- package/DynamicMultiBox/lang/zh_CN.d.ts +7 -0
- package/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/GlobalContext/index.js +1 -2
- package/GlobalContext/intl.d.ts +4 -3
- package/InputLang/index.js +11 -5
- package/ParauiProvider/index.js +1 -1
- package/README.md +18 -0
- package/Selector/index.js +1 -1
- package/TextField/index.js +1 -1
- package/_verture/intl-aef57980.js +80 -0
- package/index.js +7 -7
- package/package.json +1 -1
- package/umd/Breadcrumbs.js +5 -5
- package/umd/Button.js +5 -5
- package/umd/ButtonGroup.js +5 -5
- package/umd/Cascader.js +3 -3
- package/umd/ComboSelect.js +5 -5
- package/umd/DatePicker.js +5 -5
- package/umd/Desktop.js +5 -5
- package/umd/DragVerify.js +2 -2
- package/umd/Drawer.js +5 -5
- package/umd/DynamicMultiBox.js +6 -6
- package/umd/Empty.js +1 -15
- package/umd/Form.js +4 -4
- package/umd/FormItem.js +5 -5
- package/umd/FunctionModal.js +5 -5
- package/umd/GlobalContext.js +1 -1
- package/umd/InputLang.js +5 -5
- package/umd/Modal.js +5 -5
- package/umd/MultiBox.js +5 -5
- package/umd/OperateBtn.js +3 -3
- package/umd/PageHeader.js +5 -5
- package/umd/Pagination.js +6 -6
- package/umd/ParauiProvider.js +1 -15
- package/umd/PopConfirm.js +5 -5
- package/umd/Querying.js +1 -15
- package/umd/Search.js +6 -6
- package/umd/Select.js +5 -5
- package/umd/SelectInput.js +7 -7
- package/umd/Selector.js +5 -5
- package/umd/SelectorPicker.js +4 -4
- package/umd/SingleBox.js +7 -7
- package/umd/Table.js +5 -5
- package/umd/Tabs.js +5 -5
- package/umd/TextField.js +5 -5
- package/umd/TimePicker.js +3 -3
- package/umd/ToggleButton.js +5 -5
- package/umd/Transfer.js +6 -6
- package/umd/Tree.js +7 -7
- package/umd/Upload.js +5 -5
- package/_verture/intl-5cbb940c.js +0 -57
- /package/_verture/{index-d03136d4.js → index-3ad33217.js} +0 -0
package/DynamicMultiBox/index.js
CHANGED
|
@@ -6,7 +6,10 @@ import React__default, { useState, useRef, useEffect, useMemo } from 'react';
|
|
|
6
6
|
import { Popover } from '../Popover/index.js';
|
|
7
7
|
import Label from '../Label/index.js';
|
|
8
8
|
import { CheckboxGroup } from '../CheckboxGroup/index.js';
|
|
9
|
-
import
|
|
9
|
+
import Panel from '@para-ui/icons/Panel';
|
|
10
|
+
import PlusCircleF from '@para-ui/icons/PlusCircleF';
|
|
11
|
+
import Delete from '@para-ui/icons/Delete';
|
|
12
|
+
import Drag from '@para-ui/icons/Drag';
|
|
10
13
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
11
14
|
import { TextField } from '../TextField/index.js';
|
|
12
15
|
import Select from '../Select/index.js';
|
|
@@ -19,6 +22,7 @@ import AutoTips from '../AutoTips/index.js';
|
|
|
19
22
|
import { UUID } from '@paraview/lib';
|
|
20
23
|
import { s as sortable_esm } from '../_verture/sortable.esm-49896035.js';
|
|
21
24
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
25
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
22
26
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
23
27
|
import '../_verture/typeof-498dd2b1.js';
|
|
24
28
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
@@ -42,7 +46,6 @@ import '../_verture/index-77f9e0fb.js';
|
|
|
42
46
|
import 'rc-dropdown';
|
|
43
47
|
import 'dayjs';
|
|
44
48
|
import '../Empty/index.js';
|
|
45
|
-
import '../_verture/useFormatMessage-703f8b20.js';
|
|
46
49
|
import '@para-ui/icons/Close';
|
|
47
50
|
import '@para-ui/icons/Down';
|
|
48
51
|
import '@para-ui/icons/Check';
|
|
@@ -53,8 +56,6 @@ import '@para-ui/icons/Up';
|
|
|
53
56
|
import '@para-ui/icons/Minus';
|
|
54
57
|
import '@para-ui/icons/Plus';
|
|
55
58
|
import '../MultiBox/index.js';
|
|
56
|
-
import '@para-ui/icons/Delete';
|
|
57
|
-
import '@para-ui/icons/PlusCircleF';
|
|
58
59
|
import '@para-ui/icons/Application';
|
|
59
60
|
import '../Table/index.js';
|
|
60
61
|
import '../_verture/index-beef914f.js';
|
|
@@ -63,7 +64,6 @@ import '@para-ui/icons/Forbid';
|
|
|
63
64
|
import '@para-ui/icons/ScreenF';
|
|
64
65
|
import '@para-ui/icons/UpTriangleF';
|
|
65
66
|
import '@para-ui/icons/DownTriangleF';
|
|
66
|
-
import '@para-ui/icons/Panel';
|
|
67
67
|
import '../Radio/index.js';
|
|
68
68
|
import '../OperateBtn/index.js';
|
|
69
69
|
import '@para-ui/icons/More';
|
|
@@ -895,7 +895,26 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
|
|
|
895
895
|
|
|
896
896
|
} (dist));
|
|
897
897
|
|
|
898
|
-
var
|
|
898
|
+
var en = {
|
|
899
|
+
add: 'Newly Added',
|
|
900
|
+
titleForm: 'Form configuration (non mandatory)',
|
|
901
|
+
default: 'Restore default',
|
|
902
|
+
noData: 'There are currently no other attributes available'
|
|
903
|
+
};
|
|
904
|
+
|
|
905
|
+
var zh = {
|
|
906
|
+
add: '新 增',
|
|
907
|
+
titleForm: '表单配置 (非必填项)',
|
|
908
|
+
default: '恢复默认',
|
|
909
|
+
noData: '暂无其他属性'
|
|
910
|
+
};
|
|
911
|
+
|
|
912
|
+
var localeJson = {
|
|
913
|
+
zh: zh,
|
|
914
|
+
en: en
|
|
915
|
+
};
|
|
916
|
+
|
|
917
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dynamic-multi-box {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box svg {\n overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content {\n width: 100%;\n position: relative;\n overflow-x: auto;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n display: flex;\n flex: 1;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n flex: 0;\n min-width: 80px;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 {\n width: 36px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n background: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n display: none;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n width: 1px;\n height: 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n margin: 0 3px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-80 {\n width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form {\n width: 100%;\n display: flex;\n align-items: flex-start;\n height: 56px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .paraui-v3-select {\n overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n display: flex;\n align-items: flex-start;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n margin-left: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n flex: 0;\n box-sizing: content-box;\n align-items: center;\n height: 36px;\n min-width: 80px;\n}\n.paraui-v3-dynamic-multi-box .add-button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 36px;\n background: rgba(171, 176, 185, 0.12);\n border: 1px dashed rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .add-button .text {\n font-size: 14px;\n margin-left: 8px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-add-button-top-20 {\n margin-top: 20px;\n}\n.paraui-v3-dynamic-multi-box .normal-button {\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .normal-button .text {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .normal-button:hover {\n background: rgba(54, 102, 214, 0.05);\n border: 1px dashed rgba(54, 102, 214, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add .text {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .paraui-v3-comboselect,\n.paraui-v3-dynamic-multi-box .paraui-v3-picker-wrapper {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch-text {\n color: rgba(46, 55, 67, 0.4);\n margin-right: 4px;\n overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch {\n flex: 1;\n}\n\n.paraui-v3-dynamic-multi-box-popover .filter-config {\n width: 200px;\n max-height: 300px;\n padding-top: 16px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list {\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .title {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n margin-bottom: 12px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box:last-child {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .restore-default {\n display: flex;\n justify-content: center;\n align-items: center;\n position: sticky;\n width: 100%;\n left: 0;\n bottom: 0;\n top: -2px;\n height: 44px;\n color: rgb(54, 102, 214);\n cursor: pointer;\n border-top: 1px solid rgba(171, 176, 185, 0.12);\n background-color: #fff;\n}\n.paraui-v3-dynamic-multi-box-popover .no-other-property {\n width: 200px;\n padding: 16px 0;\n text-align: center;\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n}";
|
|
899
918
|
styleInject(css_248z);
|
|
900
919
|
|
|
901
920
|
var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
@@ -927,6 +946,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
927
946
|
onSort = props.onSort,
|
|
928
947
|
_props$keepLastItem = props.keepLastItem,
|
|
929
948
|
keepLastItem = _props$keepLastItem === void 0 ? true : _props$keepLastItem;
|
|
949
|
+
var intl = useFormatMessage('DynamicMultiBox', localeJson);
|
|
930
950
|
var _useState = useState([]),
|
|
931
951
|
_useState2 = _slicedToArray(_useState, 2),
|
|
932
952
|
checked = _useState2[0],
|
|
@@ -1067,7 +1087,9 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1067
1087
|
children: [jsx("div", Object.assign({
|
|
1068
1088
|
className: "title"
|
|
1069
1089
|
}, {
|
|
1070
|
-
children:
|
|
1090
|
+
children: intl({
|
|
1091
|
+
id: 'titleForm'
|
|
1092
|
+
})
|
|
1071
1093
|
})), jsx(CheckboxGroup, {
|
|
1072
1094
|
list: filterConfig,
|
|
1073
1095
|
row: false,
|
|
@@ -1078,12 +1100,16 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1078
1100
|
className: "restore-default",
|
|
1079
1101
|
onClick: onRestoreDefault
|
|
1080
1102
|
}, {
|
|
1081
|
-
children:
|
|
1103
|
+
children: intl({
|
|
1104
|
+
id: 'default'
|
|
1105
|
+
})
|
|
1082
1106
|
}))]
|
|
1083
1107
|
})) : jsx("div", Object.assign({
|
|
1084
1108
|
className: "no-other-property"
|
|
1085
1109
|
}, {
|
|
1086
|
-
children:
|
|
1110
|
+
children: intl({
|
|
1111
|
+
id: 'noData'
|
|
1112
|
+
})
|
|
1087
1113
|
}))
|
|
1088
1114
|
});
|
|
1089
1115
|
};
|
|
@@ -1144,6 +1170,25 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1144
1170
|
}))]
|
|
1145
1171
|
}));
|
|
1146
1172
|
}, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault]);
|
|
1173
|
+
/**
|
|
1174
|
+
* 判断是否全部隐藏删除
|
|
1175
|
+
* 默认全部隐藏
|
|
1176
|
+
* */
|
|
1177
|
+
var isAllHideDelete = function isAllHideDelete() {
|
|
1178
|
+
var _a;
|
|
1179
|
+
var bol = true;
|
|
1180
|
+
if (valueList.length > deleteDisable.length) {
|
|
1181
|
+
return false;
|
|
1182
|
+
}
|
|
1183
|
+
for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
|
|
1184
|
+
var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a.id;
|
|
1185
|
+
if (id && deleteDisable.indexOf(id) === -1) {
|
|
1186
|
+
bol = false;
|
|
1187
|
+
break;
|
|
1188
|
+
}
|
|
1189
|
+
}
|
|
1190
|
+
return bol;
|
|
1191
|
+
};
|
|
1147
1192
|
/**
|
|
1148
1193
|
*@desc 渲染内容
|
|
1149
1194
|
* */
|
|
@@ -1151,6 +1196,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1151
1196
|
if (valueList && (valueList === null || valueList === void 0 ? void 0 : valueList.length) > 0) {
|
|
1152
1197
|
var showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
|
|
1153
1198
|
var _config = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
|
|
1199
|
+
var isAllHideDelBol = isAllHideDelete();
|
|
1154
1200
|
return jsx(Fragment, {
|
|
1155
1201
|
children: valueList.map(function (item, rowIndex) {
|
|
1156
1202
|
var _a;
|
|
@@ -1172,7 +1218,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1172
1218
|
icon: icon,
|
|
1173
1219
|
config: _config
|
|
1174
1220
|
}), jsxs("div", Object.assign({
|
|
1175
|
-
className: "operator-column-40 ".concat(isSort && showDeleteIcon ? 'operator-column-80' : '')
|
|
1221
|
+
className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
|
|
1176
1222
|
}, {
|
|
1177
1223
|
children: [jsx("div", Object.assign({
|
|
1178
1224
|
className: "operator-column-icon delete-icon ".concat(!showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : ''),
|
|
@@ -1181,9 +1227,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1181
1227
|
}
|
|
1182
1228
|
}, {
|
|
1183
1229
|
children: jsx(Delete, {})
|
|
1184
|
-
})), jsx("div", {
|
|
1185
|
-
className: 'blank-block'
|
|
1186
|
-
}), isSort && jsx("div", Object.assign({
|
|
1230
|
+
})), isSort && jsx("div", Object.assign({
|
|
1187
1231
|
className: !showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : 'center-line'
|
|
1188
1232
|
}, {
|
|
1189
1233
|
children: jsx("div", {
|
|
@@ -1295,7 +1339,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1295
1339
|
className: handClass()
|
|
1296
1340
|
}, {
|
|
1297
1341
|
children: [jsxs("div", Object.assign({
|
|
1298
|
-
className:
|
|
1342
|
+
className: "multi-value-content",
|
|
1299
1343
|
ref: domRef
|
|
1300
1344
|
}, {
|
|
1301
1345
|
children: [renderTitle, jsx(dist.exports.ReactSortable, Object.assign({
|
|
@@ -1312,9 +1356,11 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1312
1356
|
id: 'multi-value-add-button'
|
|
1313
1357
|
}, {
|
|
1314
1358
|
children: [jsx(PlusCircleF, {}), jsx("span", Object.assign({
|
|
1315
|
-
className:
|
|
1359
|
+
className: "text"
|
|
1316
1360
|
}, {
|
|
1317
|
-
children:
|
|
1361
|
+
children: intl({
|
|
1362
|
+
id: 'add'
|
|
1363
|
+
})
|
|
1318
1364
|
}))]
|
|
1319
1365
|
}))]
|
|
1320
1366
|
}));
|
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-3ad33217.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/GlobalContext/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { i as i18nIntl } from '../_verture/intl-
|
|
2
|
+
import { i as i18nIntl } from '../_verture/intl-aef57980.js';
|
|
3
3
|
import { GetLanguage } from '@paraview/lib';
|
|
4
4
|
import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
|
|
5
5
|
import '../_verture/typeof-498dd2b1.js';
|
|
6
|
-
import 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
//confirm 默认中文
|
|
9
8
|
var confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);
|
package/GlobalContext/intl.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
export declare const get: (obj: any, path: string, defaultValue?: any) => any;
|
|
1
2
|
/**
|
|
2
3
|
* 替换字符串模版变量
|
|
3
4
|
* @param str
|
|
4
|
-
* @param
|
|
5
|
+
* @param vars
|
|
5
6
|
*/
|
|
6
|
-
export declare const replaceStrTemplateVars: (str: string, vars?: any) => any;
|
|
7
|
+
export declare const replaceStrTemplateVars: (str: string, vars?: any) => string | any[];
|
|
7
8
|
export interface I18nData {
|
|
8
9
|
/**
|
|
9
10
|
* 语言
|
|
@@ -31,4 +32,4 @@ export declare const i18nIntl: (props: {
|
|
|
31
32
|
lang: string;
|
|
32
33
|
params?: object;
|
|
33
34
|
defI18nData?: I18nData;
|
|
34
|
-
}) => any;
|
|
35
|
+
}) => string | any[];
|
package/InputLang/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import { useState, useRef, useEffect, useMemo } from 'react';
|
|
|
7
7
|
import { TextField } from '../TextField/index.js';
|
|
8
8
|
import HelperText from '../HelperText/index.js';
|
|
9
9
|
import { MultiBox } from '../MultiBox/index.js';
|
|
10
|
+
import AutoTips from '../AutoTips/index.js';
|
|
10
11
|
import { Popover } from '../Popover/index.js';
|
|
11
12
|
import Application from '@para-ui/icons/Application';
|
|
12
13
|
import { GetLanguage, ArrayToObject } from '@paraview/lib';
|
|
@@ -24,7 +25,6 @@ import '@para-ui/icons/Help';
|
|
|
24
25
|
import '@para-ui/icons/PreviewClose';
|
|
25
26
|
import '@para-ui/icons/PreviewOpen';
|
|
26
27
|
import '@para-ui/icons/CloseCircle';
|
|
27
|
-
import '../AutoTips/index.js';
|
|
28
28
|
import '../Loading/index.js';
|
|
29
29
|
import '@para-ui/icons/LoadingF';
|
|
30
30
|
import '../_verture/useGlobalProps-1b846a65.js';
|
|
@@ -37,7 +37,7 @@ import '@para-ui/icons/Delete';
|
|
|
37
37
|
import '@para-ui/icons/PlusCircleF';
|
|
38
38
|
import '../_verture/useFormatMessage-703f8b20.js';
|
|
39
39
|
|
|
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
|
+
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-before .lang-key {\n max-width: 100px;\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}";
|
|
41
41
|
styleInject(css_248z);
|
|
42
42
|
|
|
43
43
|
var InputLang = function InputLang(props) {
|
|
@@ -249,9 +249,15 @@ var InputLang = function InputLang(props) {
|
|
|
249
249
|
/** 当前语言 */
|
|
250
250
|
var AddonBeforeMemo = function AddonBeforeMemo() {
|
|
251
251
|
var _a;
|
|
252
|
-
return jsx("div", {
|
|
253
|
-
|
|
254
|
-
}
|
|
252
|
+
return jsx("div", Object.assign({
|
|
253
|
+
className: 'lang-key'
|
|
254
|
+
}, {
|
|
255
|
+
children: jsx(AutoTips, Object.assign({
|
|
256
|
+
tipMaxWidth: '300px'
|
|
257
|
+
}, {
|
|
258
|
+
children: ((_a = langMapping[lang]) === null || _a === void 0 ? void 0 : _a.label) || lang
|
|
259
|
+
}))
|
|
260
|
+
}));
|
|
255
261
|
};
|
|
256
262
|
/** 加载更多语言 */
|
|
257
263
|
var AddonAfterMemo = useMemo(function () {
|
package/ParauiProvider/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import GlobalContext, { changeConfirmLocale } from '@para-ui/core/GlobalContext';
|
|
5
5
|
import { GetLanguage } from '@paraview/lib';
|
|
6
|
-
import { i as i18nIntl } from '../_verture/intl-
|
|
6
|
+
import { i as i18nIntl } from '../_verture/intl-aef57980.js';
|
|
7
7
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
8
8
|
import '../_verture/typeof-498dd2b1.js';
|
|
9
9
|
|
package/README.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## 版本: 3.0.59
|
|
2
|
+
|
|
3
|
+
para-ui/core@3.0.59 发布
|
|
4
|
+
【国际化-intl】重构intl逻辑,移除 new Function
|
|
5
|
+
|
|
6
|
+
## 版本: 3.0.58
|
|
7
|
+
|
|
8
|
+
para-ui/core@3.0.58 发布
|
|
9
|
+
【动态多值框-DynamicMultiBox】增加国际化
|
|
10
|
+
【输入框-TextField】修改多行文本,IE限制长度数字展示不正常
|
|
11
|
+
【选择器-Selector】修复IE11出现滚动条问题
|
|
12
|
+
|
|
13
|
+
## 版本: 3.0.57
|
|
14
|
+
|
|
15
|
+
para-ui/core@3.0.57 发布
|
|
16
|
+
【国际化输入框-InputLang】限制key最大宽度,超出...
|
|
17
|
+
【动态多值框-DynamicMultiBox】修复ie样式错乱问题
|
|
18
|
+
|
|
1
19
|
## 版本: 3.0.56
|
|
2
20
|
|
|
3
21
|
para-ui/core@3.0.56 发布
|
package/Selector/index.js
CHANGED
|
@@ -1147,7 +1147,7 @@ var reqFunc = function reqFunc(obj) {
|
|
|
1147
1147
|
}
|
|
1148
1148
|
};
|
|
1149
1149
|
|
|
1150
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n display: flex;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-main {\n width: 50%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-data {\n width: 50%;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector.paraui-v3-selector-tb {\n flex-direction: column;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-data {\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n max-height: 106px;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-main {\n overflow-y: auto;\n height: auto;\n flex: 1;\n}";
|
|
1150
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n display: flex;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector svg {\n overflow: hidden;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-main {\n width: 50%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-data {\n width: 50%;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector.paraui-v3-selector-tb {\n flex-direction: column;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-data {\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n max-height: 106px;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-main {\n overflow-y: auto;\n height: auto;\n flex: 1;\n}";
|
|
1151
1151
|
styleInject(css_248z);
|
|
1152
1152
|
|
|
1153
1153
|
var handFieldConfig = function handFieldConfig(fieldConfig, rowKey) {
|
package/TextField/index.js
CHANGED
|
@@ -28,7 +28,7 @@ import 'rc-dropdown';
|
|
|
28
28
|
import '../_verture/usePopupContainer-87febeb9.js';
|
|
29
29
|
import 'dayjs';
|
|
30
30
|
|
|
31
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-field {\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 width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n width: 100%;\n position: relative;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-right: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n position: relative;\n display: flex;\n flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n width: 100%;\n line-height: 0;\n position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n width: 100% !important;\n padding: 12px;\n resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n font-size: 14px;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n cursor: text;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n position: absolute;\n height: 22px;\n bottom: 0;\n border-radius: 4px;\n width: calc(100% - 12px);\n background: white;\n justify-content: flex-end;\n padding-bottom: 8px;\n margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n padding-top: 12px;\n line-height: 1;\n height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n display: flex;\n cursor: pointer;\n color: rgb(46, 55, 67);\n padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n height: 100px;\n position: relative;\n overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n padding: 8px 0;\n}";
|
|
31
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-field {\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 width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n width: 100%;\n position: relative;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-right: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n position: relative;\n display: flex;\n flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n width: 100%;\n line-height: 0;\n position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n width: 100% !important;\n padding: 12px;\n resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n font-size: 14px;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n cursor: text;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n position: absolute;\n height: 22px;\n bottom: 0;\n border-radius: 4px;\n width: calc(100% - 12px);\n background: white;\n justify-content: flex-end;\n padding-bottom: 8px;\n margin-right: 0;\n left: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n padding-top: 12px;\n line-height: 1;\n height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n display: flex;\n cursor: pointer;\n color: rgb(46, 55, 67);\n padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n height: 100px;\n position: relative;\n overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n padding: 8px 0;\n}";
|
|
32
32
|
styleInject(css_248z);
|
|
33
33
|
|
|
34
34
|
// true:数值型的,false:非数值型
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { _ as _typeof } from './typeof-498dd2b1.js';
|
|
2
|
+
|
|
3
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
6
|
+
// 实现 get 方法
|
|
7
|
+
// 支持对象和数组/支持默认值/支持路径/支持字符串模版变量/支持jsx/支持.运算符和[]运算符
|
|
8
|
+
var get = function get(obj, path, defaultValue) {
|
|
9
|
+
var pathArr = path.replace(/\[(\d+)\]/g, '.$1').split('.');
|
|
10
|
+
var result = obj;
|
|
11
|
+
var _iterator = _createForOfIteratorHelper(pathArr),
|
|
12
|
+
_step;
|
|
13
|
+
try {
|
|
14
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
15
|
+
var p = _step.value;
|
|
16
|
+
result = Object(result)[p];
|
|
17
|
+
if (result === undefined) {
|
|
18
|
+
return defaultValue;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
} catch (err) {
|
|
22
|
+
_iterator.e(err);
|
|
23
|
+
} finally {
|
|
24
|
+
_iterator.f();
|
|
25
|
+
}
|
|
26
|
+
return result;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* 替换字符串模版变量
|
|
30
|
+
* @param str
|
|
31
|
+
* @param vars
|
|
32
|
+
*/
|
|
33
|
+
var replaceStrTemplateVars = function replaceStrTemplateVars(str, vars) {
|
|
34
|
+
if (!vars) return str;
|
|
35
|
+
str = str.replace(/\"/g, '\\"');
|
|
36
|
+
// 模版字符串正则
|
|
37
|
+
var strTemplateReg = /({[^{}]+})/g;
|
|
38
|
+
var parts = str.split(strTemplateReg);
|
|
39
|
+
return parts.map(function (part) {
|
|
40
|
+
if (part.match(strTemplateReg)) {
|
|
41
|
+
var key = part.replace(/({|})/g, '');
|
|
42
|
+
return get(vars, key) || key;
|
|
43
|
+
}
|
|
44
|
+
return part;
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* 国际化获取方法
|
|
49
|
+
* @param ops 国际化取值key参数
|
|
50
|
+
* @param i18nData 国际化数据对象
|
|
51
|
+
* @param params 国际化字符变量对象
|
|
52
|
+
* @param lang 指定国际化语言
|
|
53
|
+
* @param defI18nData 默认国际化数据对象
|
|
54
|
+
*/
|
|
55
|
+
var i18nIntl = function i18nIntl(props) {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
var ops = props.ops,
|
|
58
|
+
i18nData = props.i18nData,
|
|
59
|
+
lang = props.lang,
|
|
60
|
+
params = props.params,
|
|
61
|
+
defI18nData = props.defI18nData;
|
|
62
|
+
var text, key;
|
|
63
|
+
if (typeof ops === 'string') {
|
|
64
|
+
key = ops;
|
|
65
|
+
} else if (_typeof(ops) === 'object') {
|
|
66
|
+
if (typeof ops.id !== 'string') return 'i18n intl object "id" is missing';
|
|
67
|
+
key = ops.id;
|
|
68
|
+
}
|
|
69
|
+
if (key !== undefined) {
|
|
70
|
+
text = (_a = i18nData[lang]) === null || _a === void 0 ? void 0 : _a[key];
|
|
71
|
+
if (text === undefined && defI18nData) {
|
|
72
|
+
// 尝试从默认国际化数据获取
|
|
73
|
+
text = (_b = defI18nData[lang]) === null || _b === void 0 ? void 0 : _b[key];
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
if (typeof text !== 'string') return "{".concat(key, "}");
|
|
77
|
+
return replaceStrTemplateVars(text, params);
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
export { i18nIntl as i };
|
package/index.js
CHANGED
|
@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
|
|
|
22
22
|
export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
|
|
23
23
|
export { default as Empty } from './Empty/index.js';
|
|
24
24
|
export { default as Form } from './Form/index.js';
|
|
25
|
-
export { F as FormItem } from './_verture/index-
|
|
25
|
+
export { F as FormItem } from './_verture/index-3ad33217.js';
|
|
26
26
|
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-92bb0e16.js';
|
|
27
27
|
export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
|
|
28
28
|
export { default as Help } from './Help/index.js';
|
|
@@ -116,12 +116,14 @@ import 'rc-drawer';
|
|
|
116
116
|
import 'rc-dropdown';
|
|
117
117
|
import './_verture/usePopupContainer-87febeb9.js';
|
|
118
118
|
import 'dayjs';
|
|
119
|
-
import '@para-ui/icons';
|
|
119
|
+
import '@para-ui/icons/Panel';
|
|
120
|
+
import '@para-ui/icons/PlusCircleF';
|
|
121
|
+
import '@para-ui/icons/Delete';
|
|
122
|
+
import '@para-ui/icons/Drag';
|
|
120
123
|
import './_verture/sortable.esm-49896035.js';
|
|
121
124
|
import './_verture/useGlobalProps-1b846a65.js';
|
|
122
|
-
import '@para-ui/icons/Delete';
|
|
123
125
|
import '@para-ui/icons/LinkGroup';
|
|
124
|
-
import './_verture/intl-
|
|
126
|
+
import './_verture/intl-aef57980.js';
|
|
125
127
|
import './_verture/index-e2881a53.js';
|
|
126
128
|
import '@para-ui/icons/Help';
|
|
127
129
|
import '@para-ui/icons/Application';
|
|
@@ -129,6 +131,7 @@ import 'rc-input-number';
|
|
|
129
131
|
import '@para-ui/icons/Up';
|
|
130
132
|
import '@para-ui/icons/Minus';
|
|
131
133
|
import '@para-ui/icons/Plus';
|
|
134
|
+
import '@para-ui/icons';
|
|
132
135
|
import '@para-ui/icons/IndentRightFill';
|
|
133
136
|
import '@para-ui/icons/IndentLeftFill';
|
|
134
137
|
import '@para-ui/icons/WarningCircleF';
|
|
@@ -136,7 +139,6 @@ import '@para-ui/icons/CheckCircleF';
|
|
|
136
139
|
import '@para-ui/icons/CloseCircleF';
|
|
137
140
|
import 'rc-dialog';
|
|
138
141
|
import '@para-ui/icons/WarningCircle';
|
|
139
|
-
import '@para-ui/icons/PlusCircleF';
|
|
140
142
|
import 'rc-notification';
|
|
141
143
|
import '@para-ui/icons/Left';
|
|
142
144
|
import 'rc-pagination';
|
|
@@ -158,7 +160,6 @@ import 'rc-switch';
|
|
|
158
160
|
import '@para-ui/icons/ScreenF';
|
|
159
161
|
import '@para-ui/icons/UpTriangleF';
|
|
160
162
|
import '@para-ui/icons/DownTriangleF';
|
|
161
|
-
import '@para-ui/icons/Panel';
|
|
162
163
|
import 'rc-tabs';
|
|
163
164
|
import '@wangeditor/editor-for-react';
|
|
164
165
|
import '@wangeditor/editor';
|
|
@@ -166,7 +167,6 @@ import '@para-ui/icons/PreviewClose';
|
|
|
166
167
|
import '@para-ui/icons/PreviewOpen';
|
|
167
168
|
import 'rc-tooltip';
|
|
168
169
|
import 'rc-tooltip/lib/placements';
|
|
169
|
-
import '@para-ui/icons/Drag';
|
|
170
170
|
import 'rc-tree';
|
|
171
171
|
import '@para-ui/icons/Document';
|
|
172
172
|
import '@para-ui/icons/EditFile';
|