ztxkui 2.5.6 → 2.5.9
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/dist/DemoCom/DragSort.d.ts +4 -0
- package/dist/DemoCom/DragSort.js +25 -0
- package/dist/components/Button/button.d.ts +1 -0
- package/dist/components/Button/button.js +20 -2
- package/dist/components/EnhanceSelect/index.d.ts +5 -1
- package/dist/components/EnhanceSelect/index.js +9 -8
- package/dist/components/Upload/upload.js +3 -2
- package/dist/components/business/SortList/hooks/useSort.d.ts +18 -0
- package/dist/components/business/SortList/hooks/useSort.js +64 -0
- package/dist/components/business/SortList/index.d.ts +7 -0
- package/dist/components/business/SortList/index.js +5 -0
- package/dist/components/business/SortList/item.d.ts +14 -0
- package/dist/components/business/SortList/item.js +10 -0
- package/dist/components/business/SortList/list.d.ts +14 -0
- package/dist/components/business/SortList/list.js +56 -0
- package/dist/components/business/SortList/sort-drawer.d.ts +12 -0
- package/dist/components/business/SortList/sort-drawer.js +31 -0
- package/dist/index.css +27 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -0
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Link } from 'react-router-dom';
|
|
3
|
+
import { Button, SortList } from '../index';
|
|
4
|
+
import './style.scss';
|
|
5
|
+
function DragSort() {
|
|
6
|
+
var _a = useState(false), visible = _a[0], setVisible = _a[1];
|
|
7
|
+
return (React.createElement(React.Fragment, null,
|
|
8
|
+
React.createElement(SortList, { className: "container", sortStorageKey: "homeKey", setSettingVisible: setVisible, settingVisible: visible },
|
|
9
|
+
React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF61", sortKey: "1" },
|
|
10
|
+
React.createElement("div", { style: { width: '100%', height: '100%', background: 'red' } }, "\u7EC4\u4EF61")),
|
|
11
|
+
React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF62", sortKey: "2" },
|
|
12
|
+
React.createElement("div", { style: { width: '100%', height: '100%', background: 'yellow' } }, "\u7EC4\u4EF62")),
|
|
13
|
+
React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF63", sortKey: "3" },
|
|
14
|
+
React.createElement("div", { style: { width: '100%', height: '100%', background: 'blue' } }, "\u7EC4\u4EF63")),
|
|
15
|
+
React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF64", sortKey: "4" },
|
|
16
|
+
React.createElement("div", { style: { width: '100%', height: '100%', background: 'green' } }, "\u7EC4\u4EF64"))),
|
|
17
|
+
React.createElement(Button, { type: "primary", onClick: function () {
|
|
18
|
+
setVisible(true);
|
|
19
|
+
} }, "\u5F00\u59CB\u8BBE\u7F6E"),
|
|
20
|
+
React.createElement(Button, { type: "primary", onClick: function () {
|
|
21
|
+
console.log(1111);
|
|
22
|
+
} }, "\u6D4B\u8BD5"),
|
|
23
|
+
React.createElement(Link, { to: "/test" }, "select")));
|
|
24
|
+
}
|
|
25
|
+
export default DragSort;
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { ButtonProps, ButtonType as AntButtonType } from 'antd/lib/button';
|
|
3
3
|
export declare type ButtonType = AntButtonType;
|
|
4
4
|
export interface IProps extends ButtonProps {
|
|
5
|
+
agentClick?: boolean;
|
|
5
6
|
}
|
|
6
7
|
declare const Button: React.FC<IProps>;
|
|
7
8
|
export default Button;
|
|
@@ -23,15 +23,33 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { Button as AntButton } from 'antd';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
|
+
var maxClickTime = 1000;
|
|
26
27
|
var Button = function (props) {
|
|
27
28
|
var _a;
|
|
28
|
-
var children = props.children, type = props.type, size = props.size, disabled = props.disabled, danger = props.danger, className = props.className, restProps = __rest(props, ["children", "type", "size", "disabled", "danger", "className"]);
|
|
29
|
+
var children = props.children, type = props.type, size = props.size, disabled = props.disabled, danger = props.danger, className = props.className, onClick = props.onClick, _b = props.agentClick, agentClick = _b === void 0 ? true : _b, restProps = __rest(props, ["children", "type", "size", "disabled", "danger", "className", "onClick", "agentClick"]);
|
|
29
30
|
var classes = classNames('zt-btn', className, (_a = {},
|
|
30
31
|
_a["zt-btn-" + type] = type,
|
|
31
32
|
_a["zt-btn-disabled"] = disabled,
|
|
32
33
|
_a["zt-btn-" + size] = size,
|
|
33
34
|
_a["zt-btn-dangerous"] = danger,
|
|
34
35
|
_a));
|
|
35
|
-
|
|
36
|
+
var startTime = 0;
|
|
37
|
+
var myOnClick = function (event) {
|
|
38
|
+
if (agentClick) {
|
|
39
|
+
var nowDateTime = Date.now();
|
|
40
|
+
if (startTime === 0 || nowDateTime - startTime > maxClickTime) {
|
|
41
|
+
startTime = nowDateTime;
|
|
42
|
+
onClick && onClick(event);
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
startTime = nowDateTime;
|
|
46
|
+
console.log('点击按钮过于频繁');
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
onClick && onClick(event);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
return (React.createElement(AntButton, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick }, restProps), props.children));
|
|
36
54
|
};
|
|
37
55
|
export default Button;
|
|
@@ -25,6 +25,10 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
25
25
|
* 请求方式
|
|
26
26
|
*/
|
|
27
27
|
method?: string;
|
|
28
|
+
/**
|
|
29
|
+
* 超时时间
|
|
30
|
+
*/
|
|
31
|
+
timeout?: number;
|
|
28
32
|
/**
|
|
29
33
|
* 下拉框选中值对应的KEY
|
|
30
34
|
*/
|
|
@@ -111,6 +115,6 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
111
115
|
* { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
|
|
112
116
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
113
117
|
*/
|
|
114
|
-
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, ...restProps }: IProps<VT>): JSX.Element;
|
|
118
|
+
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, ...restProps }: IProps<VT>): JSX.Element;
|
|
115
119
|
declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
|
|
116
120
|
export default _default;
|
|
@@ -76,17 +76,17 @@ function getData(request, options) {
|
|
|
76
76
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
77
77
|
*/
|
|
78
78
|
function EnhanceSelect(_a) {
|
|
79
|
-
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.dataKey, dataKey =
|
|
79
|
+
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 10000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "mustHasParams", "disabledValues"]);
|
|
80
80
|
// 下拉数据源
|
|
81
|
-
var
|
|
81
|
+
var _h = useFetchState([]), selectList = _h[0], setSelectList = _h[1];
|
|
82
82
|
// 多选时,自己需要合并的数据
|
|
83
|
-
var
|
|
84
|
-
var
|
|
83
|
+
var _j = useFetchState([]), multipleList = _j[0], setMultipleList = _j[1];
|
|
84
|
+
var _k = useFetchState(false), loading = _k[0], setLoading = _k[1];
|
|
85
85
|
var fetchId = useRef(0); // 请求Id,每次请求都会加1
|
|
86
86
|
// 是否使用过远程搜索主键key
|
|
87
|
-
var
|
|
87
|
+
var _l = useFetchState(false), firstLoading = _l[0], setFirstLoading = _l[1];
|
|
88
88
|
// 第一次清空时,才做远程查询
|
|
89
|
-
var
|
|
89
|
+
var _m = useFetchState(false), firstClearData = _m[0], setFirstClearData = _m[1];
|
|
90
90
|
// 如果selectList 发生改变,那么触发onCompleted事件
|
|
91
91
|
useEffect(function () {
|
|
92
92
|
if (Array.isArray(selectList) && onCompleted) {
|
|
@@ -259,7 +259,7 @@ function EnhanceSelect(_a) {
|
|
|
259
259
|
}
|
|
260
260
|
else {
|
|
261
261
|
// 发送接口请求,并设置缓存数据
|
|
262
|
-
getDataHandle(request, { url: url, params: params, method: method }, {
|
|
262
|
+
getDataHandle(request, { url: url, params: params, method: method, timeout: timeout }, {
|
|
263
263
|
obj: catchData,
|
|
264
264
|
key: catchDataKey,
|
|
265
265
|
});
|
|
@@ -268,12 +268,13 @@ function EnhanceSelect(_a) {
|
|
|
268
268
|
}
|
|
269
269
|
else {
|
|
270
270
|
// 直接发送接口请求
|
|
271
|
-
getDataHandle(request, { url: url, params: params, method: method });
|
|
271
|
+
getDataHandle(request, { url: url, params: params, method: method, timeout: timeout });
|
|
272
272
|
}
|
|
273
273
|
}, [
|
|
274
274
|
url,
|
|
275
275
|
params,
|
|
276
276
|
method,
|
|
277
|
+
timeout,
|
|
277
278
|
request,
|
|
278
279
|
isCatch,
|
|
279
280
|
setSelectList,
|
|
@@ -79,6 +79,7 @@ var _accept = [
|
|
|
79
79
|
'.bmp',
|
|
80
80
|
'.gif',
|
|
81
81
|
];
|
|
82
|
+
var statusArr = ['error', 'success', 'done', 'uploading', 'removed'];
|
|
82
83
|
var Upload = function (props) {
|
|
83
84
|
var children = props.children, className = props.className, _a = props.showTip, showTip = _a === void 0 ? true : _a, _b = props.showUploadBtn, showUploadBtn = _b === void 0 ? true : _b, _c = props.showDeleteBtn, showDeleteBtn = _c === void 0 ? true : _c, onDownLoadCallbackBefore = props.onDownLoadCallbackBefore, _d = props.showDownloadBtn, showDownloadBtn = _d === void 0 ? true : _d, onDownLoadCallbackAfter = props.onDownLoadCallbackAfter, _e = props.showPreviewBtn, showPreviewBtn = _e === void 0 ? true : _e, onPreviewCallbackBefore = props.onPreviewCallbackBefore, _f = props.showTable, showTable = _f === void 0 ? true : _f, showUploadList = props.showUploadList, onChange = props.onChange, beforeUpload = props.beforeUpload, multiple = props.multiple, ztAccept = props.ztAccept, ztShowTipText = props.ztShowTipText, maxCount = props.maxCount, maxSize = props.maxSize, maxSizeStr = props.maxSizeStr, action = props.action, headers = props.headers, method = props.method, uploadUser = props.uploadUser, originFileList = props.originFileList, callback = props.callback, onDeleteCallback = props.onDeleteCallback, isAutoDelete = props.isAutoDelete, apiBaseUrl = props.apiBaseUrl, _g = props.fileBaseUrl, fileBaseUrl = _g === void 0 ? '' : _g, fileBtnText = props.fileBtnText, data = props.data, authToken = props.authToken, listType = props.listType, isPublic = props.isPublic, startColumns = props.startColumns, otherColumns = props.otherColumns, _h = props.isDirect, isDirect = _h === void 0 ? false : _h, upload = props.upload, restProps = __rest(props, ["children", "className", "showTip", "showUploadBtn", "showDeleteBtn", "onDownLoadCallbackBefore", "showDownloadBtn", "onDownLoadCallbackAfter", "showPreviewBtn", "onPreviewCallbackBefore", "showTable", "showUploadList", "onChange", "beforeUpload", "multiple", "ztAccept", "ztShowTipText", "maxCount", "maxSize", "maxSizeStr", "action", "headers", "method", "uploadUser", "originFileList", "callback", "onDeleteCallback", "isAutoDelete", "apiBaseUrl", "fileBaseUrl", "fileBtnText", "data", "authToken", "listType", "isPublic", "startColumns", "otherColumns", "isDirect", "upload"]);
|
|
84
85
|
var _j = useState(originFileList || []), fileList = _j[0], setFileList = _j[1];
|
|
@@ -150,7 +151,7 @@ var Upload = function (props) {
|
|
|
150
151
|
? attachName
|
|
151
152
|
: ((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.attachName)
|
|
152
153
|
? (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.attachName
|
|
153
|
-
: (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.originalName, percent: typeof percent === 'number' ? percent : 100, status: status ? status : 'done', response: response
|
|
154
|
+
: (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.originalName, percent: typeof percent === 'number' ? percent : 100, status: statusArr.includes(status) ? status : 'done', response: response
|
|
154
155
|
? response
|
|
155
156
|
: {
|
|
156
157
|
code: 200,
|
|
@@ -171,7 +172,7 @@ var Upload = function (props) {
|
|
|
171
172
|
? attachName
|
|
172
173
|
: ((_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.attachName)
|
|
173
174
|
? (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.attachName
|
|
174
|
-
: (_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.originalName, percent: typeof percent === 'number' ? percent : 100, status: status ? status : 'done', response: response
|
|
175
|
+
: (_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.originalName, percent: typeof percent === 'number' ? percent : 100, status: statusArr.includes(status) ? status : 'done', response: response
|
|
175
176
|
? response
|
|
176
177
|
: {
|
|
177
178
|
code: 200,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 得到一些初始化数据
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
export interface ISortList {
|
|
6
|
+
sortTitle: string;
|
|
7
|
+
sortKey: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function setSortKey(sortStorageKey: string, value: any): void;
|
|
10
|
+
declare function useSort(children: React.ReactNode, sortStorageKey: string): {
|
|
11
|
+
/** 初始化顺序,根据传入得组件children元素得到,重置时需要用到它 */
|
|
12
|
+
initSortList: ISortList[];
|
|
13
|
+
/** 当前传入的组件排列顺序 */
|
|
14
|
+
currentSortList: ISortList[];
|
|
15
|
+
/** 组件子元素得拷贝 */
|
|
16
|
+
newChildren: any;
|
|
17
|
+
};
|
|
18
|
+
export default useSort;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 得到一些初始化数据
|
|
3
|
+
*/
|
|
4
|
+
import React, { useState, useEffect } from 'react';
|
|
5
|
+
export function setSortKey(sortStorageKey, value) {
|
|
6
|
+
var obj = {};
|
|
7
|
+
try {
|
|
8
|
+
obj = JSON.parse(localStorage.getItem('ztui_sort_list_key') || '{}') || {};
|
|
9
|
+
}
|
|
10
|
+
catch (err) {
|
|
11
|
+
console.error(err);
|
|
12
|
+
}
|
|
13
|
+
obj[sortStorageKey] = value;
|
|
14
|
+
localStorage.setItem('ztui_sort_list_key', JSON.stringify(obj));
|
|
15
|
+
}
|
|
16
|
+
function useSort(children, sortStorageKey) {
|
|
17
|
+
/** 初始化顺序,根据传入得组件children元素得到,重置时需要用到它 */
|
|
18
|
+
var _a = useState([]), initSortList = _a[0], setInitSortList = _a[1];
|
|
19
|
+
/** 当前传入的组件排列顺序 */
|
|
20
|
+
var _b = useState([]), currentSortList = _b[0], setCurrentSortList = _b[1];
|
|
21
|
+
/** 组件子元素得拷贝 */
|
|
22
|
+
var _c = useState(null), newChildren = _c[0], setNewChildren = _c[1];
|
|
23
|
+
useEffect(function () {
|
|
24
|
+
// 从storage中取到历史数据
|
|
25
|
+
var sortList = [];
|
|
26
|
+
try {
|
|
27
|
+
var obj = JSON.parse(localStorage.getItem('ztui_sort_list_key') || '{}') || {};
|
|
28
|
+
sortList = obj[sortStorageKey];
|
|
29
|
+
}
|
|
30
|
+
catch (err) {
|
|
31
|
+
console.log(err);
|
|
32
|
+
}
|
|
33
|
+
// 如果默认传入了需要设置的顺序,那么当前顺序取这个
|
|
34
|
+
var _currentSortList = Array.isArray(sortList) && sortList.length > 0 ? sortList : [];
|
|
35
|
+
// 初始化的排列顺序
|
|
36
|
+
var _initSortList = [];
|
|
37
|
+
// 遍历当前子元素
|
|
38
|
+
React.Children.forEach(children, function (item) {
|
|
39
|
+
var _a = (item === null || item === void 0 ? void 0 : item.props) || {}, sortKey = _a.sortKey, sortTitle = _a.sortTitle;
|
|
40
|
+
_initSortList.push({
|
|
41
|
+
sortKey: sortKey,
|
|
42
|
+
sortTitle: sortTitle,
|
|
43
|
+
});
|
|
44
|
+
if (!sortList || sortList.length === 0) {
|
|
45
|
+
_currentSortList.push({
|
|
46
|
+
sortKey: sortKey,
|
|
47
|
+
sortTitle: sortTitle,
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
setNewChildren(children);
|
|
52
|
+
setInitSortList(_initSortList);
|
|
53
|
+
setCurrentSortList(_currentSortList);
|
|
54
|
+
}, [children, sortStorageKey]);
|
|
55
|
+
return {
|
|
56
|
+
/** 初始化顺序,根据传入得组件children元素得到,重置时需要用到它 */
|
|
57
|
+
initSortList: initSortList,
|
|
58
|
+
/** 当前传入的组件排列顺序 */
|
|
59
|
+
currentSortList: currentSortList,
|
|
60
|
+
/** 组件子元素得拷贝 */
|
|
61
|
+
newChildren: newChildren,
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
export default useSort;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description 子元素需要一个唯一父容器,以便父组件遍历
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
interface IProps {
|
|
7
|
+
/** 排序标题 */
|
|
8
|
+
sortTitle: string;
|
|
9
|
+
/** 排序key,如果能确保标题唯一,那么可以使用标题来当key,或者使用 */
|
|
10
|
+
sortKey?: string | number;
|
|
11
|
+
style?: any;
|
|
12
|
+
}
|
|
13
|
+
declare const SortItem: React.FC<IProps>;
|
|
14
|
+
export default SortItem;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description 子元素需要一个唯一父容器,以便父组件遍历
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
var SortItem = function (_a) {
|
|
7
|
+
var children = _a.children, sortTitle = _a.sortTitle, sortKey = _a.sortKey, style = _a.style;
|
|
8
|
+
return (React.createElement("div", { "data-sort-title": sortTitle, "data-sort-key": sortKey, style: style }, children));
|
|
9
|
+
};
|
|
10
|
+
export default SortItem;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description 一个根据子元素来排序的组件
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
interface IProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: any;
|
|
9
|
+
sortStorageKey: string;
|
|
10
|
+
settingVisible?: boolean;
|
|
11
|
+
setSettingVisible?: any;
|
|
12
|
+
}
|
|
13
|
+
declare const SortList: React.FC<IProps>;
|
|
14
|
+
export default SortList;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description 一个根据子元素来排序的组件
|
|
4
|
+
*/
|
|
5
|
+
import React, { useEffect, useState, useCallback } from 'react';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import useSort, { setSortKey } from './hooks/useSort';
|
|
8
|
+
import SortDrawer from './sort-drawer';
|
|
9
|
+
var SortList = function (_a) {
|
|
10
|
+
var children = _a.children, className = _a.className, style = _a.style, sortStorageKey = _a.sortStorageKey, settingVisible = _a.settingVisible, setSettingVisible = _a.setSettingVisible;
|
|
11
|
+
var classes = classNames('zt-sortlist', className);
|
|
12
|
+
var _b = useSort(children, sortStorageKey), initSortList = _b.initSortList, currentSortList = _b.currentSortList, newChildren = _b.newChildren;
|
|
13
|
+
/**当前遍历使用的数据 */
|
|
14
|
+
var _c = useState(currentSortList), sortList = _c[0], setSortList = _c[1];
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
setSortList(currentSortList);
|
|
17
|
+
}, [currentSortList]);
|
|
18
|
+
/**内部改变表单位置等信息 */
|
|
19
|
+
var onInsideChange = useCallback(function (newList) {
|
|
20
|
+
setSortList(newList);
|
|
21
|
+
}, []);
|
|
22
|
+
/**重置 */
|
|
23
|
+
var onReset = useCallback(function () {
|
|
24
|
+
setSettingVisible && setSettingVisible(false);
|
|
25
|
+
setSortList(initSortList);
|
|
26
|
+
setSortKey(sortStorageKey, initSortList);
|
|
27
|
+
}, [setSettingVisible, initSortList, sortStorageKey]);
|
|
28
|
+
/**确定修改 */
|
|
29
|
+
var onSure = useCallback(function (newList) {
|
|
30
|
+
setSettingVisible && setSettingVisible(false);
|
|
31
|
+
setSortList(newList);
|
|
32
|
+
setSortKey(sortStorageKey, newList);
|
|
33
|
+
}, [setSettingVisible, sortStorageKey]);
|
|
34
|
+
/**取消修改,回到初始位置 */
|
|
35
|
+
var onClose = useCallback(function () {
|
|
36
|
+
setSettingVisible && setSettingVisible(false);
|
|
37
|
+
setSortList(currentSortList);
|
|
38
|
+
}, [setSettingVisible, currentSortList]);
|
|
39
|
+
return (React.createElement(React.Fragment, null,
|
|
40
|
+
React.createElement("div", { className: classes, style: style }, Array.isArray(sortList) && sortList.length
|
|
41
|
+
? sortList.map(function (item) {
|
|
42
|
+
var currentChildren = null;
|
|
43
|
+
React.Children.forEach(newChildren, function (childItem) {
|
|
44
|
+
if (childItem === null || childItem === void 0 ? void 0 : childItem.props) {
|
|
45
|
+
var sortKey = childItem.props.sortKey;
|
|
46
|
+
if (sortKey === item.sortKey) {
|
|
47
|
+
currentChildren = childItem;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return currentChildren;
|
|
52
|
+
})
|
|
53
|
+
: children),
|
|
54
|
+
React.createElement(SortDrawer, { visible: settingVisible, onClose: onClose, onSure: onSure, onReset: onReset, onInsideChange: onInsideChange, dynamicList: sortList })));
|
|
55
|
+
};
|
|
56
|
+
export default SortList;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ISortList } from './hooks/useSort';
|
|
3
|
+
interface IProps {
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
onSure: (newList: ISortList[]) => void;
|
|
7
|
+
onReset: () => void;
|
|
8
|
+
onInsideChange: (newList: ISortList[]) => void;
|
|
9
|
+
dynamicList: ISortList[];
|
|
10
|
+
}
|
|
11
|
+
declare const _default: React.NamedExoticComponent<IProps>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { memo, useCallback } from 'react';
|
|
2
|
+
import { Drawer, Button, Sortable } from '../../../index';
|
|
3
|
+
import { DndProvider } from 'react-dnd';
|
|
4
|
+
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
5
|
+
import update from 'immutability-helper';
|
|
6
|
+
var SortDrawer = function (_a) {
|
|
7
|
+
var visible = _a.visible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure, onInsideChange = _a.onInsideChange, dynamicList = _a.dynamicList;
|
|
8
|
+
/**移动事件 */
|
|
9
|
+
var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
|
|
10
|
+
var dragCard = dynamicList[dragIndex];
|
|
11
|
+
var currentList = update(dynamicList, {
|
|
12
|
+
$splice: [
|
|
13
|
+
[dragIndex, 1],
|
|
14
|
+
[hoverIndex, 0, dragCard],
|
|
15
|
+
],
|
|
16
|
+
});
|
|
17
|
+
onInsideChange && onInsideChange(currentList);
|
|
18
|
+
}, [dynamicList, onInsideChange]);
|
|
19
|
+
/**确认事件 */
|
|
20
|
+
var onSureHandle = useCallback(function () {
|
|
21
|
+
onSure && onSure(dynamicList);
|
|
22
|
+
}, [onSure, dynamicList]);
|
|
23
|
+
/**底部按钮 */
|
|
24
|
+
var renderFooter = function () { return (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(Button, { type: "default", onClick: onClose }, "\u53D6\u6D88"),
|
|
26
|
+
React.createElement(Button, { type: "default", onClick: onReset }, "\u91CD\u7F6E"),
|
|
27
|
+
React.createElement(Button, { type: "primary", onClick: onSureHandle }, "\u786E\u5B9A"))); };
|
|
28
|
+
return (React.createElement(Drawer, { className: "sort-drawer", title: "\u5B50\u9879\u6392\u5E8F", placement: "right", visible: visible, closable: false, maskClosable: false, footer: renderFooter() },
|
|
29
|
+
React.createElement(DndProvider, { backend: HTML5Backend, context: window }, dynamicList.map(function (item, index) { return (React.createElement(Sortable, { key: item.sortKey, type: "sort-list-drawer", index: index, onMoveItem: onMoveItem }, item.sortTitle)); }))));
|
|
30
|
+
};
|
|
31
|
+
export default memo(SortDrawer);
|
package/dist/index.css
CHANGED
|
@@ -1667,4 +1667,31 @@ template {
|
|
|
1667
1667
|
padding: 0;
|
|
1668
1668
|
}
|
|
1669
1669
|
|
|
1670
|
+
.zt-sortlist {
|
|
1671
|
+
display: flex;
|
|
1672
|
+
flex-wrap: wrap;
|
|
1673
|
+
}
|
|
1674
|
+
|
|
1675
|
+
.sort-drawer .ant-drawer-header {
|
|
1676
|
+
padding: 10px 24px;
|
|
1677
|
+
}
|
|
1678
|
+
.sort-drawer .ant-drawer-body {
|
|
1679
|
+
padding: 0;
|
|
1680
|
+
}
|
|
1681
|
+
.sort-drawer .ant-drawer-body .ant-checkbox-group {
|
|
1682
|
+
width: 100%;
|
|
1683
|
+
}
|
|
1684
|
+
.sort-drawer .ant-drawer-footer {
|
|
1685
|
+
padding: 0;
|
|
1686
|
+
display: flex;
|
|
1687
|
+
justify-content: space-between;
|
|
1688
|
+
border-top: none;
|
|
1689
|
+
}
|
|
1690
|
+
.sort-drawer .ant-drawer-footer > button {
|
|
1691
|
+
width: 32%;
|
|
1692
|
+
height: 40px;
|
|
1693
|
+
border: none;
|
|
1694
|
+
border-radius: 0;
|
|
1695
|
+
}
|
|
1696
|
+
|
|
1670
1697
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss"],"names":[],"mappings":"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EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WLsCa;;AKrCb;EACE;EACA;EACA;EACA,OLHG;EKIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YLlBA;;AKsBF;EACE;EACA,OLxBA;EKyBA,YLjCE;;AKoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,OL1CE;EK2CF,YLnDI;;AKoDJ;EACE,OL7CA;;AKiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YLjEA;;AKqEF;EACE;EACA,OLvEA;EKwEA,YLhFE;;AKmFN;EACE;;AAGJ;EACE,OLvFG;;AKyFL;EACE;EACA,WLxDW;;;AMtCf;EACE;;AAEA;EACE;EACA;EACA,kBNaM;EMZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aN4BI;;AM1BN;EACE,gBNyBI;;AMrBN;EACE,cNmBG;;AMlBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WNPS;;AMQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YPMM;EOLN;;AACA;EACE,YPFS;EOGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAKA;AAAA;AAAA;EAEE;;AAE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EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YjBZH;EiBaG;EACA;EACA;EACA;;AAMN;EACE,kBjBpBQ;;AiBwBV;EACE;EACA;EACA;EACA,YjBxBE;;AiB0BF;EACE,OjBxBG;;AiByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YjB5CE;;AiB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YlBhBS;;AkBmBb;EACE;EACA,WlBUW;EkBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OlBzBK;EkB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OlBjCK;;;AmBVT;EACE,OnBCG;EmBAH;EACA,kBnBDG;;AmBGL;EACE,mBnBHK;;;AoBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YrBRS;;AqBWb;EACE;EACA,WrBmBW;EqBlBX;;AACA;EACE;EACA;EACA,OrBfK;EqBgBL;;AAEF;EACE;;AAEF;EACE;EACA;EACA,OrBxBK;;;AsBVT;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss","../src/components/business/SortList/_styles.scss"],"names":[],"mappings":"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EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WLsCa;;AKrCb;EACE;EACA;EACA;EACA,OLHG;EKIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YLlBA;;AKsBF;EACE;EACA,OLxBA;EKyBA,YLjCE;;AKoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,OL1CE;EK2CF,YLnDI;;AKoDJ;EACE,OL7CA;;AKiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YLjEA;;AKqEF;EACE;EACA,OLvEA;EKwEA,YLhFE;;AKmFN;EACE;;AAGJ;EACE,OLvFG;;AKyFL;EACE;EACA,WLxDW;;;AMtCf;EACE;;AAEA;EACE;EACA;EACA,kBNaM;EMZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aN4BI;;AM1BN;EACE,gBNyBI;;AMrBN;EACE,cNmBG;;AMlBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WNPS;;AMQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YPMM;EOLN;;AACA;EACE,YPFS;EOGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAKA;AAAA;AAAA;EAEE;;AAE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EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YjBZH;EiBaG;EACA;EACA;EACA;;AAMN;EACE,kBjBpBQ;;AiBwBV;EACE;EACA;EACA;EACA,YjBxBE;;AiB0BF;EACE,OjBxBG;;AiByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YjB5CE;;AiB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YlBhBS;;AkBmBb;EACE;EACA,WlBUW;EkBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OlBzBK;EkB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OlBjCK;;;AmBVT;EACE,OnBCG;EmBAH;EACA,kBnBDG;;AmBGL;EACE,mBnBHK;;;AoBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YrBRS;;AqBWb;EACE;EACA,WrBmBW;EqBlBX;;AACA;EACE;EACA;EACA,OrBfK;EqBgBL;;AAEF;EACE;;AAEF;EACE;EACA;EACA,OrBxBK;;;AsBVT;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACnEN;EACE;EACA;;;AAIA;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA","file":"index.css"}
|
package/dist/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { default as Timeline } from './components/Timeline';
|
|
|
37
37
|
export { default as Tag } from './components/Tag';
|
|
38
38
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
39
39
|
export { default as Analyse } from './components/business/Analyse';
|
|
40
|
+
export { default as SortList } from './components/business/SortList';
|
|
40
41
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
41
42
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
42
43
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
// import BasicDemo from './DemoCom/BasicDemo';
|
|
18
18
|
// import FormDemo from './DemoCom/FormDemo';
|
|
19
19
|
// import TableAnalyse from './DemoCom/TableAnalyse';
|
|
20
|
+
// import DragSort from './DemoCom/DragSort';
|
|
20
21
|
// dayjs.locale(zhCn);
|
|
21
22
|
// ReactDOM.render(
|
|
22
23
|
// // <React.StrictMode>
|
|
@@ -59,6 +60,9 @@
|
|
|
59
60
|
// <Route exact path="/table-analyse">
|
|
60
61
|
// <TableAnalyse />
|
|
61
62
|
// </Route>
|
|
63
|
+
// <Route exact path="/drag-sort">
|
|
64
|
+
// <DragSort />
|
|
65
|
+
// </Route>
|
|
62
66
|
// <Route exact path="/test">
|
|
63
67
|
// <div>
|
|
64
68
|
// <h1>
|
|
@@ -73,6 +77,9 @@
|
|
|
73
77
|
// <h1>
|
|
74
78
|
// <Link to="/upload">upload</Link>
|
|
75
79
|
// </h1>
|
|
80
|
+
// <h1>
|
|
81
|
+
// <Link to="/drag-sort">drag-sort</Link>
|
|
82
|
+
// </h1>
|
|
76
83
|
// </div>
|
|
77
84
|
// </Route>
|
|
78
85
|
// </Switch>
|
|
@@ -120,6 +127,7 @@ export { default as Timeline } from './components/Timeline';
|
|
|
120
127
|
export { default as Tag } from './components/Tag';
|
|
121
128
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
122
129
|
export { default as Analyse } from './components/business/Analyse';
|
|
130
|
+
export { default as SortList } from './components/business/SortList';
|
|
123
131
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
124
132
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
125
133
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|