doui-react 1.0.0

package/es/stack/component/center-stack.js

@@ -0,0 +1,32 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["refs", "wrap", "gap", "flex", "vertical"];
+import { combineClassName } from "../../api";
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function useCenterStack(_ref) {
+  var refs = _ref.refs,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? false : _ref$wrap,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
+    _ref$flex = _ref.flex,
+    flex = _ref$flex === void 0 ? 1 : _ref$flex,
+    vertical = _ref.vertical,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var css = style.centerStack({
+    wrap: wrap,
+    gap: gap,
+    flex: flex,
+    vertical: vertical
+  });
+  return _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: refs,
+    css: css,
+    className: combineClassName('center-stack', restProps)
+  });
+}
+export function CenterStack(props) {
+  var params = useCenterStack(props);
+  return _jsx("div", _objectSpread({}, params));
+}

package/es/stack/component/h-stack.d.ts

@@ -0,0 +1,2 @@
+import { HStackProps } from '../type';
+export declare function HStack(props: HStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/stack/component/h-stack.js

@@ -0,0 +1,39 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["refs", "wrap", "gap", "flex", "width", "justify", "align"];
+import { combineClassName } from "../../api";
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function useHStack(_ref) {
+  var refs = _ref.refs,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? false : _ref$wrap,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
+    _ref$flex = _ref.flex,
+    flex = _ref$flex === void 0 ? 1 : _ref$flex,
+    width = _ref.width,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? 'left' : _ref$justify,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var css = style.hStack({
+    wrap: wrap,
+    gap: gap,
+    flex: flex,
+    justify: justify,
+    align: align,
+    width: width,
+    style: restProps.style
+  });
+  return _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: refs,
+    css: css,
+    className: combineClassName('h-stack', restProps)
+  });
+}
+export function HStack(props) {
+  var params = useHStack(props);
+  return _jsx("div", _objectSpread({}, params));
+}

package/es/stack/component/index.d.ts

@@ -0,0 +1,3 @@
+export * from './center-stack';
+export * from './h-stack';
+export * from './v-stack';

package/es/stack/component/index.js

@@ -0,0 +1,3 @@
+export * from "./center-stack";
+export * from "./h-stack";
+export * from "./v-stack";

package/es/stack/component/v-stack.d.ts

@@ -0,0 +1,2 @@
+import { VStackProps } from '../type';
+export declare function VStack(props: VStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/stack/component/v-stack.js

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["refs", "gap", "flex", "justify", "align", "width"];
+import { combineClassName } from "../../api";
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function useVStack(_ref) {
+  var refs = _ref.refs,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
+    _ref$flex = _ref.flex,
+    flex = _ref$flex === void 0 ? 1 : _ref$flex,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? 'between' : _ref$justify,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'top' : _ref$align,
+    width = _ref.width,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var css = style.vStack({
+    gap: gap,
+    flex: flex,
+    justify: justify,
+    align: align,
+    width: width,
+    style: restProps.style
+  });
+  return _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: refs,
+    css: css,
+    className: combineClassName('v-stack', restProps)
+  });
+}
+export function VStack(props) {
+  var params = useVStack(props);
+  return _jsx("div", _objectSpread({}, params));
+}

package/es/stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/stack/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/stack/style/index.d.ts

@@ -0,0 +1,21 @@
+import { CenterStackProps, HStackProps, VStackProps } from '../type';
+export declare const justifyMap: {
+    left: string;
+    right: string;
+    center: string;
+    between: string;
+};
+export declare const alignMap: {
+    top: string;
+    bottom: string;
+    center: string;
+    between: string;
+};
+export declare function getAlign(align: HStackProps['align']): string;
+export declare function getWidthAndFlex({ width, style, flex }: Partial<HStackProps>): import("@emotion/react").SerializedStyles;
+declare const style: {
+    hStack: (props: Partial<HStackProps>) => import("@emotion/react").SerializedStyles;
+    vStack: (props: Partial<VStackProps>) => import("@emotion/react").SerializedStyles;
+    centerStack: (props: Partial<CenterStackProps>) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/stack/style/index.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { flexStyle, transformValueToFlex, transformValueWithStyleUnit } from "../../api";
+import { css } from '@emotion/react';
+import _ from 'lodash';
+export var justifyMap = {
+  left: 'flex-start',
+  right: 'flex-end',
+  center: 'center',
+  between: 'space-between'
+};
+export var alignMap = {
+  top: 'flex-start',
+  bottom: 'flex-end',
+  center: 'center',
+  between: 'space-between'
+};
+function getJustify(justify) {
+  return _.get(justifyMap, justify);
+}
+export function getAlign(align) {
+  return _.get(alignMap, align);
+}
+export function getWidthAndFlex(_ref) {
+  var width = _ref.width,
+    style = _ref.style,
+    flex = _ref.flex;
+  var finalWidth = width !== null && width !== void 0 ? width : style === null || style === void 0 ? void 0 : style.width;
+  if (finalWidth) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      width: ", ";\n    "])), transformValueWithStyleUnit(finalWidth));
+  }
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: ", ";\n    width: 100%;\n  "])), transformValueToFlex(flex, 1));
+}
+var style = {
+  hStack: function hStack(props) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n    justify-content: ", ";\n    align-items: ", ";\n    align-content: ", ";\n    ", "\n  "])), flexStyle(props), getJustify(props.justify), getAlign(props.align), getAlign(props.align), getWidthAndFlex(props));
+  },
+  vStack: function vStack(props) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    justify-content: ", ";\n    align-items: ", ";\n    ", "\n  "])), flexStyle(_objectSpread(_objectSpread({}, props), {}, {
+      vertical: true,
+      wrap: false
+    })), getAlign(props.align), getJustify(props.justify), getWidthAndFlex(props));
+  },
+  centerStack: function centerStack(props) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n    justify-content: center;\n    align-items: center;\n    align-content: center;\n    flex: ", ";\n  "])), flexStyle(props), transformValueToFlex(props.flex));
+  }
+};
+export default style;

package/es/stack/type/index.d.ts

@@ -0,0 +1,54 @@
+import { BaseComponentProps } from "../../api";
+import { ReactNode } from 'react';
+import { alignMap, justifyMap } from '../style';
+interface StackProps extends BaseComponentProps {
+    children: ReactNode;
+    /**
+     * @description flex 布局属性
+     * @default 1
+     */
+    flex?: number | string;
+    /**
+     * @description 间距，如果是数组，第一个为水平间距，第二个为垂直间距
+     * @default 0
+     */
+    gap?: number | [number, number];
+    /**
+     * @description 是否自动换行
+     * @default false
+     */
+    wrap?: boolean;
+    width?: string | number;
+}
+export interface HStackProps extends StackProps {
+    /**
+     * @description 水平排列方式
+     * @default left
+     */
+    justify?: keyof typeof justifyMap;
+    /**
+     * @description 垂直排列方式
+     * @default center
+     */
+    align?: keyof typeof alignMap;
+}
+export interface VStackProps extends Omit<StackProps, 'wrap'> {
+    /**
+     * @description 水平排列方式
+     * @default between
+     */
+    justify?: keyof typeof justifyMap;
+    /**
+     * @description 垂直排列方式
+     * @default top
+     */
+    align?: keyof typeof alignMap;
+}
+export interface CenterStackProps extends StackProps {
+    /**
+     * @description 是否垂直排列
+     * @default false
+     */
+    vertical?: boolean;
+}
+export {};

package/es/stack/type/index.js

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

package/es/switch/component/index.d.ts

@@ -0,0 +1,2 @@
+import { SwitchProps } from '../type';
+export declare function Switch({ tooltip, ...props }: SwitchProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/switch/component/index.js

@@ -0,0 +1,60 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "disabled", "checkedColor", "unCheckedColor", "refs"],
+  _excluded2 = ["tooltip"];
+import { useLoading } from "../../hooks";
+import { generateTooltip } from "../../text";
+import { Tooltip } from "../../tooltip";
+import { cx } from '@emotion/css';
+import { Switch as AntdSwitch } from 'antd';
+import _ from 'lodash';
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+ * 1. 单独抽离 SwitchComponent，修复切换 Switch 时，无动画的问题
+ * 2. disabled 时，无法显示 Tooltip，需要自行处理该场景
+ * 3. 支持 checkedColor 和 unCheckedColor 自定义颜色
+ */
+function SwitchComponent(_ref) {
+  var value = _ref.value,
+    disabled = _ref.disabled,
+    checkedColor = _ref.checkedColor,
+    unCheckedColor = _ref.unCheckedColor,
+    refs = _ref.refs,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useLoading = useLoading(props.onChange),
+    _useLoading2 = _slicedToArray(_useLoading, 2),
+    loading = _useLoading2[0],
+    onChange = _useLoading2[1];
+  var className = cx({
+    'ant-switch-disabled': disabled
+  }, props.className);
+  function handleChange(checked) {
+    !disabled && onChange(checked);
+  }
+  return _jsx(AntdSwitch, _objectSpread(_objectSpread({
+    ref: refs,
+    loading: loading,
+    css: style.backgroundColor({
+      value: value,
+      checkedColor: checkedColor,
+      unCheckedColor: unCheckedColor
+    })
+  }, props), {}, {
+    className: className,
+    checked: value,
+    onChange: handleChange
+  }));
+}
+export function Switch(_ref2) {
+  var tooltip = _ref2.tooltip,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  if (_.isNil(tooltip)) {
+    return _jsx(SwitchComponent, _objectSpread({}, props));
+  }
+  var tooltipProps = generateTooltip(tooltip);
+  return _jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+    children: _jsx(SwitchComponent, _objectSpread({}, props))
+  }));
+}

package/es/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/switch/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/switch/style/index.d.ts

@@ -0,0 +1,5 @@
+import { SwitchProps } from '../type';
+declare const style: {
+    backgroundColor: ({ value, checkedColor, unCheckedColor }: SwitchProps) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/switch/style/index.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+var style = {
+  backgroundColor: function backgroundColor(_ref) {
+    var value = _ref.value,
+      checkedColor = _ref.checkedColor,
+      unCheckedColor = _ref.unCheckedColor;
+    var color = value ? checkedColor : unCheckedColor;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n    "])), color);
+  }
+};
+export default style;

package/es/switch/type/index.d.ts

@@ -0,0 +1,27 @@
+import { BaseComponentProps, FunctionReturn } from "../../api";
+import { SwitchProps as AntdSwitchProps } from 'antd/lib/switch';
+import { EllipsisConfig } from 'antd/lib/typography/Base';
+export interface SwitchProps extends AntdSwitchProps, BaseComponentProps {
+    /**
+     * @description 提示信息
+     * @replaceAll ReactNode | TooltipProps
+     * @link TooltipProps: https://4x.ant.design/components/tooltip-cn/#API
+     */
+    tooltip?: EllipsisConfig['tooltip'];
+    /**
+     * @description 当前值
+     */
+    value?: boolean;
+    /**
+     * @description 选中颜色
+     */
+    checkedColor?: string;
+    /**
+     * @description 未选中颜色
+     */
+    unCheckedColor?: string;
+    /**
+     * @description 点击时的回调函数
+     */
+    onChange?: (value: boolean) => FunctionReturn<void>;
+}

package/es/switch/type/index.js

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

package/es/table/component/action-button.d.ts

@@ -0,0 +1,2 @@
+import { ActionProps } from "..";
+export declare function ActionButton({ operation: operationType, defaultValue, insertIndex, index, from, to, focusFirstOnAdd, ...props }: ActionProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/table/component/action-button.js

@@ -0,0 +1,95 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["operation", "defaultValue", "insertIndex", "index", "from", "to", "focusFirstOnAdd"];
+import { executeFunction, mergeProps, uuid } from "../../api";
+import { Button } from "../../button";
+import { useFormContext } from "../../form";
+import { scrollToFieldOnAdd } from "../../form/component/utils";
+import { isValidMoveAction, isValidMoveDownAction, isValidMoveUpAction } from "../../hooks";
+import { useTableContext } from "./..";
+import _ from 'lodash';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function generateAction(action, params) {
+  return _objectSpread(_objectSpread({}, action), {}, {
+    icon: executeFunction(action.icon, params),
+    show: executeFunction(action.show, params),
+    disabled: executeFunction(action.disabled, params),
+    tooltip: executeFunction(action.tooltip, params),
+    confirm: executeFunction(action.confirm, params),
+    confirmMessage: executeFunction(action.confirmMessage, params),
+    onClick: function onClick() {
+      var _action$onClick;
+      return (_action$onClick = action.onClick) === null || _action$onClick === void 0 ? void 0 : _action$onClick.call(action, params);
+    }
+  });
+}
+function getDefaultValue() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rowKey = arguments.length > 1 ? arguments[1] : undefined;
+  var defaultKey = _.get(defaultValue, rowKey, uuid());
+  return _objectSpread(_objectSpread({}, defaultValue), {}, _defineProperty({}, rowKey, defaultKey));
+}
+export function ActionButton(_ref) {
+  var operationType = _ref.operation,
+    defaultValue = _ref.defaultValue,
+    insertIndex = _ref.insertIndex,
+    index = _ref.index,
+    _ref$from = _ref.from,
+    from = _ref$from === void 0 ? 0 : _ref$from,
+    _ref$to = _ref.to,
+    to = _ref$to === void 0 ? 0 : _ref$to,
+    focusFirstOnAdd = _ref.focusFirstOnAdd,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form;
+  var context = useTableContext();
+  var action = generateAction(props, context);
+  if (operationType) {
+    var rowKey = context.rowKey,
+      dataSource = context.dataSource,
+      operation = context.operation,
+      editorValueKey = context.editorValueKey;
+    var propsMap = {
+      add: {
+        onClick: function onClick() {
+          var value = getDefaultValue(defaultValue, rowKey);
+          operation.add(value, insertIndex);
+          return scrollToFieldOnAdd({
+            form: form,
+            name: editorValueKey,
+            insertIndex: insertIndex !== null && insertIndex !== void 0 ? insertIndex : dataSource.length,
+            focusFirstOnAdd: focusFirstOnAdd
+          });
+        }
+      },
+      remove: {
+        onClick: function onClick() {
+          return operation.remove(index);
+        }
+      },
+      moveUp: {
+        onClick: function onClick() {
+          return operation.moveUp(index);
+        },
+        disabled: !isValidMoveUpAction(index)
+      },
+      moveDown: {
+        onClick: function onClick() {
+          return operation.moveDown(index);
+        },
+        disabled: !isValidMoveDownAction(index, dataSource)
+      },
+      move: {
+        onClick: function onClick() {
+          return operation.move(from, to);
+        },
+        disabled: !isValidMoveAction(from, to, dataSource)
+      }
+    };
+    var operationProps = propsMap[operationType];
+    var mergedProps = mergeProps(operationProps, action);
+    return _jsx(Button, _objectSpread({}, mergedProps));
+  }
+  return _jsx(Button, _objectSpread({}, action));
+}

package/es/table/component/actions.d.ts

@@ -0,0 +1,2 @@
+import { ComponentProps } from './wrapper';
+export declare function Actions({ column, children, ...props }: ComponentProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/table/component/actions.js

@@ -0,0 +1,35 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["column", "children"];
+import { executeFunction } from "../../api";
+import { useTableContext } from "./..";
+import { Divider, Space } from 'antd';
+import _ from 'lodash';
+import style from "../style";
+import { ActionButton } from "./action-button";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Actions(_ref) {
+  var column = _ref.column,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useTableContext();
+  var params = _objectSpread(_objectSpread({}, props), context);
+  var items = executeFunction(column.actions, params);
+  var showItems = _.filter(items, function (item) {
+    return executeFunction(item.show, params) !== false;
+  });
+  return _jsx(Space, {
+    split: _jsx(Divider, {
+      type: "vertical",
+      css: style.divider
+    }),
+    size: 0,
+    children: showItems.map(function (item, index) {
+      return _jsx(ActionButton, _objectSpread({
+        type: "link",
+        loading: false,
+        index: params.index
+      }, item), index);
+    })
+  });
+}

package/es/table/component/constant.d.ts

@@ -0,0 +1 @@
+export declare const formPropsKeysInTable: string[];

package/es/table/component/constant.js

@@ -0,0 +1,5 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _ from 'lodash';
+import { formPropsKeys as formPropsKeysInModal } from "../../open-modal/component/constant";
+var formPropsKeys = _.without(formPropsKeysInModal, 'children', 'footer', 'initialContext', 'size', 'loading');
+export var formPropsKeysInTable = [].concat(_toConsumableArray(formPropsKeys), ['className', 'style']);

package/es/table/component/editor.d.ts

@@ -0,0 +1,2 @@
+import { ComponentProps } from './wrapper';
+export declare function Editor({ column, current, record, index }: ComponentProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/table/component/editor.js

@@ -0,0 +1,35 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { executeFunction } from "../../api";
+import { Form, FormListProvider } from "../../form";
+import { useTableContext } from "./..";
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Editor(_ref) {
+  var column = _ref.column,
+    current = _ref.current,
+    record = _ref.record,
+    index = _ref.index;
+  var dataIndex = column.dataIndex,
+    editorProps = column.editorProps,
+    title = column.title;
+  var context = useTableContext();
+  var name = "".concat(context.editorValueKey, ".").concat(index, ".").concat(dataIndex);
+  var params = _objectSpread({
+    current: current,
+    record: record,
+    index: index
+  }, context);
+  var props = executeFunction(editorProps, params);
+  return (
+    // @ts-ignore 占位的作用
+    _jsx(FormListProvider, {
+      children: _jsx(Form.FormItem, _objectSpread({
+        label: title,
+        name: name,
+        css: style.editor,
+        initialValue: current,
+        isListField: true
+      }, props))
+    })
+  );
+}

package/es/table/component/filter.d.ts

@@ -0,0 +1,3 @@
+import { Column } from "..";
+import { ColumnType } from 'antd/lib/table';
+export declare function getFilterColumn(column: Column): ColumnType<any>;

package/es/table/component/filter.js

@@ -0,0 +1,55 @@
+import { includesNonStrictMode } from "../../api";
+import { FilterOutlined } from '@ant-design/icons';
+import _ from 'lodash';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function getFilterColumn(column) {
+  var filters = generateFilters(column);
+  return {
+    filters: filters,
+    // filterDropdown: (props: FilterDropdownProps) => <Filter {...props} filters={filters} />,
+    filterIcon: function filterIcon(filtered) {
+      return _jsx(FilterOutlined, {
+        style: {
+          color: filtered ? '#108ee9' : '#aaa'
+        }
+      });
+    },
+    onFilter: function onFilter() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return filter.apply(void 0, [column].concat(args));
+    }
+  };
+}
+function generateFilters(_ref) {
+  var filters = _ref.filters;
+  return _.map(filters, function (filter) {
+    if (_.isObject(filter)) {
+      return filter;
+    }
+    return {
+      text: filter,
+      value: filter
+    };
+  });
+}
+function filter(column, search, record) {
+  var _column$dataIndex = column.dataIndex,
+    dataIndex = _column$dataIndex === void 0 ? '' : _column$dataIndex,
+    filterBy = column.filterBy;
+  var current = record[dataIndex];
+  if (_.isFunction(filterBy)) {
+    return filterBy({
+      record: record,
+      current: current,
+      filter: search
+    });
+  }
+  if (_.isArray(filterBy)) {
+    return filterBy.some(function (key) {
+      return record[key] === search;
+    });
+  }
+  return includesNonStrictMode([current], search);
+}

package/es/table/component/index.d.ts

@@ -0,0 +1,7 @@
+import { ActionButton } from './action-button';
+import { Table as InternalTable } from './table';
+type TableType = typeof InternalTable & {
+    ActionButton: typeof ActionButton;
+};
+export declare const Table: TableType;
+export {};

package/es/table/component/index.js

@@ -0,0 +1,4 @@
+import { ActionButton } from "./action-button";
+import { Table as InternalTable } from "./table";
+export var Table = InternalTable;
+Table.ActionButton = ActionButton;