@magicbe/antd-crud 0.0.13

package/dist/components/Table.js

@@ -0,0 +1,509 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table as AntdTable, Button, Drawer, Modal, Space } from "antd";
+import React, { Fragment, useEffect, useImperativeHandle, useMemo, useState } from "react";
+import { DeleteOutlined, EditFilled, PlusOutlined } from "@ant-design/icons";
+import { get, isArray, isEmpty, isFunction, isObject } from "lodash";
+import { useTableContext } from "./Context";
+import AddForm from "./Add";
+import EditForm from "./Edit";
+var Table = function (_a, ref) {
+    var _b = useTableContext(), getSources = _b.getSources, selectionType = _b.rowSelection, action = _b.action, content_ref = _b.content_ref, props = __rest(_b, ["getSources", "rowSelection", "action", "content_ref"]);
+    var _c = useState([]), sources = _c[0], setSources = _c[1];
+    var _d = useState(), total = _d[0], setTotal = _d[1];
+    var _e = useState(), page = _e[0], setPage = _e[1];
+    var _f = useState(), size = _f[0], setSize = _f[1];
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    var _h = useState([]), selected_keys = _h[0], setSelected_keys = _h[1];
+    var _j = useState([]), selected_rows = _j[0], setSelected_rows = _j[1];
+    var columns = useMemo(function () {
+        var _a;
+        var width = 1;
+        var default_action = {
+            title: "操作",
+            width: width,
+            render: function (value, row, index) {
+                return (_jsxs(Space, { children: [React.cloneElement(_jsx(AppendAction, {}), value, row, index), React.cloneElement(_jsx(EditAction, {}), value, row, index), React.cloneElement(_jsx(DeleteAction, {}), value, row, index)] }));
+            }
+        };
+        var nexts = (_a = props.columns) === null || _a === void 0 ? void 0 : _a.filter(function (_a) {
+            var hidden = _a.hidden;
+            return !hidden;
+        });
+        if (action === true) {
+            nexts === null || nexts === void 0 ? void 0 : nexts.push(default_action);
+        }
+        if (isObject(action)) {
+            var record_1 = action.record;
+            /**渲染默认 */
+            if (record_1 === true) {
+                nexts === null || nexts === void 0 ? void 0 : nexts.push(default_action);
+            }
+            /**自定义渲染 */
+            else if (isFunction(record_1)) {
+                var Component_1 = record_1;
+                nexts === null || nexts === void 0 ? void 0 : nexts.push({
+                    title: "操作",
+                    width: width,
+                    render: function (value, row, index) { return React.cloneElement(_jsx(Component_1, {}), { value: value, row: row, index: index }); },
+                });
+            }
+            /**自定义渲染数组 */
+            else if (isArray(record_1)) {
+                nexts === null || nexts === void 0 ? void 0 : nexts.push({
+                    title: "操作",
+                    width: width,
+                    render: function (value, row, index) {
+                        return (_jsx(Space, { children: record_1.map(function (Component, key) { return React.cloneElement(_jsx(Component, {}, key), {
+                                value: value,
+                                row: row,
+                                index: index,
+                            }); }) }));
+                    }
+                });
+            }
+            /**对象渲染 */
+            else if (isObject(record_1) && !isEmpty(action)) {
+                var _b = record_1, add_1 = _b.add, edit_1 = _b.edit, del_1 = _b.del;
+                var add_element_1 = _jsx(Fragment, {});
+                var edit_element_1 = _jsx(Fragment, {});
+                var del_element_1 = _jsx(Fragment, {});
+                nexts === null || nexts === void 0 ? void 0 : nexts.push({
+                    title: "操作",
+                    width: width,
+                    render: function (_, row, index) {
+                        /**新增 */
+                        if (add_1 === true)
+                            add_element_1 = React.cloneElement(_jsx(AppendAction, {}), { row: row, index: index });
+                        if (isFunction(add_1)) {
+                            var Component = add_1;
+                            add_element_1 = React.cloneElement(_jsx(Component, {}), { row: row, index: index });
+                        }
+                        /**编辑 */
+                        if (edit_1 === true)
+                            edit_element_1 = React.cloneElement(_jsx(EditAction, {}), { row: row, index: index });
+                        if (isFunction(edit_1)) {
+                            var Component = edit_1;
+                            edit_element_1 = React.cloneElement(_jsx(Component, {}), { row: row, index: index });
+                        }
+                        /**删除 */
+                        if (del_1 === true)
+                            del_element_1 = React.cloneElement(_jsx(DeleteAction, {}), { row: row, index: index });
+                        if (isFunction(del_1)) {
+                            var Component = del_1;
+                            del_element_1 = React.cloneElement(_jsx(Component, {}), { row: row, index: index });
+                        }
+                        return (_jsxs(Space, { children: [add_element_1, edit_element_1, del_element_1] }));
+                    }
+                });
+            }
+        }
+        return nexts;
+    }, [props.columns]);
+    var pagination = useMemo(function () { return ({
+        current: page,
+        total: total,
+        pageSize: size,
+        showTotal: function (totle) { return "\u5171\u8BA1 ".concat(totle, " \u6761\u6570\u636E"); },
+        showSizeChanger: true,
+        showQuickJumper: true,
+    }); }, [total, page, size]);
+    var onRowSelectionChange = function (keys, rows) {
+        setSelected_keys(keys);
+        setSelected_rows(rows);
+    };
+    var rowSelection = !!selectionType ? {
+        selectedRowKeys: selected_keys,
+        onChange: onRowSelectionChange,
+        type: selectionType,
+    } : undefined;
+    var loadRecords = function (params) {
+        setLoading(true);
+        getSources(params).then(function (_a) {
+            var total = _a.total, sources = _a.sources, page = _a.page, size = _a.size;
+            setSources(sources);
+            setTotal(total);
+            setPage(page);
+            setSize(size);
+        }).finally(function () { return setLoading(false); });
+    };
+    var getPageData = function () { return ({ current: page, pageSize: size }); };
+    useImperativeHandle(ref, function () { return ({
+        getPageData: getPageData,
+        loadRecords: loadRecords,
+        selected_keys: selected_keys,
+        selected_rows: selected_rows,
+    }); });
+    useEffect(loadRecords, []);
+    return (_jsx(AntdTable, __assign({}, props, { rowSelection: rowSelection, columns: columns, loading: loading, onChange: loadRecords, dataSource: sources, pagination: pagination })));
+};
+export default React.forwardRef(Table);
+export var AppendAction = function (_a) {
+    var row = _a.row;
+    var _b = useTableContext(), rowKey = _b.rowKey, content_ref = _b.content_ref, table_ref = _b.table_ref, filter_ref = _b.filter_ref, add = _b.add;
+    var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
+    var add_form_ref = React.createRef();
+    var _d = useState(false), add_drawer_open = _d[0], setAdd_drawer_open = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState(), init_data = _f[0], setInit_data = _f[1];
+    var _g = useMemo(function () {
+        var key = get(row, String(rowKey));
+        return ({ keys: [key], rows: [row] });
+    }, [row]), keys = _g.keys, rows = _g.rows;
+    var switchAddDrawer = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var init, data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!isObject(add)) return [3 /*break*/, 2];
+                    init = add.init;
+                    if (!isFunction(init)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, init({ keys: keys, rows: rows })];
+                case 1:
+                    data = _a.sent();
+                    if (data)
+                        setInit_data(data);
+                    _a.label = 2;
+                case 2:
+                    setAdd_drawer_open(!add_drawer_open);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onConfirm = function () {
+        var _a;
+        (_a = add_form_ref.current) === null || _a === void 0 ? void 0 : _a.form.validateFields().then(function (value) { return __awaiter(void 0, void 0, void 0, function () {
+            var before, handle, after, page_data, filter_data, error_1;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, 9, 10, 11]);
+                        if (!isFunction(add)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, add(value, { rows: rows, keys: keys })];
+                    case 1:
+                        _d.sent();
+                        return [3 /*break*/, 8];
+                    case 2:
+                        if (!isObject(add)) return [3 /*break*/, 8];
+                        before = add.before, handle = add.handle, after = add.after;
+                        if (!!!before) return [3 /*break*/, 4];
+                        return [4 /*yield*/, before(value, { keys: keys, rows: rows })];
+                    case 3:
+                        _d.sent();
+                        _d.label = 4;
+                    case 4:
+                        if (!!!handle) return [3 /*break*/, 6];
+                        return [4 /*yield*/, handle(value, { keys: keys, rows: rows })];
+                    case 5:
+                        _d.sent();
+                        _d.label = 6;
+                    case 6:
+                        if (!!!after) return [3 /*break*/, 8];
+                        return [4 /*yield*/, after(value, { keys: keys, rows: rows })];
+                    case 7:
+                        _d.sent();
+                        _d.label = 8;
+                    case 8:
+                        switchAddDrawer();
+                        setInit_data(undefined);
+                        page_data = (_a = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _a === void 0 ? void 0 : _a.getPageData();
+                        filter_data = (_b = filter_ref === null || filter_ref === void 0 ? void 0 : filter_ref.current) === null || _b === void 0 ? void 0 : _b.form.getFieldsValue();
+                        (_c = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _c === void 0 ? void 0 : _c.loadRecords(Object.assign({}, page_data, filter_data));
+                        return [3 /*break*/, 11];
+                    case 9:
+                        error_1 = _d.sent();
+                        console.error(error_1);
+                        modalInstance.error({
+                            title: "错误",
+                            content: String(error_1)
+                        });
+                        return [3 /*break*/, 11];
+                    case 10:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 11: return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var init, data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!isFunction(add)) return [3 /*break*/, 1];
+                    switchAddDrawer();
+                    return [3 /*break*/, 3];
+                case 1:
+                    if (!isObject(add)) return [3 /*break*/, 3];
+                    init = add.init;
+                    if (!isFunction(init)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, init({ rows: rows, keys: keys })];
+                case 2:
+                    data = _a.sent();
+                    if (data)
+                        setInit_data(data);
+                    switchAddDrawer();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    /**新增操作 */
+    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" }))] }));
+    return (_jsxs(Fragment, { children: [_jsxs(Button, __assign({ type: "link", size: "small", onClick: onClick }, { children: [_jsx(PlusOutlined, {}), "\u65B0\u589E"] })), _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] }));
+};
+export var EditAction = function (_a) {
+    var row = _a.row;
+    var edit_form_ref = React.createRef();
+    var _b = useTableContext(), edit = _b.edit, rowKey = _b.rowKey, content_ref = _b.content_ref, table_ref = _b.table_ref, filter_ref = _b.filter_ref;
+    var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
+    var _d = useState(false), edit_drawer_open = _d[0], setEdit_drawer_open = _d[1];
+    var _e = useState(), init_data = _e[0], setInit_data = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var switchEditDrawer = function () { return setEdit_drawer_open(!edit_drawer_open); };
+    var _g = useMemo(function () {
+        var key = get(row, String(rowKey));
+        return ({ keys: [key], rows: [row] });
+    }, [row]), keys = _g.keys, rows = _g.rows;
+    var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var init, data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!isObject(edit)) return [3 /*break*/, 2];
+                    init = edit.init;
+                    if (!isFunction(init)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, init({ rows: rows, keys: keys })];
+                case 1:
+                    data = _a.sent();
+                    if (data)
+                        setInit_data(data);
+                    _a.label = 2;
+                case 2:
+                    switchEditDrawer();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onConfirm = function () {
+        var _a;
+        (_a = edit_form_ref.current) === null || _a === void 0 ? void 0 : _a.form.validateFields().then(function (value) { return __awaiter(void 0, void 0, void 0, function () {
+            var before, handle, after, page_data, filter_data, error_2;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, 9, 10, 11]);
+                        if (!isFunction(edit)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, edit(value, { rows: rows, keys: keys })];
+                    case 1:
+                        _d.sent();
+                        return [3 /*break*/, 8];
+                    case 2:
+                        if (!isObject(edit)) return [3 /*break*/, 8];
+                        before = edit.before, handle = edit.handle, after = edit.after;
+                        if (!!!before) return [3 /*break*/, 4];
+                        return [4 /*yield*/, before(value, { keys: keys, rows: rows })];
+                    case 3:
+                        _d.sent();
+                        _d.label = 4;
+                    case 4:
+                        if (!!!handle) return [3 /*break*/, 6];
+                        return [4 /*yield*/, handle(value, { keys: keys, rows: rows })];
+                    case 5:
+                        _d.sent();
+                        _d.label = 6;
+                    case 6:
+                        if (!!!after) return [3 /*break*/, 8];
+                        return [4 /*yield*/, after(value, { keys: keys, rows: rows })];
+                    case 7:
+                        _d.sent();
+                        _d.label = 8;
+                    case 8:
+                        switchEditDrawer();
+                        setInit_data(undefined);
+                        page_data = (_a = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _a === void 0 ? void 0 : _a.getPageData();
+                        filter_data = (_b = filter_ref === null || filter_ref === void 0 ? void 0 : filter_ref.current) === null || _b === void 0 ? void 0 : _b.form.getFieldsValue();
+                        (_c = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _c === void 0 ? void 0 : _c.loadRecords(Object.assign({}, page_data, filter_data));
+                        return [3 /*break*/, 11];
+                    case 9:
+                        error_2 = _d.sent();
+                        console.error(error_2);
+                        modalInstance.error({
+                            title: "错误",
+                            content: String(error_2)
+                        });
+                        return [3 /*break*/, 11];
+                    case 10:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 11: return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    /**新增操作 */
+    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" }))] }));
+    return (_jsxs(Fragment, { children: [_jsxs(Button, __assign({ type: "link", size: "small", onClick: onClick }, { children: [_jsx(EditFilled, {}), "\u7F16\u8F91"] })), _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] }));
+};
+export var DeleteAction = function (_a) {
+    var row = _a.row;
+    var _b = useTableContext(), table_ref = _b.table_ref, filter_ref = _b.filter_ref, del = _b.del, rowKey = _b.rowKey;
+    var _c = Modal.useModal(), modalInstance = _c[0], modalContextHolder = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _e = useMemo(function () {
+        var key = get(row, String(rowKey));
+        return ({ keys: [key], rows: [row] });
+    }, [row]), keys = _e.keys, rows = _e.rows;
+    var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var before, handle, after, res, page_data, filter_data, error_3;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    setLoading(true);
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 10, 11, 12]);
+                    if (!isFunction(del)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, handleDel(del)];
+                case 2:
+                    _d.sent();
+                    return [3 /*break*/, 9];
+                case 3:
+                    if (!isObject(del)) return [3 /*break*/, 9];
+                    before = del.before, handle = del.handle, after = del.after;
+                    if (!!!before) return [3 /*break*/, 5];
+                    return [4 /*yield*/, before({ keys: keys, rows: rows })];
+                case 4:
+                    _d.sent();
+                    _d.label = 5;
+                case 5:
+                    if (!!!handle) return [3 /*break*/, 7];
+                    return [4 /*yield*/, handleDel(handle)];
+                case 6:
+                    res = _d.sent();
+                    if (res === false)
+                        return [2 /*return*/];
+                    _d.label = 7;
+                case 7:
+                    if (!!!after) return [3 /*break*/, 9];
+                    return [4 /*yield*/, after({ keys: keys, rows: rows })];
+                case 8:
+                    _d.sent();
+                    _d.label = 9;
+                case 9:
+                    page_data = (_a = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _a === void 0 ? void 0 : _a.getPageData();
+                    filter_data = (_b = filter_ref === null || filter_ref === void 0 ? void 0 : filter_ref.current) === null || _b === void 0 ? void 0 : _b.form.getFieldsValue();
+                    (_c = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _c === void 0 ? void 0 : _c.loadRecords(Object.assign({}, page_data, filter_data));
+                    return [3 /*break*/, 12];
+                case 10:
+                    error_3 = _d.sent();
+                    console.error(error_3);
+                    modalInstance.error({
+                        title: "错误",
+                        content: String(error_3),
+                    });
+                    return [3 /*break*/, 12];
+                case 11:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 12: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleDel = function (handle) {
+        return new Promise(function (resolve, reject) {
+            modalInstance.confirm({
+                title: "提示",
+                content: "\u786E\u5B9A\u8981\u5220\u9664 ".concat(keys === null || keys === void 0 ? void 0 : keys.length, " \u6761\u6570\u636E\u5417?"),
+                onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var error_4;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                _a.trys.push([0, 2, , 3]);
+                                return [4 /*yield*/, handle({ keys: keys, rows: rows })];
+                            case 1:
+                                _a.sent();
+                                resolve(true);
+                                return [3 /*break*/, 3];
+                            case 2:
+                                error_4 = _a.sent();
+                                modalInstance.error({
+                                    title: "错误",
+                                    content: String(error_4)
+                                });
+                                reject(error_4);
+                                return [3 /*break*/, 3];
+                            case 3: return [2 /*return*/];
+                        }
+                    });
+                }); },
+                onCancel: function () {
+                    resolve(false);
+                }
+            });
+        });
+    };
+    return (_jsxs(Fragment, { children: [_jsxs(Button, __assign({ type: "link", danger: true, size: "small", onClick: onClick, loading: loading }, { children: [_jsx(DeleteOutlined, {}), "\u5220\u9664"] })), modalContextHolder] }));
+};

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { type ContentProps, type AnyObject } from "../interface";
+type RefTable = <RecordType = AnyObject>(props: React.PropsWithChildren<ContentProps<RecordType>>) => React.ReactElement;
+declare const _default: RefTable;
+export default _default;

package/dist/components/index.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useImperativeHandle } from "react";
+import Filter from "./Filter";
+import Action from "./Action";
+import Table from "./Table";
+import { TableContextProvider, useTableContext } from "./Context";
+import { ConfigProvider } from "antd";
+import Config from "../config";
+var Content = function () {
+    var _a = useTableContext(), filter_ref = _a.filter_ref, action_ref = _a.action_ref, table_ref = _a.table_ref, content_ref = _a.content_ref;
+    return (_jsxs("div", __assign({ ref: content_ref }, { children: [_jsx(Filter, { ref: filter_ref }), _jsx(Action, { ref: action_ref }), _jsx(Table, { ref: table_ref })] })));
+};
+var ContentPrev = function (props, ref) {
+    useImperativeHandle(ref, function () { return ({}); });
+    var _a = Config.getConfig(), theme = _a.theme, locale = _a.locale;
+    return (_jsx(ConfigProvider, __assign({}, { theme: theme, locale: locale }, { children: _jsx(TableContextProvider, __assign({}, props, { children: _jsx(Content, {}) })) })));
+};
+export default React.forwardRef(ContentPrev);

package/dist/config.d.ts

@@ -0,0 +1,16 @@
+import { ThemeConfig } from "antd";
+import { Locale } from "antd/es/locale";
+export interface DefinConfigOptions {
+    locale?: Locale;
+    theme?: ThemeConfig;
+}
+declare class Config {
+    private static locale?;
+    private static theme?;
+    static definConfig({ locale, theme }?: DefinConfigOptions): void;
+    static getConfig(): {
+        locale: Locale;
+        theme: ThemeConfig;
+    };
+}
+export default Config;

package/dist/config.js

@@ -0,0 +1,17 @@
+var Config = /** @class */ (function () {
+    function Config() {
+    }
+    Config.definConfig = function (_a) {
+        var _b = _a === void 0 ? {} : _a, locale = _b.locale, theme = _b.theme;
+        Config.locale = locale;
+        Config.theme = theme;
+    };
+    Config.getConfig = function () {
+        return ({
+            locale: Config.locale,
+            theme: Config.theme,
+        });
+    };
+    return Config;
+}());
+export default Config;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { type AnyObject, type BaseColumnField, type ColumnInputField, type ColumnTextAreaField, type ColumnInputNumberField, type ColumnSelectField, type ColumnCascaderField, type ColumnCheckboxField, type ColumnCheckboxGroupField, type ColumnDatePickerField, type ColumnDatePickerYearPickerField, type ColumnDatePickerMonthPickerField, type ColumnDatePickerWeekPickerField, type ColumnDatePickerTimePickerField, type ColumnDatePickerRangePickerField, type ColumnDatePickerQuarterPickerField, type ColumnTimePickerField, type ColumnTimePickerRangePickerField, type ColumnRadioField, type ColumnRadioGroupField, type ColumnSwitchField, type ColumnField, type ColumnFieldKeys, type ColumnType, type Source, type getSourceFunction, type add, type addHandleMap, type edit, type editHandleMap, type del, type MasterCustomActionGroup, type RecordCustomActionGroup, type CustomActionGroup, type CustomAction, type ContentProps, type ContentRef, } from "./interface";
+export { default as CrudTable, } from "./components";
+export { TableContextProvider, useTableContext, } from "./components/Context";
+export { default as Filter, type FilterProps, type FilterRef, } from "./components/Filter";
+export { default as Action, AppendAction as MastAppend, DeleteAction as MastDelete, EditAction as MastEdit, type ActionProps, type ActionRef, } from "./components/Action";
+export { default as Table, AppendAction as RowAppend, DeleteAction as RowDelete, EditAction as RowEdit, type TableProps, type TableRef, } from "./components/Table";
+export { default as Config, type DefinConfigOptions, } from "./config";

package/dist/index.js

@@ -0,0 +1,6 @@
+export { default as CrudTable, } from "./components";
+export { TableContextProvider, useTableContext, } from "./components/Context";
+export { default as Filter, } from "./components/Filter";
+export { default as Action, AppendAction as MastAppend, DeleteAction as MastDelete, EditAction as MastEdit, } from "./components/Action";
+export { default as Table, AppendAction as RowAppend, DeleteAction as RowDelete, EditAction as RowEdit, } from "./components/Table";
+export { default as Config, } from "./config";