@para-ui/core 3.0.113 → 3.0.114
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/ComboSelect/index.js +1 -1
- package/DynamicMultiBox/index.js +25 -23
- package/Form/index.js +2 -2
- package/FormItem/index.js +2 -2
- package/Pagination/index.d.ts +4 -0
- package/Pagination/index.js +4 -2
- package/README.md +11 -0
- package/Select/index.js +1 -1
- package/Table/index.js +43 -6
- package/Table/lang/en_US.d.ts +2 -0
- package/Table/lang/index.d.ts +4 -0
- package/Table/lang/zh_CN.d.ts +2 -0
- package/Tree/index.js +2 -2
- package/_verture/{index-48dc6207.js → index-b5400443.js} +25 -4
- package/index.js +2 -2
- package/locale/en-US.d.ts +2 -0
- package/locale/index.d.ts +4 -0
- package/locale/index.js +6 -2
- package/locale/zh-CN.d.ts +2 -0
- package/package.json +2 -1
- package/umd/ComboSelect.js +4 -4
- package/umd/DynamicMultiBox.js +4 -4
- package/umd/Form.js +2 -2
- package/umd/FormItem.js +2 -2
- package/umd/Pagination.js +4 -4
- package/umd/Select.js +1 -1
- package/umd/SelectInput.js +1 -1
- package/umd/Table.js +2 -2
- package/umd/Tree.js +4 -4
- package/umd/locale.js +1 -1
- /package/_verture/{index-3414a559.js → index-24fedf46.js} +0 -0
package/ComboSelect/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
|
|
|
10
10
|
import CloseIcon from '@para-ui/icons/Close';
|
|
11
11
|
import CloseCircle from '@para-ui/icons/CloseCircle';
|
|
12
12
|
import Table from '../Table/index.js';
|
|
13
|
-
import { T as Tree } from '../_verture/index-
|
|
13
|
+
import { T as Tree } from '../_verture/index-b5400443.js';
|
|
14
14
|
import { Button } from '../Button/index.js';
|
|
15
15
|
import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
|
|
16
16
|
import { Popover } from '../Popover/index.js';
|
package/DynamicMultiBox/index.js
CHANGED
|
@@ -74,7 +74,7 @@ import '@para-ui/icons/Left';
|
|
|
74
74
|
import 'rc-pagination';
|
|
75
75
|
import '@para-ui/icons/Right';
|
|
76
76
|
import '@para-ui/icons/DoubleRight';
|
|
77
|
-
import '../_verture/index-
|
|
77
|
+
import '../_verture/index-b5400443.js';
|
|
78
78
|
import 'rc-tree';
|
|
79
79
|
import '@para-ui/icons/Document';
|
|
80
80
|
import 'react-dom';
|
|
@@ -1135,12 +1135,33 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1135
1135
|
if (popoverClassName) str += ' ' + popoverClassName;
|
|
1136
1136
|
return str;
|
|
1137
1137
|
};
|
|
1138
|
+
/**
|
|
1139
|
+
* 判断是否全部隐藏删除
|
|
1140
|
+
* 默认全部隐藏
|
|
1141
|
+
* */
|
|
1142
|
+
var isAllHideDelete = function isAllHideDelete() {
|
|
1143
|
+
var _a;
|
|
1144
|
+
var bol = true;
|
|
1145
|
+
if (valueList.length > deleteDisable.length) {
|
|
1146
|
+
return false;
|
|
1147
|
+
}
|
|
1148
|
+
for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
|
|
1149
|
+
var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
|
|
1150
|
+
if (id && deleteDisable.indexOf(id) === -1) {
|
|
1151
|
+
bol = false;
|
|
1152
|
+
break;
|
|
1153
|
+
}
|
|
1154
|
+
}
|
|
1155
|
+
return bol;
|
|
1156
|
+
};
|
|
1138
1157
|
/**
|
|
1139
1158
|
* 渲染表头
|
|
1140
1159
|
* */
|
|
1141
1160
|
var renderTitle = useMemo(function () {
|
|
1142
1161
|
var config = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
|
|
1143
1162
|
if (!(config === null || config === void 0 ? void 0 : config.length)) return null;
|
|
1163
|
+
var showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
|
|
1164
|
+
var isAllHideDelBol = isAllHideDelete();
|
|
1144
1165
|
return jsxs("div", Object.assign({
|
|
1145
1166
|
className: 'title-config'
|
|
1146
1167
|
}, {
|
|
@@ -1173,7 +1194,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1173
1194
|
required: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.required,
|
|
1174
1195
|
label: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.label
|
|
1175
1196
|
}) : null, jsxs("div", Object.assign({
|
|
1176
|
-
className: "operator-column-40 ".concat(isSort &&
|
|
1197
|
+
className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
|
|
1177
1198
|
}, {
|
|
1178
1199
|
children: [isSort && jsx("div", {
|
|
1179
1200
|
className: 'blank-block'
|
|
@@ -1194,26 +1215,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1194
1215
|
}))]
|
|
1195
1216
|
}))]
|
|
1196
1217
|
}));
|
|
1197
|
-
}, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey]);
|
|
1198
|
-
/**
|
|
1199
|
-
* 判断是否全部隐藏删除
|
|
1200
|
-
* 默认全部隐藏
|
|
1201
|
-
* */
|
|
1202
|
-
var isAllHideDelete = function isAllHideDelete() {
|
|
1203
|
-
var _a;
|
|
1204
|
-
var bol = true;
|
|
1205
|
-
if (valueList.length > deleteDisable.length) {
|
|
1206
|
-
return false;
|
|
1207
|
-
}
|
|
1208
|
-
for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
|
|
1209
|
-
var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
|
|
1210
|
-
if (id && deleteDisable.indexOf(id) === -1) {
|
|
1211
|
-
bol = false;
|
|
1212
|
-
break;
|
|
1213
|
-
}
|
|
1214
|
-
}
|
|
1215
|
-
return bol;
|
|
1216
|
-
};
|
|
1218
|
+
}, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey, keepLastItem, valueList, deleteDisable]);
|
|
1217
1219
|
/**
|
|
1218
1220
|
*@desc 渲染内容
|
|
1219
1221
|
* */
|
|
@@ -1269,7 +1271,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
|
|
|
1269
1271
|
})
|
|
1270
1272
|
});
|
|
1271
1273
|
}
|
|
1272
|
-
}, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey]);
|
|
1274
|
+
}, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey, deleteDisable]);
|
|
1273
1275
|
/**
|
|
1274
1276
|
* @desc 删除事件
|
|
1275
1277
|
* */
|
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, l as localeJson, v as validate } from '../_verture/index-
|
|
6
|
+
import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-24fedf46.js';
|
|
7
7
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
8
8
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
9
9
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
|
|
|
70
70
|
import 'rc-pagination';
|
|
71
71
|
import '@para-ui/icons/Right';
|
|
72
72
|
import '@para-ui/icons/DoubleRight';
|
|
73
|
-
import '../_verture/index-
|
|
73
|
+
import '../_verture/index-b5400443.js';
|
|
74
74
|
import 'rc-tree';
|
|
75
75
|
import '@para-ui/icons/Document';
|
|
76
76
|
import 'react-dom';
|
package/FormItem/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { F as default } from '../_verture/index-
|
|
3
|
+
export { F as default } from '../_verture/index-24fedf46.js';
|
|
4
4
|
import 'clsx';
|
|
5
5
|
import '../Label/index.js';
|
|
6
6
|
import '../_verture/constant-66aa48a1.js';
|
|
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
|
|
|
70
70
|
import 'rc-pagination';
|
|
71
71
|
import '@para-ui/icons/Right';
|
|
72
72
|
import '@para-ui/icons/DoubleRight';
|
|
73
|
-
import '../_verture/index-
|
|
73
|
+
import '../_verture/index-b5400443.js';
|
|
74
74
|
import 'rc-tree';
|
|
75
75
|
import '@para-ui/icons/Document';
|
|
76
76
|
import 'react-dom';
|
package/Pagination/index.d.ts
CHANGED
|
@@ -33,6 +33,10 @@ export interface PaginationProps {
|
|
|
33
33
|
currentRowsPerPage?: number;
|
|
34
34
|
/** 当前页数 */
|
|
35
35
|
page?: number;
|
|
36
|
+
/** 当前页数最大限制,
|
|
37
|
+
* true 默认限制,不超过总页数
|
|
38
|
+
* */
|
|
39
|
+
pageMaxLimit?: boolean;
|
|
36
40
|
/** 跳转页数 */
|
|
37
41
|
skipFunc?: (num?: number, skipValue?: number) => void;
|
|
38
42
|
/** 下拉框弹窗内容 */
|
package/Pagination/index.js
CHANGED
|
@@ -85,6 +85,8 @@ var Pagination = function Pagination(props) {
|
|
|
85
85
|
currentRowsPerPage = _props$currentRowsPer === void 0 ? 10 : _props$currentRowsPer,
|
|
86
86
|
_props$page = props.page,
|
|
87
87
|
page = _props$page === void 0 ? 1 : _props$page,
|
|
88
|
+
_props$pageMaxLimit = props.pageMaxLimit,
|
|
89
|
+
pageMaxLimit = _props$pageMaxLimit === void 0 ? true : _props$pageMaxLimit,
|
|
88
90
|
skipFunc = props.skipFunc,
|
|
89
91
|
changePage = props.changePage,
|
|
90
92
|
changeRowsPerPage = props.changeRowsPerPage,
|
|
@@ -154,10 +156,10 @@ var Pagination = function Pagination(props) {
|
|
|
154
156
|
}, [props.rowsPerPage]);
|
|
155
157
|
useEffect(function () {
|
|
156
158
|
var num = Number(totalPage);
|
|
157
|
-
if (pageCom > num && num !== pageCom) {
|
|
159
|
+
if (pageMaxLimit && pageCom > num && num !== pageCom) {
|
|
158
160
|
setPageCom(num);
|
|
159
161
|
}
|
|
160
|
-
}, [pageCom, totalPage]);
|
|
162
|
+
}, [pageCom, totalPage, pageMaxLimit]);
|
|
161
163
|
useEffect(function () {
|
|
162
164
|
var num = Math.ceil(total / currentRowsPerPageCom);
|
|
163
165
|
// props.page 防止外部传入自定义页面,设置无效(表格分页)
|
package/README.md
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
## 版本: 3.0.114
|
|
2
|
+
|
|
3
|
+
para-ui/core@3.0.114 发布
|
|
4
|
+
【树-Tree】请求树,父容器自动计算size,占满父容器
|
|
5
|
+
【树-Tree】修改加载更多按钮位置超出,吸附在最底部
|
|
6
|
+
【树-Tree】修改loading位置始终在父容器中间
|
|
7
|
+
【动态多值框-DynamicMultiBox】修复keepLastItem为false,标题错位
|
|
8
|
+
【下拉框-Select】修复分组下拉框搜索数据丢失
|
|
9
|
+
【分页-Pagination】增加pageMaxLimit参数
|
|
10
|
+
【表格-Table】增加非首页空状态展示
|
|
11
|
+
|
|
1
12
|
## 版本: 3.0.113
|
|
2
13
|
|
|
3
14
|
para-ui/core@3.0.113 发布
|
package/Select/index.js
CHANGED
|
@@ -383,7 +383,7 @@ var Select = function Select(props) {
|
|
|
383
383
|
var arr = [];
|
|
384
384
|
var listDeep = _toConsumableArray(listData);
|
|
385
385
|
for (var i = 0, l = listDeep.length; i < l; i++) {
|
|
386
|
-
var item = listDeep[i];
|
|
386
|
+
var item = Object.assign({}, listDeep[i]);
|
|
387
387
|
if (item[childrenName] && item[childrenName].length > 0) {
|
|
388
388
|
var childArr = item[childrenName];
|
|
389
389
|
var handChildArr = [];
|
package/Table/index.js
CHANGED
|
@@ -339,7 +339,9 @@ var en = {
|
|
|
339
339
|
loadMore: 'Load more',
|
|
340
340
|
refresh: 'Refresh',
|
|
341
341
|
selectNum: 'Selected {num} items',
|
|
342
|
-
selectAll: 'Select All'
|
|
342
|
+
selectAll: 'Select All',
|
|
343
|
+
noHomePageEmpty: 'There is no data on this page',
|
|
344
|
+
returnPrevPage: 'Return to previous page'
|
|
343
345
|
};
|
|
344
346
|
|
|
345
347
|
var zh = {
|
|
@@ -350,7 +352,9 @@ var zh = {
|
|
|
350
352
|
loadMore: '加载更多',
|
|
351
353
|
refresh: '刷新',
|
|
352
354
|
selectNum: '已选{num}项',
|
|
353
|
-
selectAll: '全选'
|
|
355
|
+
selectAll: '全选',
|
|
356
|
+
noHomePageEmpty: '当前页面无数据',
|
|
357
|
+
returnPrevPage: '返回上一页'
|
|
354
358
|
};
|
|
355
359
|
|
|
356
360
|
var localeJson = {
|
|
@@ -1246,11 +1250,42 @@ var TableBody = function TableBody(props) {
|
|
|
1246
1250
|
if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
|
|
1247
1251
|
return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
|
|
1248
1252
|
}
|
|
1249
|
-
if (url) {
|
|
1253
|
+
if (url && Number(page) <= 1) {
|
|
1250
1254
|
return true;
|
|
1251
1255
|
}
|
|
1252
1256
|
return false;
|
|
1253
1257
|
};
|
|
1258
|
+
// 处理非首页非空状态
|
|
1259
|
+
var handleDescription = function handleDescription() {
|
|
1260
|
+
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description) return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description;
|
|
1261
|
+
if (Number(page) > 1) {
|
|
1262
|
+
return jsxs("div", Object.assign({
|
|
1263
|
+
className: 'no-home-page-empty'
|
|
1264
|
+
}, {
|
|
1265
|
+
children: [jsx("div", Object.assign({
|
|
1266
|
+
className: 'empty-desc'
|
|
1267
|
+
}, {
|
|
1268
|
+
children: intl({
|
|
1269
|
+
id: 'noHomePageEmpty'
|
|
1270
|
+
})
|
|
1271
|
+
})), jsx("div", Object.assign({
|
|
1272
|
+
className: 'return-prev-page'
|
|
1273
|
+
}, {
|
|
1274
|
+
children: jsx(Button, Object.assign({
|
|
1275
|
+
variant: "text",
|
|
1276
|
+
size: "small",
|
|
1277
|
+
onClick: function onClick() {
|
|
1278
|
+
changePage && changePage(Number(page) - 1);
|
|
1279
|
+
}
|
|
1280
|
+
}, {
|
|
1281
|
+
children: intl({
|
|
1282
|
+
id: 'returnPrevPage'
|
|
1283
|
+
})
|
|
1284
|
+
}))
|
|
1285
|
+
}))]
|
|
1286
|
+
}));
|
|
1287
|
+
}
|
|
1288
|
+
};
|
|
1254
1289
|
// 处理className
|
|
1255
1290
|
var handClassNoData = function handClassNoData() {
|
|
1256
1291
|
var str = 'table-no-data';
|
|
@@ -1265,6 +1300,7 @@ var TableBody = function TableBody(props) {
|
|
|
1265
1300
|
colSpan: expandableColSpan
|
|
1266
1301
|
}, {
|
|
1267
1302
|
children: jsx(Empty, Object.assign({}, emptyProps, {
|
|
1303
|
+
description: handleDescription(),
|
|
1268
1304
|
showRefresh: handRefreshBtn(),
|
|
1269
1305
|
onRefresh: function onRefresh(event) {
|
|
1270
1306
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
|
|
@@ -1276,7 +1312,7 @@ var TableBody = function TableBody(props) {
|
|
|
1276
1312
|
}))
|
|
1277
1313
|
}))
|
|
1278
1314
|
}));
|
|
1279
|
-
}, [expandableColSpan, emptyProps, url, _onRefresh]);
|
|
1315
|
+
}, [expandableColSpan, emptyProps, url, _onRefresh, page, changePage]);
|
|
1280
1316
|
// 复选框useCallback
|
|
1281
1317
|
var TableCheckCallback = useCallback(function (row) {
|
|
1282
1318
|
if (check) {
|
|
@@ -1695,6 +1731,7 @@ var TableHead = function TableHead(props) {
|
|
|
1695
1731
|
}, {
|
|
1696
1732
|
children: [handlePaginationRight(), jsx(Pagination, {
|
|
1697
1733
|
className: 'table-pagination-com',
|
|
1734
|
+
pageMaxLimit: false,
|
|
1698
1735
|
type: paginationType,
|
|
1699
1736
|
autoType: autoPagination,
|
|
1700
1737
|
flippingArrow: flippingArrow,
|
|
@@ -2756,8 +2793,8 @@ var Table = function Table(propsInit) {
|
|
|
2756
2793
|
/**
|
|
2757
2794
|
* 加载更多,点击改变分页
|
|
2758
2795
|
*/
|
|
2759
|
-
var changePageMore = function changePageMore() {
|
|
2760
|
-
var pageHnad = Number(pageCom) + 1;
|
|
2796
|
+
var changePageMore = function changePageMore(num) {
|
|
2797
|
+
var pageHnad = num ? num : Number(pageCom) + 1;
|
|
2761
2798
|
handPage(pageHnad);
|
|
2762
2799
|
};
|
|
2763
2800
|
/**
|
package/Table/lang/en_US.d.ts
CHANGED
package/Table/lang/index.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ declare const _default: {
|
|
|
8
8
|
refresh: string;
|
|
9
9
|
selectNum: string;
|
|
10
10
|
selectAll: string;
|
|
11
|
+
noHomePageEmpty: string;
|
|
12
|
+
returnPrevPage: string;
|
|
11
13
|
};
|
|
12
14
|
en: {
|
|
13
15
|
empty: string;
|
|
@@ -18,6 +20,8 @@ declare const _default: {
|
|
|
18
20
|
refresh: string;
|
|
19
21
|
selectNum: string;
|
|
20
22
|
selectAll: string;
|
|
23
|
+
noHomePageEmpty: string;
|
|
24
|
+
returnPrevPage: string;
|
|
21
25
|
};
|
|
22
26
|
};
|
|
23
27
|
export default _default;
|
package/Table/lang/zh_CN.d.ts
CHANGED
package/Tree/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tree } from '../_verture/index-
|
|
2
|
-
export { T as default } from '../_verture/index-
|
|
1
|
+
import { T as Tree } from '../_verture/index-b5400443.js';
|
|
2
|
+
export { T as default } from '../_verture/index-b5400443.js';
|
|
3
3
|
import '../_verture/toConsumableArray-81040c9e.js';
|
|
4
4
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
5
5
|
import '../_verture/defineProperty-62acccfc.js';
|
|
@@ -561,6 +561,7 @@ var defaultPageSize = {
|
|
|
561
561
|
};
|
|
562
562
|
//tree 组件
|
|
563
563
|
var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
564
|
+
var _a;
|
|
564
565
|
var url = props.url,
|
|
565
566
|
ctx = props.ctx,
|
|
566
567
|
_props$params = props.params,
|
|
@@ -657,6 +658,22 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
657
658
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
658
659
|
inLoadedKeys = _useState10[0],
|
|
659
660
|
setInLoadKeys = _useState10[1];
|
|
661
|
+
var treeBoxRef = useRef(null);
|
|
662
|
+
var constData = useRef({
|
|
663
|
+
propsSize: (_a = props.pageSize) === null || _a === void 0 ? void 0 : _a.size,
|
|
664
|
+
pageSize: Object.assign(Object.assign({}, defaultPageSize), pageSize)
|
|
665
|
+
});
|
|
666
|
+
constData.current.pageSize = Object.assign(Object.assign({}, constData.current.pageSize), pageSize);
|
|
667
|
+
// 计算size
|
|
668
|
+
var autoSize = function autoSize() {
|
|
669
|
+
if (!treeBoxRef.current || constData.current.propsSize) return;
|
|
670
|
+
var parentDom = treeBoxRef.current.parentElement;
|
|
671
|
+
var parentRect = parentDom.getBoundingClientRect();
|
|
672
|
+
var size = Math.floor((parentRect.height - 26) / 26);
|
|
673
|
+
if (size && size > 0) {
|
|
674
|
+
constData.current.pageSize.size = size;
|
|
675
|
+
}
|
|
676
|
+
};
|
|
660
677
|
//新属性
|
|
661
678
|
var newProps = Object.assign(Object.assign({}, props), {
|
|
662
679
|
showLine: Boolean(showLine),
|
|
@@ -912,6 +929,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
912
929
|
//加载更多节点数据
|
|
913
930
|
var getLoadMoreData = function getLoadMoreData() {
|
|
914
931
|
return {
|
|
932
|
+
className: 'more-tree-node',
|
|
915
933
|
key: String((Math.random() * 1000000 | 0) + Date.now()),
|
|
916
934
|
title: intl({
|
|
917
935
|
id: 'loadMore'
|
|
@@ -1155,6 +1173,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
1155
1173
|
additionProps.titleRender = internalTitleRender;
|
|
1156
1174
|
return additionProps;
|
|
1157
1175
|
};
|
|
1176
|
+
useEffect(function () {
|
|
1177
|
+
autoSize();
|
|
1178
|
+
}, []);
|
|
1158
1179
|
useEffect(function () {
|
|
1159
1180
|
if (defaultCheckedKeys) {
|
|
1160
1181
|
//默认值checked
|
|
@@ -1324,12 +1345,12 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
1324
1345
|
}) : null;
|
|
1325
1346
|
};
|
|
1326
1347
|
return jsxs(Fragment, {
|
|
1327
|
-
children: [
|
|
1348
|
+
children: [jsx("div", Object.assign({
|
|
1328
1349
|
className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
|
|
1329
1350
|
style: wrapperStyle
|
|
1330
1351
|
}, {
|
|
1331
|
-
children:
|
|
1332
|
-
})), renderOperateBar()]
|
|
1352
|
+
children: treeMemo
|
|
1353
|
+
})), loading && jsx(Loading, {}), renderOperateBar()]
|
|
1333
1354
|
});
|
|
1334
1355
|
});
|
|
1335
1356
|
Tree.defaultProps = {
|
|
@@ -1355,7 +1376,7 @@ if (!Element.prototype.closest) {
|
|
|
1355
1376
|
};
|
|
1356
1377
|
}
|
|
1357
1378
|
|
|
1358
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v3-tree-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(54, 102, 214);\n border-radius: 2px;\n visibility: hidden;\n animation: treeCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 16px;\n height: 16px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v3-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v3-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v3-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n color: rgb(54, 102, 214);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v3-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n background-color: transparent;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(54, 102, 214);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(54, 102, 214);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n background-color: rgba(171, 176, 185, 0.12) !important;\n border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 6px;\n overflow: hidden;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n position: relative;\n width: 14px;\n height: 14px;\n margin: 1px 0 0 18px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v3-tree-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
|
|
1379
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v3-tree-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(54, 102, 214);\n border-radius: 2px;\n visibility: hidden;\n animation: treeCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 16px;\n height: 16px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper {\n height: 100%;\n overflow: auto;\n}\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-tree-wrapper .more-tree-node {\n width: 100%;\n background-color: rgb(255, 255, 255);\n position: sticky;\n bottom: 0;\n}\n\n.paraui-v3-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v3-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v3-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n color: rgb(54, 102, 214);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v3-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n background-color: transparent;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(54, 102, 214);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(54, 102, 214);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n background-color: rgba(171, 176, 185, 0.12) !important;\n border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 6px;\n overflow: hidden;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n position: relative;\n width: 14px;\n height: 14px;\n margin: 1px 0 0 18px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v3-tree-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
|
|
1359
1380
|
styleInject(css_248z);
|
|
1360
1381
|
|
|
1361
1382
|
export { Tree as T };
|
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-24fedf46.js';
|
|
26
26
|
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-305f73f4.js';
|
|
27
27
|
export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
|
|
28
28
|
export { default as Help } from './Help/index.js';
|
|
@@ -69,7 +69,7 @@ export { Title } from './Title/index.js';
|
|
|
69
69
|
export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
|
|
70
70
|
export { Tooltip } from './Tooltip/index.js';
|
|
71
71
|
export { SSortablejs, Transfer } from './Transfer/index.js';
|
|
72
|
-
export { T as Tree } from './_verture/index-
|
|
72
|
+
export { T as Tree } from './_verture/index-b5400443.js';
|
|
73
73
|
export { default as Upload } from './Upload/index.js';
|
|
74
74
|
export { default as locale } from './locale/index.js';
|
|
75
75
|
import './_verture/slicedToArray-76060636.js';
|
package/locale/en-US.d.ts
CHANGED
package/locale/index.d.ts
CHANGED
|
@@ -128,6 +128,8 @@ declare const _default: {
|
|
|
128
128
|
refresh: string;
|
|
129
129
|
selectNum: string;
|
|
130
130
|
selectAll: string;
|
|
131
|
+
noHomePageEmpty: string;
|
|
132
|
+
returnPrevPage: string;
|
|
131
133
|
};
|
|
132
134
|
Tabs: {
|
|
133
135
|
confirmDelete: string;
|
|
@@ -292,6 +294,8 @@ declare const _default: {
|
|
|
292
294
|
refresh: string;
|
|
293
295
|
selectNum: string;
|
|
294
296
|
selectAll: string;
|
|
297
|
+
noHomePageEmpty: string;
|
|
298
|
+
returnPrevPage: string;
|
|
295
299
|
};
|
|
296
300
|
Tabs: {
|
|
297
301
|
confirmDelete: string;
|
package/locale/index.js
CHANGED
|
@@ -126,7 +126,9 @@ var enUS = {
|
|
|
126
126
|
"loadMore": "Load more",
|
|
127
127
|
"refresh": "Refresh",
|
|
128
128
|
"selectNum": "Selected {num} items",
|
|
129
|
-
"selectAll": "Select All"
|
|
129
|
+
"selectAll": "Select All",
|
|
130
|
+
"noHomePageEmpty": "There is no data on this page",
|
|
131
|
+
"returnPrevPage": "Return to previous page"
|
|
130
132
|
},
|
|
131
133
|
"Tabs": {
|
|
132
134
|
"confirmDelete": "Are you sure delete?"
|
|
@@ -291,7 +293,9 @@ var zhCN = {
|
|
|
291
293
|
"loadMore": "加载更多",
|
|
292
294
|
"refresh": "刷新",
|
|
293
295
|
"selectNum": "已选{num}项",
|
|
294
|
-
"selectAll": "全选"
|
|
296
|
+
"selectAll": "全选",
|
|
297
|
+
"noHomePageEmpty": "当前页面无数据",
|
|
298
|
+
"returnPrevPage": "返回上一页"
|
|
295
299
|
},
|
|
296
300
|
"Tabs": {
|
|
297
301
|
"confirmDelete": "确定删除吗?"
|
package/locale/zh-CN.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@para-ui/core",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.114",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"typings": "./index.d.ts",
|
|
7
7
|
"description": "Powered by Para FED",
|
|
@@ -166,6 +166,7 @@
|
|
|
166
166
|
"dev": {
|
|
167
167
|
"debug": [
|
|
168
168
|
"http://10.10.2.48:10000",
|
|
169
|
+
"http://10.10.2.199:8082",
|
|
169
170
|
"http://192.168.2.124:20000"
|
|
170
171
|
]
|
|
171
172
|
}
|