@magicbe/antd-crud 0.0.13

package/dist/components/Field.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type AnyObject, type ColumnType } from "../interface";
+declare const Field: React.FC<ColumnType<AnyObject>>;
+export default Field;

package/dist/components/Field.js

@@ -0,0 +1,67 @@
+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 } from "react/jsx-runtime";
+import { Fragment, useMemo } from "react";
+import { isFunction, isObject, isString } from "lodash";
+import { Form, Input, Select, Cascader, Checkbox, DatePicker, InputNumber, Radio, Switch, TimePicker } from "antd";
+/**预设 */
+var presets = {
+    "Input": Input,
+    "TextArea": Input.TextArea,
+    "InputNumber": InputNumber,
+    "Select": Select,
+    "Cascader": Cascader,
+    "Checkbox.Group": Checkbox.Group,
+    "Checkbox": Checkbox,
+    "DatePicker": DatePicker,
+    "DatePicker.YearPicker": DatePicker.YearPicker,
+    "DatePicker.MonthPicker": DatePicker.MonthPicker,
+    "DatePicker.WeekPicker": DatePicker.WeekPicker,
+    "DatePicker.TimePicker": DatePicker.TimePicker,
+    "DatePicker.RangePicker": DatePicker.RangePicker,
+    "DatePicker.QuarterPicker": DatePicker.QuarterPicker,
+    "TimePicker": TimePicker,
+    "TimePicker.RangePicker": TimePicker.RangePicker,
+    "Radio": Radio,
+    "Radio.Group": Radio.Group,
+    "Switch": Switch,
+};
+TimePicker.RangePicker;
+var Field = function (props) {
+    var field = props.field, dataIndex = props.dataIndex, title = props.title;
+    var _a = useMemo(function () {
+        var basic = { name: dataIndex, label: title, rules: [] };
+        var getNext = function (field) {
+            /** 字符串则直接拿预设里面的值 */
+            if (isString(field)) {
+                return Object.assign(basic, { Component: presets[field] });
+            }
+            /** 是方法则说明是自定义组件 */
+            if (isFunction(field)) {
+                return Object.assign(basic, { Component: field });
+            }
+            /** 是对象则使用有参数的预设 */
+            if (isObject(field)) {
+                var type = field.type, option_1 = field.option, rules_1 = field.rules;
+                if (isString(type)) {
+                    return Object.assign(basic, { Component: presets[type], option: option_1, rules: rules_1 });
+                }
+                return Object.assign(basic, { Component: type, option: option_1, rules: rules_1 });
+            }
+            console.error("field is not implemented");
+            return Object.assign(basic, { Component: Fragment });
+        };
+        return getNext(field);
+    }, [field, dataIndex, title]), Component = _a.Component, name = _a.name, label = _a.label, _b = _a.option, option = _b === void 0 ? {} : _b, rules = _a.rules;
+    return (_jsx(Form.Item, __assign({ name: name, label: label, rules: rules }, { children: _jsx(Component, __assign({}, option)) })));
+};
+export default Field;

package/dist/components/Filter.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FormInstance } from "antd";
+export interface FilterProps {
+}
+export interface FilterRef {
+    form: FormInstance;
+}
+declare const _default: React.ForwardRefExoticComponent<FilterProps & React.RefAttributes<FilterRef>>;
+export default _default;

package/dist/components/Filter.js

@@ -0,0 +1,72 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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 { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useImperativeHandle } from "react";
+import { useTableContext } from "./Context";
+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";
+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 filters = columns === null || columns === void 0 ? void 0 : columns.filter(function (_a) {
+        var filter = _a.filter;
+        return filter;
+    }).map(function (_a) {
+        var filter = _a.filter, field = _a.field, column = __rest(_a, ["filter", "field"]);
+        if (filter === true) {
+            return Object.assign(column, { field: field });
+        }
+        if (isObject(filter)) {
+            return Object.assign(column, { field: filter });
+        }
+        if (isString(filter)) {
+            return Object.assign(column, { field: filter });
+        }
+        return column;
+    });
+    var onFinish = function (value) {
+        var _a, _b;
+        if (value === void 0) { value = {}; }
+        var params = (_a = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _a === void 0 ? void 0 : _a.getPageData();
+        var _c = params || {}, current = _c.current, pageSize = _c.pageSize;
+        (_b = table_ref === null || table_ref === void 0 ? void 0 : table_ref.current) === null || _b === void 0 ? void 0 : _b.loadRecords(Object.assign({ current: current, pageSize: pageSize }, value));
+    };
+    useImperativeHandle(ref, function () { return ({
+        form: form,
+    }); });
+    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"] }))] })] })));
+};
+export default React.forwardRef(Filter);
+var templateObject_1;

package/dist/components/Table.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { type AnyObject } from "../interface";
+export interface TableProps {
+}
+type getPageData = () => ({
+    current?: number;
+    pageSize?: number;
+});
+type loadRecords = (params?: any) => void;
+export interface TableRef {
+    getPageData: getPageData;
+    loadRecords: loadRecords;
+    selected_keys: React.Key[];
+    selected_rows: AnyObject[];
+}
+declare const _default: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<TableRef>>;
+export default _default;
+interface ActionProps {
+    row: AnyObject;
+    index: number;
+}
+export declare const AppendAction: React.FC<Partial<ActionProps>>;
+export declare const EditAction: React.FC<Partial<ActionProps>>;
+export declare const DeleteAction: React.FC<Partial<ActionProps>>;