@magicbe/antd-crud 0.0.16 → 0.0.18

package/dist/components/Filter.js

@@ -32,12 +32,12 @@ import Field from "./Field";
 import { Button, Form, Space } from "antd";
 import createEmotion from "@emotion/css/create-instance";
 import { SearchOutlined, UndoOutlined } from "@ant-design/icons";
-import { isObject, isString } from "lodash";
+import { isFunction, isObject, isString } from "lodash";
 var _a = createEmotion({ key: "filter" }), css = _a.css, cx = _a.cx;
 var wrapper_css = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: 25px;\n"], ["\n    margin-bottom: 25px;\n"])));
 var Filter = function (_a, ref) {
     var form = Form.useForm()[0];
-    var _b = useTableContext(), columns = _b.columns, table_ref = _b.table_ref;
+    var _b = useTableContext(), columns = _b.columns, table_ref = _b.table_ref, filter = _b.filter;
     var filters = columns === null || columns === void 0 ? void 0 : columns.filter(function (_a) {
         var filter = _a.filter;
         return filter;
@@ -64,9 +64,24 @@ var Filter = function (_a, ref) {
     useImperativeHandle(ref, function () { return ({
         form: form,
     }); });
+    var initialValues;
     if (!(filters === null || filters === void 0 ? void 0 : filters.length))
         return _jsx(Fragment, {});
-    return (_jsxs(Form, __assign({ layout: "inline", onFinish: onFinish, className: wrapper_css, form: form }, { children: [filters === null || filters === void 0 ? void 0 : filters.map(function (filter) { return _createElement(Field, __assign({}, filter, { key: String(filter.dataIndex) })); }), _jsxs(Space, { children: [_jsxs(Button, __assign({ htmlType: "submit", type: "primary" }, { children: [_jsx(SearchOutlined, {}), "\u67E5\u8BE2"] })), _jsxs(Button, __assign({ htmlType: "reset" }, { children: [_jsx(UndoOutlined, {}), "\u91CD\u7F6E"] }))] })] })));
+    if (filter === false)
+        return _jsx(Fragment, {});
+    if (isFunction(filter)) {
+        var Component = filter;
+        return _jsx(Component, { onFinish: onFinish, filters: filters, form: form });
+    }
+    if (isObject(filter)) {
+        var render = filter.render, _initialValues_ = filter.initialValues;
+        initialValues = _initialValues_;
+        if (!!render) {
+            var Component = render;
+            return _jsx(Component, { onFinish: onFinish, filters: filters, form: form, initialValues: _initialValues_ });
+        }
+    }
+    return (_jsxs(Form, __assign({ layout: "inline", onFinish: onFinish, className: wrapper_css, form: form, initialValues: initialValues }, { children: [filters === null || filters === void 0 ? void 0 : filters.map(function (filter) { return _createElement(Field, __assign({}, filter, { key: String(filter.dataIndex) })); }), _jsxs(Space, { children: [_jsxs(Button, __assign({ htmlType: "submit", type: "primary" }, { children: [_jsx(SearchOutlined, {}), "\u67E5\u8BE2"] })), _jsxs(Button, __assign({ htmlType: "reset" }, { children: [_jsx(UndoOutlined, {}), "\u91CD\u7F6E"] }))] })] })));
 };
 export default React.forwardRef(Filter);
 var templateObject_1;

package/dist/components/Table.js

@@ -65,7 +65,7 @@ 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 _b = useTableContext(), getSources = _b.getSources, selectionType = _b.rowSelection, action = _b.action, content_ref = _b.content_ref, filter_ref = _b.filter_ref, props = __rest(_b, ["getSources", "rowSelection", "action", "content_ref", "filter_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];
@@ -175,9 +175,11 @@ var Table = function (_a, ref) {
         type: selectionType,
     } : undefined;
     var loadRecords = function (params) {
+        var _a;
         if (params === void 0) { params = {}; }
         setLoading(true);
-        getSources(params).then(function (_a) {
+        var filter_data = (_a = filter_ref === null || filter_ref === void 0 ? void 0 : filter_ref.current) === null || _a === void 0 ? void 0 : _a.form.getFieldsValue();
+        getSources(Object.assign({}, params, filter_data)).then(function (_a) {
             var total = _a.total, sources = _a.sources, page = _a.page, size = _a.size;
             setSources(sources);
             setTotal(total);

package/dist/components/index.js

@@ -15,15 +15,12 @@ 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, {}) })) })));
+    return (_jsx(TableContextProvider, __assign({}, props, { children: _jsx(Content, {}) })));
 };
 export default React.forwardRef(ContentPrev);

package/dist/config.d.ts

@@ -1,16 +1,4 @@
-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;
+import { ConfigProviderProps } from "antd";
+import React, { PropsWithChildren } from "react";
+declare const CrudConfigProvider: React.FC<PropsWithChildren & ConfigProviderProps>;
+export default CrudConfigProvider;

package/dist/config.js

@@ -1,17 +1,29 @@
-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;
+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;
     };
-    Config.getConfig = function () {
-        return ({
-            locale: Config.locale,
-            theme: Config.theme,
-        });
-    };
-    return Config;
-}());
-export default Config;
+    return __assign.apply(this, arguments);
+};
+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 } from "react/jsx-runtime";
+import { ConfigProvider } from "antd";
+var CrudConfigProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsx(ConfigProvider, __assign({}, props, { children: children })));
+};
+export default CrudConfigProvider;

package/dist/index.d.ts

@@ -1,7 +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 GetSourceFunctionParams, 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 { 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 GetSourceFunctionParams, type add, type addHandleMap, type edit, type editHandleMap, type del, type CustomFilter, type filter, 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";
+export { default as CrudConfigProvider, } from "./config";

package/dist/index.js

@@ -3,4 +3,4 @@ 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";
+export { default as CrudConfigProvider, } from "./config";

package/dist/interface.d.ts

@@ -1,6 +1,6 @@
 import { type TableProps, type InputProps, type SelectProps, type CascaderProps, type DatePickerProps, type InputNumberProps, type CheckboxProps, type RadioProps, type SwitchProps, type TimePickerProps } from "antd";
 import { type CheckboxGroupProps } from "antd/es/checkbox";
-import { Rule } from "antd/es/form";
+import { FormInstance, Rule } from "antd/es/form";
 import { TextAreaProps } from "antd/es/input";
 import { type RadioGroupProps } from "antd/es/radio";
 import { RowSelectionType, type ColumnType as AntdColumnType } from "antd/es/table/interface";
@@ -126,6 +126,19 @@ export type editHandleMap = Partial<HandleMap<editHandle> & {
 }>;
 /**编辑方法 */
 export type edit = editHandle | editHandleMap;
+export interface CustomFilterProps {
+    onFinish: (values: any) => void;
+    filters: Omit<ColumnType<any>, "filter">[];
+    form: FormInstance<any>;
+    initialValues?: Record<string, any>;
+}
+export type CustomFilter = React.FC<CustomFilterProps>;
+export type CustomFilterObject = {
+    render?: CustomFilter;
+    initialValues?: Record<string, any>;
+};
+/**自定义过滤 */
+export type filter = false | CustomFilter | CustomFilterObject;
 export interface CustomActionGroup {
     add?: boolean | React.FC;
     del?: boolean | React.FC;
@@ -148,6 +161,7 @@ export interface ContentProps<RecordType = AnyObject> extends Omit<TableProps<Re
     add?: add;
     del?: del;
     edit?: edit;
+    filter?: filter;
     action?: Action;
     rowSelection?: RowSelectionType;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@magicbe/antd-crud",
-    "version": "0.0.16",
+    "version": "0.0.18",
     "description": "antd crud table",
     "author": "wang quan",
     "private": false,