gxxc-ui 1.0.4 → 1.0.6
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.
|
@@ -32,10 +32,10 @@ export var Operate = function Operate(props) {
|
|
|
32
32
|
trigger: "click",
|
|
33
33
|
placement: "bottom",
|
|
34
34
|
content: renderPopoverContent(childrenArray)
|
|
35
|
-
}, /*#__PURE__*/React.createElement(IconUI, {
|
|
35
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconUI, {
|
|
36
36
|
className: "sicTableuiOperate-more",
|
|
37
37
|
name: "More"
|
|
38
|
-
})), (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0 && /*#__PURE__*/React.createElement(TextUI, null, " - "));
|
|
38
|
+
}))), (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0 && /*#__PURE__*/React.createElement(TextUI, null, " - "));
|
|
39
39
|
};
|
|
40
40
|
return /*#__PURE__*/React.createElement("div", {
|
|
41
41
|
className: "sicTableuiOperate"
|
|
@@ -18,7 +18,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
18
18
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
19
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
import React, {
|
|
21
|
+
import React, { useState } from 'react';
|
|
22
22
|
import { Table, Checkbox } from 'antd';
|
|
23
23
|
import { IconUI, ButtonUI } from "../../..";
|
|
24
24
|
import { DndContext } from '@dnd-kit/core';
|
|
@@ -36,9 +36,25 @@ export var Setting = function Setting(props) {
|
|
|
36
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
37
37
|
dataSource = _useState2[0],
|
|
38
38
|
setDataSource = _useState2[1];
|
|
39
|
-
useEffect(
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
// useEffect(() => {
|
|
40
|
+
// }, [tableHeader]);
|
|
41
|
+
var _setOpenModifyHeader = function _setOpenModifyHeader(isOpen) {
|
|
42
|
+
setDataSource(JSON.parse(JSON.stringify(tableHeader)));
|
|
43
|
+
setOpenModifyHeader(isOpen);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// 确认
|
|
47
|
+
var handleGetSortedData = function handleGetSortedData() {
|
|
48
|
+
dataSource === null || dataSource === void 0 || dataSource.map(function (item, i) {
|
|
49
|
+
item.sort = i + 1;
|
|
50
|
+
});
|
|
51
|
+
getTableheader(dataSource);
|
|
52
|
+
_setOpenModifyHeader(false);
|
|
53
|
+
};
|
|
54
|
+
// 关闭
|
|
55
|
+
var onClose = function onClose() {
|
|
56
|
+
_setOpenModifyHeader(false);
|
|
57
|
+
};
|
|
42
58
|
var Row = function Row(_ref) {
|
|
43
59
|
var _React$Children;
|
|
44
60
|
var children = _ref.children,
|
|
@@ -71,23 +87,21 @@ export var Setting = function Setting(props) {
|
|
|
71
87
|
}, attributes), (_React$Children = React.Children) === null || _React$Children === void 0 ? void 0 : _React$Children.map(children, function (child) {
|
|
72
88
|
if (child.key === 'sort') {
|
|
73
89
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
74
|
-
children: /*#__PURE__*/React.createElement(
|
|
90
|
+
children: /*#__PURE__*/React.createElement("div", {
|
|
91
|
+
ref: setActivatorNodeRef
|
|
92
|
+
}, /*#__PURE__*/React.createElement(IconUI, _extends({
|
|
75
93
|
name: "HamburgerButton",
|
|
76
|
-
ref: setActivatorNodeRef,
|
|
77
94
|
size: 16,
|
|
78
95
|
style: {
|
|
79
96
|
touchAction: 'none',
|
|
80
97
|
cursor: 'move'
|
|
81
98
|
}
|
|
82
|
-
}, listeners))
|
|
99
|
+
}, listeners)))
|
|
83
100
|
});
|
|
84
101
|
}
|
|
85
102
|
return child;
|
|
86
103
|
}));
|
|
87
104
|
};
|
|
88
|
-
var onClose = function onClose() {
|
|
89
|
-
setOpenModifyHeader(false);
|
|
90
|
-
};
|
|
91
105
|
var columns = [{
|
|
92
106
|
key: 'sort',
|
|
93
107
|
width: 40,
|
|
@@ -119,13 +133,13 @@ export var Setting = function Setting(props) {
|
|
|
119
133
|
title: '表名',
|
|
120
134
|
dataIndex: 'name'
|
|
121
135
|
}];
|
|
122
|
-
//
|
|
136
|
+
// 移动item UI移动后交换数据源
|
|
123
137
|
var onDragEnd = function onDragEnd(event) {
|
|
124
138
|
var active = event.active,
|
|
125
139
|
over = event.over;
|
|
126
140
|
if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
|
|
127
141
|
var arr = [active === null || active === void 0 ? void 0 : active.id, over === null || over === void 0 ? void 0 : over.id];
|
|
128
|
-
var isMove =
|
|
142
|
+
var isMove = dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (item) {
|
|
129
143
|
return item.disable;
|
|
130
144
|
}).map(function (item) {
|
|
131
145
|
return arr.includes(item.key);
|
|
@@ -146,15 +160,6 @@ export var Setting = function Setting(props) {
|
|
|
146
160
|
}
|
|
147
161
|
}
|
|
148
162
|
};
|
|
149
|
-
// 获取新的表格头部
|
|
150
|
-
var handleGetSortedData = function handleGetSortedData() {
|
|
151
|
-
// eslint-disable-next-line array-callback-return
|
|
152
|
-
dataSource === null || dataSource === void 0 || dataSource.map(function (item, i) {
|
|
153
|
-
item.sort = i + 1;
|
|
154
|
-
});
|
|
155
|
-
getTableheader(dataSource);
|
|
156
|
-
onClose();
|
|
157
|
-
};
|
|
158
163
|
return /*#__PURE__*/React.createElement("div", {
|
|
159
164
|
className: "sic-tableui-setting",
|
|
160
165
|
onClick: function onClick(e) {
|
|
@@ -164,7 +169,7 @@ export var Setting = function Setting(props) {
|
|
|
164
169
|
className: "sic-tableui-setting-icon",
|
|
165
170
|
onClick: function onClick(e) {
|
|
166
171
|
e.stopPropagation();
|
|
167
|
-
|
|
172
|
+
_setOpenModifyHeader(!openModifyHeader);
|
|
168
173
|
}
|
|
169
174
|
}, /*#__PURE__*/React.createElement(IconUI, {
|
|
170
175
|
name: "Setting",
|