@magicbe/antd-crud 0.0.13 → 0.0.14
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.
|
@@ -9,8 +9,8 @@ export default _default;
|
|
|
9
9
|
/**自定义渲染 */
|
|
10
10
|
export declare const CustormRender: React.FC<PropsWithChildren>;
|
|
11
11
|
/**新增方法 */
|
|
12
|
-
export declare const AppendAction: React.FC
|
|
12
|
+
export declare const AppendAction: React.FC<PropsWithChildren>;
|
|
13
13
|
/**删除方法 */
|
|
14
|
-
export declare const DeleteAction: React.FC
|
|
14
|
+
export declare const DeleteAction: React.FC<PropsWithChildren>;
|
|
15
15
|
/**编辑方法 */
|
|
16
|
-
export declare const EditAction: React.FC
|
|
16
|
+
export declare const EditAction: React.FC<PropsWithChildren>;
|
|
@@ -53,7 +53,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
53
53
|
import React, { Fragment, useImperativeHandle, useState } from "react";
|
|
54
54
|
import { Button, Drawer, Modal, Space } from "antd";
|
|
55
55
|
import { isArray, isEmpty, isFunction, isObject } from "lodash";
|
|
56
|
-
import { DeleteOutlined,
|
|
56
|
+
import { DeleteOutlined, EditFilled, PlusOutlined } from "@ant-design/icons";
|
|
57
57
|
import createEmotion from "@emotion/css/create-instance";
|
|
58
58
|
import { useTableContext } from "./Context";
|
|
59
59
|
import AddForm from "./Add";
|
|
@@ -145,15 +145,17 @@ export var CustormRender = function (_a) {
|
|
|
145
145
|
var getSelectedRows = function () { var _a; return (_a = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _a === void 0 ? void 0 : _a.selected_rows; };
|
|
146
146
|
return React.cloneElement(children, { add: add, edit: edit, del: del, getSelectedKeys: getSelectedKeys, getSelectedRows: getSelectedRows });
|
|
147
147
|
};
|
|
148
|
+
var append_action_default_children = (_jsxs(Space, { children: [_jsx(PlusOutlined, {}), "\u65B0\u589E"] }));
|
|
148
149
|
/**新增方法 */
|
|
149
|
-
export var AppendAction = function () {
|
|
150
|
-
var
|
|
150
|
+
export var AppendAction = function (_a) {
|
|
151
|
+
var _b = _a.children, children = _b === void 0 ? append_action_default_children : _b;
|
|
152
|
+
var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
|
|
151
153
|
var add_form_ref = React.createRef();
|
|
152
|
-
var
|
|
154
|
+
var _d = useTableContext(), content_ref = _d.content_ref, table_ref = _d.table_ref, filter_ref = _d.filter_ref, add = _d.add;
|
|
153
155
|
/**添加表单抽屉 */
|
|
154
|
-
var
|
|
155
|
-
var
|
|
156
|
-
var
|
|
156
|
+
var _e = useState(false), add_drawer_open = _e[0], setAdd_drawer_open = _e[1];
|
|
157
|
+
var _f = useState(), init_data = _f[0], setInit_data = _f[1];
|
|
158
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
|
157
159
|
var switchAddDrawer = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
158
160
|
var init, keys, rows, data;
|
|
159
161
|
var _a, _b;
|
|
@@ -240,13 +242,15 @@ export var AppendAction = function () {
|
|
|
240
242
|
};
|
|
241
243
|
/**新增操作 */
|
|
242
244
|
var add_extra = (_jsxs(Space, { children: [_jsx(Button, __assign({ onClick: switchAddDrawer }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ type: "primary", onClick: onConfirm, loading: loading }, { children: "\u786E\u5B9A" }))] }));
|
|
243
|
-
return (_jsxs(Fragment, { children: [
|
|
245
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ type: "primary", onClick: switchAddDrawer }, { children: children })), _jsx(Drawer, __assign({ title: "\u65B0\u589E", width: 600, onClose: switchAddDrawer, open: add_drawer_open, closable: false, extra: add_extra, getContainer: function () { return content_ref.current; }, destroyOnClose: true }, { children: _jsx(AddForm, { ref: add_form_ref, default_data: init_data }) })), modalContextHolder] }));
|
|
244
246
|
};
|
|
247
|
+
var delete_action_default_children = (_jsxs(Space, { children: [_jsx(DeleteOutlined, {}), "\u5220\u9664"] }));
|
|
245
248
|
/**删除方法 */
|
|
246
|
-
export var DeleteAction = function () {
|
|
247
|
-
var
|
|
248
|
-
var
|
|
249
|
-
var
|
|
249
|
+
export var DeleteAction = function (_a) {
|
|
250
|
+
var _b = _a.children, children = _b === void 0 ? delete_action_default_children : _b;
|
|
251
|
+
var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
|
|
252
|
+
var _d = useTableContext(), table_ref = _d.table_ref, filter_ref = _d.filter_ref, del = _d.del;
|
|
253
|
+
var _e = useState(false), loading = _e[0], setLoading = _e[1];
|
|
250
254
|
var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
251
255
|
var keys, rows, before, handle, after, res, page_data, filter_data, error_2;
|
|
252
256
|
var _a, _b, _c, _d, _e;
|
|
@@ -293,6 +297,8 @@ export var DeleteAction = function () {
|
|
|
293
297
|
return [3 /*break*/, 12];
|
|
294
298
|
case 10:
|
|
295
299
|
error_2 = _f.sent();
|
|
300
|
+
if (error_2 === false)
|
|
301
|
+
return [2 /*return*/];
|
|
296
302
|
console.error(error_2);
|
|
297
303
|
modalInstance.error({
|
|
298
304
|
title: "错误",
|
|
@@ -343,17 +349,19 @@ export var DeleteAction = function () {
|
|
|
343
349
|
});
|
|
344
350
|
});
|
|
345
351
|
};
|
|
346
|
-
return (_jsxs(Fragment, { children: [
|
|
352
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ type: "primary", danger: true, onClick: onClick, loading: loading }, { children: children })), modalContextHolder] }));
|
|
347
353
|
};
|
|
354
|
+
var edit_action_default_children = (_jsxs(Space, { children: [_jsx(EditFilled, {}), "\u7F16\u8F91"] }));
|
|
348
355
|
/**编辑方法 */
|
|
349
|
-
export var EditAction = function () {
|
|
350
|
-
var
|
|
351
|
-
var
|
|
356
|
+
export var EditAction = function (_a) {
|
|
357
|
+
var _b = _a.children, children = _b === void 0 ? edit_action_default_children : _b;
|
|
358
|
+
var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
|
|
359
|
+
var _d = useTableContext(), content_ref = _d.content_ref, table_ref = _d.table_ref, filter_ref = _d.filter_ref, edit = _d.edit;
|
|
352
360
|
var edit_form_ref = React.createRef();
|
|
353
361
|
/**编辑 */
|
|
354
|
-
var
|
|
355
|
-
var
|
|
356
|
-
var
|
|
362
|
+
var _e = useState(false), edit_drawer_open = _e[0], setEdit_drawer_open = _e[1];
|
|
363
|
+
var _f = useState(false), loading = _f[0], setLoading = _f[1];
|
|
364
|
+
var _g = useState(), init_data = _g[0], setInit_data = _g[1];
|
|
357
365
|
var switchEditDrawer = function () { return setEdit_drawer_open(!edit_drawer_open); };
|
|
358
366
|
var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
359
367
|
var keys, rows, init, init_data_1;
|
|
@@ -442,6 +450,6 @@ export var EditAction = function () {
|
|
|
442
450
|
};
|
|
443
451
|
/**编辑操作 */
|
|
444
452
|
var edit_extra = (_jsxs(Space, { children: [_jsx(Button, __assign({ onClick: switchEditDrawer }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ type: "primary", onClick: onConfirm, loading: loading }, { children: "\u786E\u5B9A" }))] }));
|
|
445
|
-
return (_jsxs(Fragment, { children: [
|
|
453
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ onClick: onClick }, { children: children })), _jsx(Drawer, __assign({ title: "\u7F16\u8F91", width: 600, onClose: switchEditDrawer, open: edit_drawer_open, closable: false, extra: edit_extra, getContainer: function () { return content_ref.current; }, destroyOnClose: true }, { children: _jsx(EditForm, { ref: edit_form_ref, default_data: init_data }) })), modalContextHolder] }));
|
|
446
454
|
};
|
|
447
455
|
var templateObject_1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
2
|
import { type AnyObject } from "../interface";
|
|
3
3
|
export interface TableProps {
|
|
4
4
|
}
|
|
@@ -19,6 +19,6 @@ interface ActionProps {
|
|
|
19
19
|
row: AnyObject;
|
|
20
20
|
index: number;
|
|
21
21
|
}
|
|
22
|
-
export declare const AppendAction: React.FC<Partial<ActionProps>>;
|
|
23
|
-
export declare const EditAction: React.FC<Partial<ActionProps>>;
|
|
24
|
-
export declare const DeleteAction: React.FC<Partial<ActionProps>>;
|
|
22
|
+
export declare const AppendAction: React.FC<PropsWithChildren & Partial<ActionProps>>;
|
|
23
|
+
export declare const EditAction: React.FC<PropsWithChildren & Partial<ActionProps>>;
|
|
24
|
+
export declare const DeleteAction: React.FC<PropsWithChildren & Partial<ActionProps>>;
|
package/dist/components/Table.js
CHANGED
|
@@ -195,18 +195,19 @@ var Table = function (_a, ref) {
|
|
|
195
195
|
return (_jsx(AntdTable, __assign({}, props, { rowSelection: rowSelection, columns: columns, loading: loading, onChange: loadRecords, dataSource: sources, pagination: pagination })));
|
|
196
196
|
};
|
|
197
197
|
export default React.forwardRef(Table);
|
|
198
|
+
var append_action_default_children = (_jsxs(Space, { children: [_jsx(PlusOutlined, {}), "\u65B0\u589E"] }));
|
|
198
199
|
export var AppendAction = function (_a) {
|
|
199
|
-
var row = _a.row;
|
|
200
|
-
var
|
|
201
|
-
var
|
|
200
|
+
var _b = _a.children, children = _b === void 0 ? append_action_default_children : _b, row = _a.row;
|
|
201
|
+
var _c = useTableContext(), rowKey = _c.rowKey, content_ref = _c.content_ref, table_ref = _c.table_ref, filter_ref = _c.filter_ref, add = _c.add;
|
|
202
|
+
var _d = Modal.useModal(), modalInstance = _d[0], modalContextHolder = _d[1];
|
|
202
203
|
var add_form_ref = React.createRef();
|
|
203
|
-
var
|
|
204
|
-
var
|
|
205
|
-
var
|
|
206
|
-
var
|
|
204
|
+
var _e = useState(false), add_drawer_open = _e[0], setAdd_drawer_open = _e[1];
|
|
205
|
+
var _f = useState(false), loading = _f[0], setLoading = _f[1];
|
|
206
|
+
var _g = useState(), init_data = _g[0], setInit_data = _g[1];
|
|
207
|
+
var _h = useMemo(function () {
|
|
207
208
|
var key = get(row, String(rowKey));
|
|
208
209
|
return ({ keys: [key], rows: [row] });
|
|
209
|
-
}, [row]), keys =
|
|
210
|
+
}, [row]), keys = _h.keys, rows = _h.rows;
|
|
210
211
|
var switchAddDrawer = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
211
212
|
var init, data;
|
|
212
213
|
return __generator(this, function (_a) {
|
|
@@ -309,21 +310,22 @@ export var AppendAction = function (_a) {
|
|
|
309
310
|
}); };
|
|
310
311
|
/**新增操作 */
|
|
311
312
|
var add_extra = (_jsxs(Space, { children: [_jsx(Button, __assign({ onClick: switchAddDrawer }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ type: "primary", onClick: onConfirm, loading: loading }, { children: "\u786E\u5B9A" }))] }));
|
|
312
|
-
return (_jsxs(Fragment, { children: [
|
|
313
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ type: "link", size: "small", onClick: onClick }, { children: children })), _jsx(Drawer, __assign({ title: "\u65B0\u589E", width: 600, onClose: switchAddDrawer, open: add_drawer_open, closable: false, extra: add_extra, getContainer: function () { return content_ref.current; }, destroyOnClose: true }, { children: _jsx(AddForm, { default_data: init_data, ref: add_form_ref }) })), modalContextHolder] }));
|
|
313
314
|
};
|
|
315
|
+
var edit_action_default_children = (_jsxs(Space, { children: [_jsx(EditFilled, {}), "\u7F16\u8F91"] }));
|
|
314
316
|
export var EditAction = function (_a) {
|
|
315
|
-
var row = _a.row;
|
|
317
|
+
var _b = _a.children, children = _b === void 0 ? edit_action_default_children : _b, row = _a.row;
|
|
316
318
|
var edit_form_ref = React.createRef();
|
|
317
|
-
var
|
|
318
|
-
var
|
|
319
|
-
var
|
|
320
|
-
var
|
|
321
|
-
var
|
|
319
|
+
var _c = useTableContext(), edit = _c.edit, rowKey = _c.rowKey, content_ref = _c.content_ref, table_ref = _c.table_ref, filter_ref = _c.filter_ref;
|
|
320
|
+
var _d = Modal.useModal(), modalInstance = _d[0], modalContextHolder = _d[1];
|
|
321
|
+
var _e = useState(false), edit_drawer_open = _e[0], setEdit_drawer_open = _e[1];
|
|
322
|
+
var _f = useState(), init_data = _f[0], setInit_data = _f[1];
|
|
323
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
|
322
324
|
var switchEditDrawer = function () { return setEdit_drawer_open(!edit_drawer_open); };
|
|
323
|
-
var
|
|
325
|
+
var _h = useMemo(function () {
|
|
324
326
|
var key = get(row, String(rowKey));
|
|
325
327
|
return ({ keys: [key], rows: [row] });
|
|
326
|
-
}, [row]), keys =
|
|
328
|
+
}, [row]), keys = _h.keys, rows = _h.rows;
|
|
327
329
|
var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
328
330
|
var init, data;
|
|
329
331
|
return __generator(this, function (_a) {
|
|
@@ -403,17 +405,18 @@ export var EditAction = function (_a) {
|
|
|
403
405
|
};
|
|
404
406
|
/**新增操作 */
|
|
405
407
|
var edit_extra = (_jsxs(Space, { children: [_jsx(Button, __assign({ onClick: switchEditDrawer }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ type: "primary", onClick: onConfirm, loading: loading }, { children: "\u786E\u5B9A" }))] }));
|
|
406
|
-
return (_jsxs(Fragment, { children: [
|
|
408
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ type: "link", size: "small", onClick: onClick }, { children: children })), _jsx(Drawer, __assign({ title: "\u7F16\u8F91", width: 600, onClose: switchEditDrawer, open: edit_drawer_open, closable: false, extra: edit_extra, getContainer: function () { return content_ref.current; }, destroyOnClose: true }, { children: _jsx(EditForm, { default_data: init_data, ref: edit_form_ref }) })), modalContextHolder] }));
|
|
407
409
|
};
|
|
410
|
+
var delete_action_default_children = (_jsxs(Space, { children: [_jsx(DeleteOutlined, {}), "\u5220\u9664"] }));
|
|
408
411
|
export var DeleteAction = function (_a) {
|
|
409
|
-
var row = _a.row;
|
|
410
|
-
var
|
|
411
|
-
var
|
|
412
|
-
var
|
|
413
|
-
var
|
|
412
|
+
var _b = _a.children, children = _b === void 0 ? delete_action_default_children : _b, row = _a.row;
|
|
413
|
+
var _c = useTableContext(), table_ref = _c.table_ref, filter_ref = _c.filter_ref, del = _c.del, rowKey = _c.rowKey;
|
|
414
|
+
var _d = Modal.useModal(), modalInstance = _d[0], modalContextHolder = _d[1];
|
|
415
|
+
var _e = useState(false), loading = _e[0], setLoading = _e[1];
|
|
416
|
+
var _f = useMemo(function () {
|
|
414
417
|
var key = get(row, String(rowKey));
|
|
415
418
|
return ({ keys: [key], rows: [row] });
|
|
416
|
-
}, [row]), keys =
|
|
419
|
+
}, [row]), keys = _f.keys, rows = _f.rows;
|
|
417
420
|
var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
418
421
|
var before, handle, after, res, page_data, filter_data, error_3;
|
|
419
422
|
var _a, _b, _c;
|
|
@@ -505,5 +508,5 @@ export var DeleteAction = function (_a) {
|
|
|
505
508
|
});
|
|
506
509
|
});
|
|
507
510
|
};
|
|
508
|
-
return (_jsxs(Fragment, { children: [
|
|
511
|
+
return (_jsxs(Fragment, { children: [_jsx(Button, __assign({ type: "link", danger: true, size: "small", onClick: onClick, loading: loading }, { children: children })), modalContextHolder] }));
|
|
509
512
|
};
|