doui-react 2.0.7 → 2.0.9

package/es/color-picker/component/index.d.ts

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

package/es/color-picker/component/index.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["onChange"];
+import { getPopupContainer } from "../../api";
+import { ColorPicker as AntdColorPicker } from 'antd';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function ColorPicker(_ref) {
+  var _onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(AntdColorPicker, _objectSpread({
+    allowClear: true,
+    onChange: function onChange(color) {
+      _onChange === null || _onChange === void 0 || _onChange(color.cleared ? undefined : color.toHexString());
+    },
+    getPopupContainer: getPopupContainer
+  }, props));
+}

package/es/color-picker/index.d.ts

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

package/es/color-picker/index.js

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

package/es/color-picker/type/index.d.ts

@@ -0,0 +1,7 @@
+import { ColorPickerProps as AntdColorPickerProps } from 'antd';
+export interface ColorPickerProps extends Omit<AntdColorPickerProps, 'onChange'> {
+    /**
+     * @description 回调方法
+     */
+    onChange?: (value?: string) => void;
+}

package/es/color-picker/type/index.js

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

package/es/form/component/form-item-map.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { CheckboxProps } from "../../checkbox";
+import { ColorPicker } from "../../color-picker";
 import { DatePicker, RangePicker } from "../../date-picker";
 import { FormInstance, FormItemContext, FormItemProps } from "..";
 import { Radio } from "../../radio";
@@ -35,6 +36,7 @@ export declare const formItemMap: {
     switch: typeof Switch;
     radio: typeof Radio;
     slider: import("react").ForwardRefExoticComponent<(import("antd").SliderSingleProps | import("antd/es/slider").SliderRangeProps) & import("react").RefAttributes<import("rc-slider").SliderRef>>;
+    colorPicker: typeof ColorPicker;
     date: typeof DatePicker;
     rangeDate: typeof RangePicker;
 };

package/es/form/component/form-item-map.js

@@ -4,6 +4,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["name", "collectState", "filterNotExistValue", "requiredInOptions", "form"];
 import { Checkbox } from "../../checkbox";
+import { ColorPicker } from "../../color-picker";
 import { DatePicker, RangePicker } from "../../date-picker";
 import { useFormContext } from "./..";
 import { useDebounce } from "../../hooks";
@@ -116,6 +117,7 @@ export var formItemMap = _objectSpread({
   switch: Switch,
   radio: Radio,
   slider: Slider,
+  colorPicker: ColorPicker,
   date: DatePicker,
   rangeDate: RangePicker
 }, supportCollectStateItem);

package/es/form/component/utils.d.ts

@@ -38,26 +38,26 @@ export declare function getFormItemProps(props: any): {
         defaultVisible?: boolean | undefined;
         onVisibleChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
-        animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
-        transitionName?: string | undefined;
         prefixCls?: string | undefined;
-        forceRender?: boolean | undefined;
-        id?: string | undefined;
-        align?: import("@rc-component/trigger").AlignType | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
         fresh?: boolean | undefined;
         mouseLeaveDelay?: number | undefined;
         mouseEnterDelay?: number | undefined;
+        forceRender?: boolean | undefined;
         popupVisible?: boolean | undefined;
         trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+        transitionName?: string | undefined;
+        animation?: string | undefined;
+        motion?: import("rc-motion").CSSMotionProps | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName?: string | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+        align?: import("@rc-component/trigger").AlignType | undefined;
         showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
         arrowContent?: import("react").ReactNode;
+        id?: string | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
+        zIndex?: number | undefined;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
     } | undefined;
     initialValue: any;
@@ -85,7 +85,7 @@ export declare function transformPathToName(path?: NamePath): string | undefined
 export declare function transformKeyToPath(params?: Record<string, any>): Record<string, any>;
 export declare function parseFormFailedError(error: ValidateErrorEntity): Record<string, string>;
 export declare function noStyle(item: FormItemProps): boolean;
-export declare function transformOptions(item: FormItemProps, values: FormValues, params: CommonParams): ((values: FormValues, params: import("..").OptionsParams) => import("../../api").FunctionReturn<SelectOptions>) | import("../../api").FunctionReturn<SelectOptions> | ((search?: string) => import("../../api").FunctionReturn<SelectOptions>) | undefined;
+export declare function transformOptions(item: FormItemProps, values: FormValues, params: CommonParams): import("../../api").FunctionReturn<SelectOptions> | ((values: FormValues, params: import("..").OptionsParams) => import("../../api").FunctionReturn<SelectOptions>) | ((search?: string) => import("../../api").FunctionReturn<SelectOptions>) | undefined;
 interface FocusFirstInputParams extends CommonParams {
     focusFirstOnMount: FormProps['focusFirstOnMount'];
 }

package/es/index.d.ts

@@ -3,6 +3,7 @@ export * from './hooks';
 export * from './icon';
 export { Button, type ButtonProps } from './button';
 export { Checkbox, type CheckboxProps } from './checkbox';
+export { ColorPicker, type ColorPickerProps } from './color-picker';
 export { DatePicker, RangePicker, type DatePickerProps, type RangePickerProps } from './date-picker';
 export { Empty, type EmptyProps } from './empty';
 export { Form, useForm, useFormContext, useFormListContext, useFormValue, useFormValueChange, useValidateForm, useValidateNotExistValue, type FormContext, type FormItemChildrenProps, type FormItemProps, type FormItemRenderProps, type FormProps, type FormValues, type SubmitButtonProps, } from './form';
@@ -16,7 +17,7 @@ export { Radio, type RadioProps } from './radio';
 export { Select, type SelectProps } from './select';
 export { CenterStack, HStack, VStack, type CenterStackProps, type HStackProps, type VStackProps } from './stack';
 export { Switch, type SwitchProps } from './switch';
-export { Table, useSearchColumn, useTableContext, type ActionProps as TableActionProps, type Column as TableColumn, type RenderProps as TableColumnRenderProps, type TableContext, type TableProps, } from './table';
+export { Table, useSearchColumn, useTableContext, type DisplayColumnProps, type ActionProps as TableActionProps, type Column as TableColumn, type RenderProps as TableColumnRenderProps, type TableContext, type TableProps, } from './table';
 export { Tabs, type TabsProps } from './tabs';
 export { Text, type TextProps } from './text';
 export { Tooltip, type TooltipProps } from './tooltip';

package/es/index.js

@@ -3,6 +3,7 @@ export * from "./hooks";
 export * from "./icon";
 export { Button } from "./button";
 export { Checkbox } from "./checkbox";
+export { ColorPicker } from "./color-picker";
 export { DatePicker, RangePicker } from "./date-picker";
 export { Empty } from "./empty";
 export { Form, useForm, useFormContext, useFormListContext, useFormValue, useFormValueChange, useValidateForm, useValidateNotExistValue } from "./form";

package/es/open-modal/style/index.js

@@ -12,7 +12,7 @@ var style = {
   wrapper: function wrapper(_ref) {
     var bodyBottomMargin = _ref.bodyBottomMargin,
       titleCenter = _ref.titleCenter;
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-modal-title {\n      font-size: 16px;\n      ", "\n    }\n\n    .ant-modal-body {\n      overflow: auto;\n      max-height: calc(100vh - 300px);\n      border-top: 1px solid #f0f0f0;\n      border-bottom: 1px solid #f0f0f0;\n      margin: 15px 0 20px;\n      padding: 20px 0 ", ";\n    }\n\n    .do-table-wrapper {\n      height: unset;\n    }\n\n    &:not(:has(.ant-modal-footer)) {\n      .", " {\n        display: none;\n      }\n    }\n  "])), titleStyle(titleCenter), bodyBottomMargin, getClassName('footer-divider'));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-modal-title {\n      font-size: 16px;\n      ", "\n    }\n\n    .ant-modal-body {\n      overflow: hidden auto;\n      max-height: calc(100vh - 300px);\n      border-top: 1px solid #f0f0f0;\n      border-bottom: 1px solid #f0f0f0;\n      margin: 15px 0 20px;\n      padding: 20px 0 ", ";\n    }\n\n    .do-table-wrapper {\n      height: unset;\n    }\n\n    &:not(:has(.ant-modal-footer)) {\n      .", " {\n        display: none;\n      }\n    }\n  "])), titleStyle(titleCenter), bodyBottomMargin, getClassName('footer-divider'));
   }
 };
 export default style;

package/es/radio/component/abstract-box.d.ts

@@ -36,26 +36,26 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         defaultVisible?: boolean | undefined;
         onVisibleChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
-        animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
-        transitionName?: string | undefined;
         prefixCls?: string | undefined;
-        forceRender?: boolean | undefined;
-        id?: string | undefined;
-        align?: import("@rc-component/trigger").AlignType | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
         fresh?: boolean | undefined;
         mouseLeaveDelay?: number | undefined;
         mouseEnterDelay?: number | undefined;
+        forceRender?: boolean | undefined;
         popupVisible?: boolean | undefined;
         trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+        transitionName?: string | undefined;
+        animation?: string | undefined;
+        motion?: import("rc-motion").CSSMotionProps | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName?: string | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+        align?: import("@rc-component/trigger").AlignType | undefined;
         showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
         arrowContent?: import("react").ReactNode;
+        id?: string | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
+        zIndex?: number | undefined;
     };
     boxProps: {
         onChange(e: CheckboxChangeEvent): void;
@@ -65,50 +65,49 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         value?: any;
         boxTooltip?: import("react").ReactNode | import("antd").TooltipProps;
         inGroup?: boolean | undefined;
+        prefixCls?: string | undefined;
+        disabled?: boolean | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        prefixCls?: string | undefined;
+        id?: string | undefined;
         rootClassName?: string | undefined;
+        checked?: boolean | undefined;
         name?: string | undefined;
+        required?: boolean | undefined;
+        type?: string | undefined;
         defaultChecked?: boolean | undefined;
         autoFocus?: boolean | undefined;
-        id?: string | undefined;
         tabIndex?: number | undefined;
+        title?: string | undefined;
         onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        disabled?: boolean | undefined;
-        type?: string | undefined;
-        checked?: boolean | undefined;
-        required?: boolean | undefined;
         indeterminate?: boolean | undefined;
         skipGroup?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        direction?: import("antd/es/config-provider").DirectionType;
-        translate?: "yes" | "no" | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
+        color?: string | undefined;
+        rows?: number | false | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
-        autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -128,13 +127,13 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -144,17 +143,17 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -165,13 +164,13 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "vertical" | "horizontal" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -209,6 +208,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
         onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
         onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
         onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
@@ -337,8 +337,8 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        direction?: import("antd/es/config-provider").DirectionType;
         tooltip?: import("react").ReactNode | import("antd").TooltipProps;
-        rows?: number | false | undefined;
         autoShowTooltip?: boolean | undefined;
         refs?: import("../../api").Refs | undefined;
         ref: import("../../api").Refs | undefined;

package/es/table/component/display-column.d.ts

@@ -0,0 +1,2 @@
+import { DisplayColumnProps } from "..";
+export declare function DisplayColumn({ value, onChange, storageKey, ...props }: DisplayColumnProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/table/component/display-column.js

@@ -0,0 +1,95 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["value", "onChange", "storageKey"];
+import { getPopupContainer } from "../../api";
+import { Button } from "../../button";
+import { Checkbox } from "../../checkbox";
+import { useTableContext } from "./..";
+import { SettingOutlined } from '@ant-design/icons';
+import { Popover } from 'antd';
+import _ from 'lodash';
+import { useEffect } from 'react';
+import { useLocalStorage } from 'react-use';
+import style from "../style";
+import { isActionsColumn } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function useControllableState(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$storageKey = _ref.storageKey,
+    storageKey = _ref$storageKey === void 0 ? 'default' : _ref$storageKey,
+    defaultOptions = _ref.defaultOptions;
+  var finalStorageKey = "table-display-column-".concat(storageKey);
+  var _useLocalStorage = useLocalStorage(finalStorageKey, defaultOptions),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    internalValue = _useLocalStorage2[0],
+    setInternalValue = _useLocalStorage2[1];
+  var _useTableContext = useTableContext(),
+    setContext = _useTableContext.setContext;
+  var finalValue = value !== null && value !== void 0 ? value : internalValue;
+  useEffect(function () {
+    setContext({
+      displayColumnKeys: finalValue
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [finalValue]);
+  return {
+    value: finalValue,
+    onChange: onChange !== null && onChange !== void 0 ? onChange : setInternalValue
+  };
+}
+function useOptions() {
+  var _useTableContext2 = useTableContext(),
+    columns = _useTableContext2.columns;
+  var options = _.filter(columns, function (column) {
+    return column.title && !isActionsColumn(column);
+  }).map(function (column) {
+    return {
+      label: column.title,
+      value: column.dataIndex
+    };
+  });
+  return {
+    options: options,
+    defaultOptions: _.map(options, 'value')
+  };
+}
+function Content(props) {
+  var _useOptions = useOptions(),
+    options = _useOptions.options,
+    defaultOptions = _useOptions.defaultOptions;
+  var _useControllableState = useControllableState(_objectSpread(_objectSpread({}, props), {}, {
+      defaultOptions: defaultOptions
+    })),
+    value = _useControllableState.value,
+    onChange = _useControllableState.onChange;
+  return _jsx(Checkbox, {
+    value: value,
+    onChange: onChange,
+    options: options,
+    sort: false,
+    css: style.displayColumn
+  });
+}
+export function DisplayColumn(_ref2) {
+  var value = _ref2.value,
+    onChange = _ref2.onChange,
+    storageKey = _ref2.storageKey,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return _jsx(Popover, {
+    placement: "bottomRight",
+    arrow: false,
+    trigger: "click",
+    forceRender: true,
+    getPopupContainer: getPopupContainer,
+    content: _jsx(Content, {
+      value: value,
+      onChange: onChange,
+      storageKey: storageKey
+    }),
+    children: _jsx(Button, _objectSpread({
+      icon: _jsx(SettingOutlined, {})
+    }, props))
+  });
+}

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

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

package/es/table/component/index.js

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

package/es/table/component/table.js

@@ -10,7 +10,7 @@ var _excluded = ["rowKey", "loading", "columns", "dataSource", "editorValueKey"]
 import { executeFunction, getClassName, includesNonStrictMode } from "../../api";
 import { Empty } from "../../empty";
 import { Form, useFormContext } from "../../form";
-import { useListOperation } from "../../hooks";
+import { useListOperation, useMemoFn } from "../../hooks";
 import { TableProvider, useSearchColumn } from "./..";
 import { cx } from '@emotion/css';
 import _ from 'lodash';
@@ -87,11 +87,51 @@ function useInit(_ref2) {
     value: dataSource,
     onChange: setDataSource
   });
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(function () {
-    return void refresh();
-  }, [data]);
+  var updateSelectedStatus = useMemoFn(function (keys) {
+    var data = _.map(dataSource, function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        __selected__: includesNonStrictMode(keys, item[rowKey])
+      });
+    });
+    setDataSource(data);
+  });
+  var refresh = useMemoFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref4,
+      onlyLoading,
+      params,
+      _yield$Promise$all,
+      _yield$Promise$all2,
+      res,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _ref4 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, onlyLoading = _ref4.onlyLoading, params = _objectWithoutProperties(_ref4, _excluded2);
+          setLoading(true);
+          if (!onlyLoading) {
+            _context2.next = 4;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 4:
+          _context2.prev = 4;
+          _context2.next = 7;
+          return Promise.all([executeFunction(data, params), getInitialContext(params)]);
+        case 7:
+          _yield$Promise$all = _context2.sent;
+          _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 1);
+          res = _yield$Promise$all2[0];
+          setDataSource(res || []);
+        case 11:
+          _context2.prev = 11;
+          setLoading(false);
+          return _context2.finish(11);
+        case 14:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[4,, 11, 14]]);
+  })));
   var context = _objectSpread(_objectSpread({}, contexts), {}, {
     refresh: refresh,
     dataSource: dataSource,
@@ -104,59 +144,14 @@ function useInit(_ref2) {
     },
     operation: operation,
     rowKey: rowKey,
+    columns: columns,
     editorValueKey: editorValueKey
   });
-  function updateSelectedStatus(keys) {
-    var data = _.map(dataSource, function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        __selected__: includesNonStrictMode(keys, item[rowKey])
-      });
-    });
-    setDataSource(data);
-  }
-  function refresh() {
-    return _refresh.apply(this, arguments);
-  }
-  function _refresh() {
-    _refresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _ref3,
-        onlyLoading,
-        params,
-        _yield$Promise$all,
-        _yield$Promise$all2,
-        res,
-        _args2 = arguments;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _ref3 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, onlyLoading = _ref3.onlyLoading, params = _objectWithoutProperties(_ref3, _excluded2);
-            setLoading(true);
-            if (!onlyLoading) {
-              _context2.next = 4;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 4:
-            _context2.prev = 4;
-            _context2.next = 7;
-            return Promise.all([executeFunction(data, params), getInitialContext(params)]);
-          case 7:
-            _yield$Promise$all = _context2.sent;
-            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 1);
-            res = _yield$Promise$all2[0];
-            setDataSource(res || []);
-          case 11:
-            _context2.prev = 11;
-            setLoading(false);
-            return _context2.finish(11);
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[4,, 11, 14]]);
-    }));
-    return _refresh.apply(this, arguments);
-  }
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return void refresh();
+  }, [data]);
   var rowSelection = getRowSelection({
     rowKey: rowKey,
     columns: columns,
@@ -176,11 +171,11 @@ function useInit(_ref2) {
     useFormWrapper: useFormWrapper
   };
 }
-export function useTable(_ref4) {
-  var onRowClick = _ref4.onRowClick,
-    width = _ref4.width,
-    emptyText = _ref4.emptyText,
-    restProps = _objectWithoutProperties(_ref4, _excluded3);
+export function useTable(_ref5) {
+  var onRowClick = _ref5.onRowClick,
+    width = _ref5.width,
+    emptyText = _ref5.emptyText,
+    restProps = _objectWithoutProperties(_ref5, _excluded3);
   var params = useInit(restProps);
   var _useSearchColumn = useSearchColumn(),
     getSearchColumn = _useSearchColumn.getSearchColumn;
@@ -188,7 +183,8 @@ export function useTable(_ref4) {
     columns: _.reject(restProps.columns, {
       type: 'selection'
     }),
-    getSearchColumn: getSearchColumn
+    getSearchColumn: getSearchColumn,
+    context: params.context
   });
   return _objectSpread(_objectSpread(_objectSpread({
     onRow: function onRow(record) {

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

@@ -1,5 +1,4 @@
 import { FormInstance, FormProps } from "../../form";
-import type { ColumnType } from 'antd/es/table';
 import type { TableRowSelection } from 'antd/es/table/interface';
 import { Column, DataSource, GetSearchColumn, TableContext, TableProps } from '../type';
 import { Actions } from './actions';
@@ -20,7 +19,8 @@ export declare const componentMap: {
     editor: typeof Editor;
     default: (props: any) => any;
 };
-export declare function generateColumns({ columns, getSearchColumn }: GenerateColumnsProps): ColumnType<any>[];
+export declare function isActionsColumn(column: Column): boolean;
+export declare function generateColumns({ columns, getSearchColumn, context }: GenerateColumnsProps): Column[];
 interface RowSelectionProps {
     rowKey: string;
     columns: Column[];