@para-ui/core 3.0.112 → 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 +16 -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/TextEditor/index.d.ts +2 -0
- package/TextEditor/index.js +4 -2
- 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/TextEditor.js +1 -1
- 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,19 @@
|
|
|
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
|
+
|
|
12
|
+
## 版本: 3.0.113
|
|
13
|
+
|
|
14
|
+
para-ui/core@3.0.113 发布
|
|
15
|
+
【富文本编辑器-TextEditor】增加MenuConfig参数暴露
|
|
16
|
+
|
|
1
17
|
## 版本: 3.0.112
|
|
2
18
|
|
|
3
19
|
para-ui/core@3.0.112 发布
|
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/TextEditor/index.d.ts
CHANGED
|
@@ -102,6 +102,8 @@ export interface TextEditorProps extends HelperTextDetailProps {
|
|
|
102
102
|
uploadVideo?: Partial<UpLoadVideoConfig>;
|
|
103
103
|
/** 国际化 */
|
|
104
104
|
in18?: 'en' | 'zh-CN';
|
|
105
|
+
/** 菜单配置 */
|
|
106
|
+
menuConfig?: any;
|
|
105
107
|
/** 改变事件 */
|
|
106
108
|
onChange?: (value: string, text: string) => void;
|
|
107
109
|
/** 失去焦点 */
|
package/TextEditor/index.js
CHANGED
|
@@ -107,6 +107,8 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
107
107
|
value = props.value,
|
|
108
108
|
excludeKeys = props.excludeKeys,
|
|
109
109
|
insertKeys = props.insertKeys,
|
|
110
|
+
_props$menuConfig = props.menuConfig,
|
|
111
|
+
menuConfig = _props$menuConfig === void 0 ? {} : _props$menuConfig,
|
|
110
112
|
_props$toolbarKeys = props.toolbarKeys,
|
|
111
113
|
toolbarKeys = _props$toolbarKeys === void 0 ? TOOL_BAR_CONFIG : _props$toolbarKeys,
|
|
112
114
|
_props$uploadImage = props.uploadImage,
|
|
@@ -173,14 +175,14 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
173
175
|
readOnly: readOnly,
|
|
174
176
|
autoFocus: autoFocus,
|
|
175
177
|
maxLength: max,
|
|
176
|
-
MENU_CONF: {
|
|
178
|
+
MENU_CONF: Object.assign({
|
|
177
179
|
uploadImage: Object.assign(Object.assign({}, uploadImage), {
|
|
178
180
|
server: server
|
|
179
181
|
}),
|
|
180
182
|
uploadVideo: Object.assign(Object.assign({}, uploadVideo), {
|
|
181
183
|
server: server
|
|
182
184
|
})
|
|
183
|
-
}
|
|
185
|
+
}, menuConfig)
|
|
184
186
|
};
|
|
185
187
|
// 国际化
|
|
186
188
|
useEffect(function () {
|
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
|
}
|