@magicbe/antd-crud 0.0.30 → 0.0.32
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/components/Field.js +1 -0
- package/dist/components/Filter.js +2 -16
- package/dist/components/Table.js +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/interface.d.ts +6 -11
- package/package.json +1 -1
package/dist/components/Field.js
CHANGED
|
@@ -32,12 +32,12 @@ import Field from "./Field";
|
|
|
32
32
|
import { Button, Form, Space } from "antd";
|
|
33
33
|
import createEmotion from "@emotion/css/create-instance";
|
|
34
34
|
import { SearchOutlined, UndoOutlined } from "@ant-design/icons";
|
|
35
|
-
import {
|
|
35
|
+
import { isObject, isString } from "lodash";
|
|
36
36
|
var _a = createEmotion({ key: "filter" }), css = _a.css, cx = _a.cx;
|
|
37
37
|
var wrapper_css = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 25px;\n"], ["\n margin-bottom: 25px;\n"])));
|
|
38
38
|
var Filter = function (_a, ref) {
|
|
39
39
|
var form = Form.useForm()[0];
|
|
40
|
-
var _b = useTableContext(), columns = _b.columns, table_ref = _b.table_ref
|
|
40
|
+
var _b = useTableContext(), columns = _b.columns, table_ref = _b.table_ref;
|
|
41
41
|
var filters = columns === null || columns === void 0 ? void 0 : columns.filter(function (_a) {
|
|
42
42
|
var filter = _a.filter;
|
|
43
43
|
return filter;
|
|
@@ -67,20 +67,6 @@ var Filter = function (_a, ref) {
|
|
|
67
67
|
var initialValues;
|
|
68
68
|
if (!(filters === null || filters === void 0 ? void 0 : filters.length))
|
|
69
69
|
return _jsx(Fragment, {});
|
|
70
|
-
if (filter === false)
|
|
71
|
-
return _jsx(Fragment, {});
|
|
72
|
-
if (isFunction(filter)) {
|
|
73
|
-
var Component = filter;
|
|
74
|
-
return _jsx(Component, { onFinish: onFinish, filters: filters, form: form });
|
|
75
|
-
}
|
|
76
|
-
if (isObject(filter)) {
|
|
77
|
-
var render = filter.render, _initialValues_ = filter.initialValues;
|
|
78
|
-
initialValues = _initialValues_;
|
|
79
|
-
if (!!render) {
|
|
80
|
-
var Component = render;
|
|
81
|
-
return _jsx(Component, { onFinish: onFinish, filters: filters, form: form, initialValues: _initialValues_ });
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
70
|
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"] }))] })] })));
|
|
85
71
|
};
|
|
86
72
|
export default React.forwardRef(Filter);
|
package/dist/components/Table.js
CHANGED
|
@@ -179,6 +179,8 @@ var Table = function (_a, ref) {
|
|
|
179
179
|
if (params === void 0) { params = {}; }
|
|
180
180
|
setLoading(true);
|
|
181
181
|
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();
|
|
182
|
+
if (!getSources)
|
|
183
|
+
return console.warn("getSources is not defined");
|
|
182
184
|
getSources(Object.assign({}, params, filter_data)).then(function (_a) {
|
|
183
185
|
var total = _a.total, sources = _a.sources, page = _a.page, size = _a.size;
|
|
184
186
|
setSources(sources);
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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
|
|
1
|
+
export { type AnyObject, type BaseColumnField, type ColumnInputField, type ColumnInputPasswordField, 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, type FormRef, type FilterProps, type FilterRef, type ActionProps, type ActionRef, type TableProps, type getPageData, type loadRecords, type TableRef, } from "./interface";
|
|
2
2
|
export { default as CrudTable, } from "./components";
|
|
3
3
|
export { TableContextProvider, useTableContext, } from "./components/Context";
|
|
4
4
|
export { default as Filter, } from "./components/Filter";
|
package/dist/interface.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type TableProps as AntdTableProps, type InputProps, type SelectProps, type CascaderProps, type DatePickerProps, type InputNumberProps, type CheckboxProps, type RadioProps, type SwitchProps, type TimePickerProps, type TreeSelectProps, type PaginationProps } from "antd";
|
|
2
2
|
import { type CheckboxGroupProps } from "antd/es/checkbox";
|
|
3
3
|
import { FormInstance, Rule } from "antd/es/form";
|
|
4
|
-
import { TextAreaProps } from "antd/es/input";
|
|
4
|
+
import { PasswordProps, TextAreaProps } from "antd/es/input";
|
|
5
5
|
import { type RadioGroupProps } from "antd/es/radio";
|
|
6
6
|
import { RowSelectionType, type ColumnType as AntdColumnType } from "antd/es/table/interface";
|
|
7
7
|
import React from "react";
|
|
@@ -18,6 +18,9 @@ export interface ColumnHiddenField extends BaseColumnField<"Hidden"> {
|
|
|
18
18
|
/**输入框 */
|
|
19
19
|
export interface ColumnInputField extends BaseColumnField<"Input", InputProps> {
|
|
20
20
|
}
|
|
21
|
+
/**密码输入框 */
|
|
22
|
+
export interface ColumnInputPasswordField extends BaseColumnField<"Input.Password", PasswordProps> {
|
|
23
|
+
}
|
|
21
24
|
/**长文本输入框 */
|
|
22
25
|
export interface ColumnTextAreaField extends BaseColumnField<"TextArea", TextAreaProps> {
|
|
23
26
|
}
|
|
@@ -80,8 +83,8 @@ export interface CustormColumnField {
|
|
|
80
83
|
option?: any;
|
|
81
84
|
rules?: Rule[];
|
|
82
85
|
}
|
|
83
|
-
export type ColumnField = ColumnHiddenField | ColumnInputField | ColumnTextAreaField | ColumnInputNumberField | ColumnSelectField | ColumnCascaderField | ColumnTreeSelectField | ColumnCheckboxField | ColumnCheckboxGroupField | ColumnDatePickerField | ColumnDatePickerYearPickerField | ColumnDatePickerMonthPickerField | ColumnDatePickerWeekPickerField | ColumnDatePickerTimePickerField | ColumnDatePickerRangePickerField | ColumnDatePickerQuarterPickerField | ColumnTimePickerField | ColumnTimePickerRangePickerField | ColumnRadioField | ColumnRadioGroupField | ColumnSwitchField | CustormColumnField;
|
|
84
|
-
export type ColumnFieldKeys = ColumnHiddenField["type"] | ColumnInputField["type"] | ColumnTextAreaField["type"] | ColumnInputNumberField["type"] | ColumnSelectField["type"] | ColumnCascaderField["type"] | ColumnTreeSelectField["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"];
|
|
86
|
+
export type ColumnField = ColumnHiddenField | ColumnInputField | ColumnInputPasswordField | ColumnTextAreaField | ColumnInputNumberField | ColumnSelectField | ColumnCascaderField | ColumnTreeSelectField | ColumnCheckboxField | ColumnCheckboxGroupField | ColumnDatePickerField | ColumnDatePickerYearPickerField | ColumnDatePickerMonthPickerField | ColumnDatePickerWeekPickerField | ColumnDatePickerTimePickerField | ColumnDatePickerRangePickerField | ColumnDatePickerQuarterPickerField | ColumnTimePickerField | ColumnTimePickerRangePickerField | ColumnRadioField | ColumnRadioGroupField | ColumnSwitchField | CustormColumnField;
|
|
87
|
+
export type ColumnFieldKeys = ColumnHiddenField["type"] | ColumnInputField["type"] | ColumnInputPasswordField["type"] | ColumnTextAreaField["type"] | ColumnInputNumberField["type"] | ColumnSelectField["type"] | ColumnCascaderField["type"] | ColumnTreeSelectField["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"];
|
|
85
88
|
/**列 */
|
|
86
89
|
export interface ColumnType<RecordType = AnyObject> extends Omit<AntdColumnType<RecordType>, "dataIndex" | "title"> {
|
|
87
90
|
dataIndex?: string | string[];
|
|
@@ -138,13 +141,6 @@ export interface CustomFilterProps {
|
|
|
138
141
|
form: FormInstance<any>;
|
|
139
142
|
initialValues?: Record<string, any>;
|
|
140
143
|
}
|
|
141
|
-
export type CustomFilter = React.FC<CustomFilterProps>;
|
|
142
|
-
export type CustomFilterObject = {
|
|
143
|
-
render?: CustomFilter;
|
|
144
|
-
initialValues?: Record<string, any>;
|
|
145
|
-
};
|
|
146
|
-
/**自定义过滤 */
|
|
147
|
-
export type filter = false | CustomFilter | CustomFilterObject;
|
|
148
144
|
export interface CustomActionGroup {
|
|
149
145
|
add?: boolean | React.FC;
|
|
150
146
|
del?: boolean | React.FC;
|
|
@@ -171,7 +167,6 @@ export interface ContentProps<RecordType = AnyObject> extends Omit<AntdTableProp
|
|
|
171
167
|
add?: add;
|
|
172
168
|
del?: del;
|
|
173
169
|
edit?: edit;
|
|
174
|
-
filter?: filter;
|
|
175
170
|
action?: Action;
|
|
176
171
|
rowSelection?: RowSelectionType;
|
|
177
172
|
pagination?: false;
|