@sooloer/pages 0.0.1

package/dist/filter/index.js

@@ -0,0 +1,406 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["fields", "maskable", "labelWidth", "resetText", "searchText", "resetButtonProps", "searchButtonProps", "initialValues", "gridColumns", "values", "wrappRef", "onReset", "onSearch", "onExpandChange", "onValuesChange"],
+  _excluded2 = ["disabled"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { DownOutlined } from '@ant-design/icons';
+import { calculator, sum } from '@tmaito/utils';
+import { Button, Col, Form, Row, Space, Tooltip } from 'antd';
+import classnames from 'classnames';
+import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import AutoSize from 'react-virtualized-auto-sizer';
+import Field from "./components/field";
+import "./index.less";
+var theme = {
+  button_group_space_size: 8
+};
+var Item = Form.Item;
+var ProFilter = function ProFilter(props, ref) {
+  var _props$fields = props.fields,
+    fields = _props$fields === void 0 ? [] : _props$fields,
+    _props$maskable = props.maskable,
+    maskable = _props$maskable === void 0 ? true : _props$maskable,
+    _props$labelWidth = props.labelWidth,
+    labelWidth = _props$labelWidth === void 0 ? 98 : _props$labelWidth,
+    _props$resetText = props.resetText,
+    resetText = _props$resetText === void 0 ? '重置' : _props$resetText,
+    _props$searchText = props.searchText,
+    searchText = _props$searchText === void 0 ? '查询' : _props$searchText,
+    _props$resetButtonPro = props.resetButtonProps,
+    resetButtonProps = _props$resetButtonPro === void 0 ? {} : _props$resetButtonPro,
+    _props$searchButtonPr = props.searchButtonProps,
+    searchButtonProps = _props$searchButtonPr === void 0 ? {} : _props$searchButtonPr,
+    _props$initialValues = props.initialValues,
+    initialValues = _props$initialValues === void 0 ? {} : _props$initialValues,
+    gridColumns = props.gridColumns,
+    _props$values = props.values,
+    values = _props$values === void 0 ? {} : _props$values,
+    wrappRef = props.wrappRef,
+    onReset = props.onReset,
+    onSearch = props.onSearch,
+    onExpandChange = props.onExpandChange,
+    onValuesChange = props.onValuesChange,
+    args = _objectWithoutProperties(props, _excluded);
+  var normalFieldRef = useRef(null);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    clientHeight = _useState2[0],
+    setClientHeight = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpanded = _useState4[0],
+    setIsExpanded = _useState4[1];
+  // 筛选项展示列数
+  var _useState5 = useState(4),
+    _useState6 = _slicedToArray(_useState5, 2),
+    span = _useState6[0],
+    setSpan = _useState6[1];
+  useImperativeHandle(ref, function () {
+    return {
+      form: form
+    };
+  });
+
+  // 计算需默认展示字段
+  var _useMemo = useMemo(function () {
+      var fixeds = [];
+      var mores = [];
+      fields.forEach(function (item) {
+        if (item !== null && item !== void 0 && item.collapsed) {
+          mores.push(item);
+        } else {
+          fixeds.push(item);
+        }
+      });
+      var firstRowFixed = [];
+      var otherRowFixed = [];
+      fixeds.reduce(function (total, item) {
+        var _item$colSpan = item.colSpan,
+          colSpan = _item$colSpan === void 0 ? 1 : _item$colSpan;
+        var val = colSpan + total;
+        if (val < span) {
+          firstRowFixed.push(item);
+        } else {
+          otherRowFixed.push(item);
+        }
+        return val;
+      }, 0);
+      var moreFixedFields = [];
+      var moreFields = [];
+      var otherRowFixedSpan = sum(otherRowFixed, 'colSpan', 1);
+      var remainder = span - otherRowFixedSpan % span;
+      mores.reduce(function (total, item) {
+        var _item$colSpan2 = item.colSpan,
+          colSpan = _item$colSpan2 === void 0 ? 1 : _item$colSpan2;
+        var val = colSpan + total;
+        if (val <= remainder && remainder < span) {
+          moreFixedFields.push(item);
+        } else {
+          moreFields.push(item);
+        }
+        return val;
+      }, 0);
+      return {
+        hasMoreFields: mores.length > 0,
+        moreFields: [].concat(moreFields),
+        moreFixedFields: [].concat(moreFixedFields),
+        fixedFirstRowFields: [].concat(firstRowFixed),
+        fixedOtherFields: [].concat(otherRowFixed)
+      };
+    }, [fields, span]),
+    moreFields = _useMemo.moreFields,
+    hasMoreFields = _useMemo.hasMoreFields,
+    moreFixedFields = _useMemo.moreFixedFields,
+    fixedFirstRowFields = _useMemo.fixedFirstRowFields,
+    fixedOtherFields = _useMemo.fixedOtherFields;
+
+  // 重置表单字段值
+  // 需对 values 字段做判断，如果传入该值，则触发更新，如果无该字段，则仅需内部控制表单字段
+  var resetFieldsValue = useMemo(function () {
+    if (props.hasOwnProperty('values')) {
+      return {
+        fields: (fields || []).map(function (item) {
+          return {
+            name: [item.name],
+            value: values[item.name]
+          };
+        })
+      };
+    }
+    return {};
+  }, [props, values, fields]);
+  var hasEmpty = function hasEmpty(value) {
+    return value === undefined || value === null;
+  };
+
+  // 通过类型判断字段值是否为空
+  // 'input' | 'select' | 'checkbox' | 'radio' | 'range' | 'digitRange' | 'date' | 'dateRange' | 'textarea'
+  var isEmptyField = function isEmptyField(value, fields) {
+    var _fields$type = fields.type,
+      type = _fields$type === void 0 ? 'input' : _fields$type;
+    if (['range', 'digitRange'].includes(type)) {
+      if (Array.isArray(value)) {
+        return hasEmpty(value[0]) && hasEmpty(value[1]);
+      }
+      return value === undefined;
+    }
+    return hasEmpty(value);
+  };
+  var handleIsExpanded = function handleIsExpanded(closeable) {
+    setIsExpanded(closeable);
+    onExpandChange === null || onExpandChange === void 0 || onExpandChange(closeable);
+    if (maskable && wrappRef !== null && wrappRef !== void 0 && wrappRef.current) {
+      wrappRef.current.style.position = closeable ? 'relative' : 'initial';
+    }
+  };
+
+  // 处理表单结果，input 类型表单结果需进行 - 首尾空格处理
+  var trimFieldsValue = function trimFieldsValue(val) {
+    var _loop = function _loop(key) {
+      var _ref = fields.find(function (item) {
+          return item.name === key;
+        }) || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'input' : _ref$type;
+      if (type === 'input') {
+        var _val$key;
+        val[key] = (_val$key = val[key]) === null || _val$key === void 0 ? void 0 : _val$key.trim();
+      }
+    };
+    for (var key in val) {
+      _loop(key);
+    }
+    return val;
+  };
+  var handleSearch = function handleSearch(values) {
+    onSearch === null || onSearch === void 0 || onSearch(trimFieldsValue(values));
+    handleIsExpanded(false);
+  };
+  var handleReset = function handleReset() {
+    form.resetFields();
+    handleIsExpanded(false);
+    onReset === null || onReset === void 0 || onReset(initialValues);
+  };
+  var handleValuesChange = function handleValuesChange(changedValues, allValues) {
+    if (normalFieldRef !== null && normalFieldRef !== void 0 && normalFieldRef.current) {
+      setTimeout(function () {
+        var _normalFieldRef$curre;
+        // @ts-ignore
+        setClientHeight(normalFieldRef === null || normalFieldRef === void 0 || (_normalFieldRef$curre = normalFieldRef.current) === null || _normalFieldRef$curre === void 0 ? void 0 : _normalFieldRef$curre.clientHeight);
+      }, 200);
+    }
+    onValuesChange === null || onValuesChange === void 0 || onValuesChange(trimFieldsValue(changedValues), trimFieldsValue(allValues));
+  };
+  var calcFieldSpan = function calcFieldSpan(field) {
+    var _field$colSpan = field.colSpan,
+      colSpan = _field$colSpan === void 0 ? 1 : _field$colSpan;
+    return "".concat(calculator.times(colSpan, 100, calculator.divide(1, span)), "%");
+  };
+
+  // 计算当前容器下可展示筛选项列数
+  var handleResize = function handleResize(props) {
+    var width = props.width;
+    var size = 3;
+    if (width < 1024) {
+      size = 3;
+    } else if (width < 1664) {
+      size = 4;
+    } else {
+      size = 5;
+    }
+    setSpan(gridColumns !== null && gridColumns !== void 0 ? gridColumns : size);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+    className: "sooloer-filter"
+  }, args, {
+    style: {
+      zIndex: maskable && isExpanded ? 1 : 0
+    }
+  }), /*#__PURE__*/React.createElement(AutoSize, {
+    onResize: handleResize
+  }, function (props) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: _objectSpread(_objectSpread({}, props), {}, {
+        height: 0,
+        visibility: 'hidden'
+      })
+    });
+  }), /*#__PURE__*/React.createElement(Form, _extends({
+    form: form
+  }, resetFieldsValue, {
+    onFinish: handleSearch,
+    initialValues: initialValues,
+    onValuesChange: handleValuesChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames('sooloer-filter-container', {
+      'is-hidden': !isExpanded
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: normalFieldRef,
+    style: {
+      padding: '4px 0'
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, fixedFirstRowFields.map(function (item) {
+    return /*#__PURE__*/React.createElement(Col, {
+      key: item.name,
+      flex: calcFieldSpan(item),
+      style: {
+        maxWidth: calcFieldSpan(item)
+      }
+    }, /*#__PURE__*/React.createElement(Field, _extends({}, item, {
+      labelWidth: labelWidth
+    })));
+  }), /*#__PURE__*/React.createElement(Col, {
+    flex: "auto"
+  }, /*#__PURE__*/React.createElement(Item, {
+    colon: false,
+    shouldUpdate: true,
+    labelCol: {
+      flex: "".concat(labelWidth, "px")
+    },
+    className: "sooloer-filter-field-item"
+  }, function (_ref2) {
+    var getFieldsValue = _ref2.getFieldsValue;
+    // 收集所有必填项字段
+    var requiredFields = fields.filter(function (item) {
+      return item.hasOwnProperty('required') ? item.required : false;
+    });
+    var fieldsObj = {};
+    var fieldsName = [];
+    requiredFields.forEach(function (item) {
+      // @ts-ignore
+      fieldsObj[item.name] = item;
+      // @ts-ignore
+      fieldsName.push(item.name);
+    });
+    // const fieldsObj = Object.fromEntries(
+    //   requiredFields.map((item) => [item.name, item])
+    // );
+    // 必填项是否未设值
+    var title = ''; // 必填提示文案
+    if (requiredFields.length) {
+      var _values = getFieldsValue(fieldsName);
+      // 未设值的字段
+      var unsetFields = Object.keys(_values).filter(function (key) {
+        return isEmptyField(_values[key], fieldsObj[key]);
+      });
+      var fieldsLabel = unsetFields.map(function (key) {
+        return fieldsObj[key].label;
+      });
+      title = "".concat(fieldsLabel.join('、')).concat(fieldsLabel.length > 1 ? '等' : '');
+    }
+    var disabled = searchButtonProps.disabled,
+      buttonProps = _objectWithoutProperties(searchButtonProps, _excluded2);
+    return /*#__PURE__*/React.createElement(Row, {
+      gutter: 8,
+      justify: "space-between"
+    }, /*#__PURE__*/React.createElement(Col, {
+      flex: "none"
+    }, hasMoreFields && /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      className: classnames('btn-expanded', {
+        'is-expanded': isExpanded
+      }),
+      onClick: function onClick() {
+        if (maskable) {
+          var _normalFieldRef$curre2;
+          // @ts-ignore
+          setClientHeight(normalFieldRef === null || normalFieldRef === void 0 || (_normalFieldRef$curre2 = normalFieldRef.current) === null || _normalFieldRef$curre2 === void 0 ? void 0 : _normalFieldRef$curre2.clientHeight);
+        }
+        setTimeout(function () {
+          handleIsExpanded(!isExpanded);
+        }, 200);
+      }
+    }, isExpanded ? '收起' : '更多', /*#__PURE__*/React.createElement(DownOutlined, null))), /*#__PURE__*/React.createElement(Col, {
+      flex: "none"
+    }, /*#__PURE__*/React.createElement(Space, {
+      size: theme === null || theme === void 0 ? void 0 : theme.button_group_space_size
+    }, /*#__PURE__*/React.createElement(Button, _extends({
+      onClick: handleReset
+    }, resetButtonProps), resetText), title ? /*#__PURE__*/React.createElement(Tooltip, {
+      title: "".concat(title, "\u5B57\u6BB5\u4E3A\u5FC5\u586B\u9879"),
+      className: "sooloer-filter-btn-tooltip"
+    }, /*#__PURE__*/React.createElement(Button, _extends({
+      type: "primary",
+      htmlType: "submit",
+      disabled: disabled || !!title
+    }, buttonProps), searchText)) : /*#__PURE__*/React.createElement(Button, _extends({
+      type: "primary",
+      htmlType: "submit",
+      disabled: disabled
+    }, buttonProps), searchText))));
+  }))), /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, fixedOtherFields.map(function (item) {
+    return /*#__PURE__*/React.createElement(Col, {
+      key: item.name,
+      flex: calcFieldSpan(item),
+      style: {
+        maxWidth: calcFieldSpan(item)
+      }
+    }, /*#__PURE__*/React.createElement(Field, _extends({}, item, {
+      labelWidth: labelWidth
+    })));
+  }), moreFixedFields.map(function (item) {
+    return /*#__PURE__*/React.createElement(Col, {
+      className: classnames({
+        'sooloer-filter-field-hidden': !isExpanded
+      }),
+      key: item.name,
+      flex: calcFieldSpan(item),
+      style: {
+        maxWidth: calcFieldSpan(item)
+      }
+    }, /*#__PURE__*/React.createElement(Field, _extends({}, item, {
+      labelWidth: labelWidth
+    })));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classnames('sooloer-filter-field-more', {
+      'is-mask': maskable,
+      'is-hidden': !isExpanded
+    }),
+    style: isExpanded && maskable ? {
+      top: clientHeight
+    } : {}
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, moreFields.map(function (item) {
+    return /*#__PURE__*/React.createElement(Col, {
+      key: item.name,
+      flex: calcFieldSpan(item),
+      style: {
+        maxWidth: calcFieldSpan(item)
+      }
+    }, /*#__PURE__*/React.createElement(Field, _extends({}, item, {
+      labelWidth: labelWidth
+    })));
+  })))))), maskable && (wrappRef === null || wrappRef === void 0 ? void 0 : wrappRef.current) && /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      console.log(1111);
+      handleIsExpanded(false);
+    },
+    className: classnames('sooloer-filter-mask', {
+      'is-hidden': !isExpanded
+    })
+  }));
+};
+
+// @ts-ignore
+export default /*#__PURE__*/forwardRef(ProFilter);

package/dist/filter/index.less

@@ -0,0 +1,84 @@
+.sooloer-filter {
+  position: relative;
+  padding: 0 12px;
+
+  .btn-expanded {
+    .anticon-down {
+      margin-left: 4px;
+    }
+    &.is-expanded {
+      .anticon-down {
+        transform: translateY(-2px) rotate(-180deg);
+      }
+    }
+  }
+  .sooloer-filter-container {
+    position: relative;
+    transition: all 0.2s cubic-bezier(0.9, 0, 0.3, 0.7);
+  }
+  .sooloer-filter-field-item {
+    margin: 8px 0;
+  }
+
+  .sooloer-filter-field-more {
+    margin-right: -12px;
+    margin-left: -12px;
+    padding: 0 12px 6px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    transform-origin: top;
+    transition: all 0.2s cubic-bezier(0.9, 0, 0.3, 0.7);
+    &.is-mask {
+      position: absolute;
+      right: 0;
+      left: 0;
+      z-index: 9;
+      max-height: 240px;
+      background-color: #fff;
+      box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.1);
+    }
+    &.is-hidden {
+      max-height: 0;
+      transform: scaleY(0);
+    }
+  }
+  .sooloer-filter-field-fixed {
+    position: relative;
+    z-index: 1;
+    background-color: #fff;
+  }
+  .sooloer-filter-field-expand {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    max-height: 240px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    background: #fff;
+    box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
+    opacity: 1;
+    &.is-hidden {
+      height: 0;
+      opacity: 0;
+    }
+  }
+  .sooloer-filter-field-hidden {
+    display: none;
+  }
+
+  .sooloer-filter-btn-tooltip {
+    width: 100%;
+  }
+  &-mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 0;
+    background-color: rgba(0, 0, 0, 0.45);
+    &.is-hidden {
+      display: none;
+    }
+  }
+}

package/dist/filter/typing.d.ts

@@ -0,0 +1,148 @@
+import React from 'react';
+export type InternalNamePath = (string | number)[];
+export type NamePath = string | number | InternalNamePath;
+export interface Meta {
+    name: InternalNamePath;
+}
+export interface InternalFieldData extends Meta {
+    value: any;
+}
+export interface FieldData extends Partial<Omit<InternalFieldData, 'name'>> {
+    name: NamePath;
+}
+export interface Callbacks<Values = any> {
+    onSearch?: (values: Values) => void;
+    onReset?: (values: Values) => void;
+    onExpandChange?: (isMore: boolean) => void;
+    onValuesChange?: (changedFields: Record<string, unknown>, allFields: Record<string, unknown>) => void;
+}
+export interface OptionProps {
+    value?: string | number;
+    label?: string | React.ReactNode;
+}
+/**
+ * 筛选项 props
+ */
+export interface ProFieldProps {
+    /**
+     * @description 标签文本
+     */
+    label?: string;
+    /**
+     * @description 字段名，支持数组
+     */
+    name?: string;
+    /**
+     * @description 筛选项所占列数
+     * @default 1
+     */
+    colSpan?: number;
+    /**
+     * @description 筛选项类型，date、select、dateRange 等可通过扩展属性操作
+     * @default input
+     */
+    type?: string;
+    /**
+     * @description 自定义筛选项
+     */
+    fieldRender?: React.ReactNode;
+    /**
+     * @description 筛选项是否折叠
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * @description 必填样式设置
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * @description 配置提示信息
+     */
+    tooltip?: string | React.ReactNode;
+    /**
+     * @description 组件相关扩展属性
+     */
+    widgetProps?: Record<string, any>;
+    [name: string]: any;
+}
+/**
+ * Filter 配置 props
+ */
+export interface ProFilterProps<Values = any> {
+    /**
+     * @description 标签的宽度
+     * @default 98
+     */
+    labelWidth?: number;
+    /**
+     * @description 重置按钮的文本
+     * @default 重置
+     */
+    resetText?: string;
+    /**
+     * @description 可设置搜索栏栅格分数
+     * @default 系统根据容器自动计算
+     */
+    gridColumns?: number;
+    /**
+     * @description 查询按钮的文本
+     * @default 查询
+     */
+    searchText?: string;
+    /**
+     * @description 查询按钮 props
+     */
+    searchButtonProps?: any;
+    /**
+     * @description 是否展示查询、搜索按钮区域
+     * @default true
+     */
+    searchable?: boolean;
+    /**
+     * @description 重置按钮 props
+     */
+    resetButtonProps?: any;
+    /**
+     * @description 表单默认值，只有初始化以及重置时生效
+     */
+    initialValues?: Record<string, unknown>;
+    /**
+     * @description 通过状态管理控制表单字段
+     */
+    values?: Record<string, unknown>;
+    /**
+     * @description 更多筛选项时，展开形式, 默认遮盖，false 时占位
+     * @default true
+     */
+    maskable?: boolean;
+    /**
+     * @description 初始化
+     * @default []
+     */
+    fields?: ProFieldProps[];
+    /**
+     * @description 展开更多筛选项时，根据父节点展示蒙层
+     */
+    wrappRef?: any;
+    /**
+     * @description 获取Form实例
+     */
+    ref?: any;
+    /**
+     * @description 提交表单后回调事件
+     */
+    onSearch?: Callbacks<Values>['onSearch'];
+    /**
+     * @description 重置表后回调事件
+     */
+    onReset?: Callbacks<Values>['onReset'];
+    /**
+     * @description 字段更新时触发回调事件
+     */
+    onValuesChange?: Callbacks<Values>['onValuesChange'];
+    /**
+     * @description 筛选项更多展开 or 收缩时触发
+     */
+    onExpandChange?: Callbacks<Values>['onExpandChange'];
+}

package/dist/filter/typing.js

@@ -0,0 +1 @@
+export {};

package/dist/footer/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/footer/demo/basic.js

@@ -0,0 +1,44 @@
+import { ProFooter } from "../..";
+import React from 'react';
+export default (function () {
+  var buttonSource = [{
+    buttonProps: {
+      onClick: function onClick() {
+        console.log('上传');
+      }
+    },
+    fixed: true,
+    text: '上传'
+  }, {
+    buttonProps: {
+      type: 'primary',
+      onClick: function onClick() {
+        console.log('修改');
+      }
+    },
+    fixed: true,
+    text: '修改'
+  }, {
+    buttonProps: {
+      type: 'primary',
+      danger: true,
+      onClick: function onClick() {
+        console.log('删除');
+      }
+    },
+    fixed: true,
+    text: '删除'
+  }];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProFooter, {
+    leftRender: /*#__PURE__*/React.createElement(React.Fragment, null, "leftRender"),
+    toolbars: {
+      buttons: buttonSource
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProFooter, {
+    leftRender: /*#__PURE__*/React.createElement(React.Fragment, null, "leftRender")
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProFooter, {
+    toolbars: {
+      buttons: buttonSource
+    }
+  })));
+});

package/dist/footer/demo/right-render.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;