doui-react 2.0.6 → 2.0.8

package/es/open-modal/component/modal.js

@@ -1,13 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { getClassName } from "../../api";
 import { Form } from "../../form";
 import { Text } from "../../text";
-import { Modal as AntdModal, Divider } from 'antd';
+import { Modal as AntdModal } from 'antd';
 import { ModalProvider } from "../hook";
 import { Footer } from "./footer";
 import { Title } from "./title";
 import { useModal } from "./use-modal";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export var Modal = function Modal(props) {
   var _useModal = useModal(props),
     context = _useModal.context,
@@ -18,7 +17,7 @@ export var Modal = function Modal(props) {
     ok = context.ok,
     close = context.close;
   return _jsx(ModalProvider, _objectSpread(_objectSpread({}, context), {}, {
-    children: _jsxs(AntdModal, _objectSpread(_objectSpread({
+    children: _jsx(AntdModal, _objectSpread(_objectSpread({
       open: open,
       destroyOnHidden: true
     }, modalProps), {}, {
@@ -28,18 +27,9 @@ export var Modal = function Modal(props) {
       confirmLoading: confirmLoading,
       onCancel: close,
       onOk: ok,
-      children: [_jsx(Divider, {
-        style: {
-          margin: '15px 0 24px'
-        }
-      }), _jsx(Form, _objectSpread(_objectSpread({}, formProps), {}, {
+      children: _jsx(Form, _objectSpread(_objectSpread({}, formProps), {}, {
         context: context
-      })), _jsx(Divider, {
-        className: getClassName('footer-divider'),
-        style: {
-          margin: '15px 0 20px'
-        }
-      })]
+      }))
     }))
   }));
 };

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      padding-bottom: ", ";\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/open-modal/style/wrap.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from '@emotion/css';
 export function getWrapStyle(wrapStyle) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), wrapStyle);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    * {\n      box-sizing: border-box;\n    }\n\n    ", "\n  "])), wrapStyle);
 }

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

@@ -8,8 +8,8 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         color?: string | undefined;
         title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
         overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
-        styles?: Partial<Record<"body" | "root", import("react").CSSProperties>> | undefined;
-        classNames?: Partial<Record<"body" | "root", string>> | undefined;
+        styles?: Partial<Record<"root" | "body", import("react").CSSProperties>> | undefined;
+        classNames?: Partial<Record<"root" | "body", string>> | undefined;
         style?: import("react").CSSProperties | undefined;
         className?: string | undefined;
         rootClassName?: string | undefined;
@@ -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;
-        align?: import("@rc-component/trigger").AlignType | undefined;
-        id?: string | undefined;
         prefixCls?: string | undefined;
-        zIndex?: number | 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;
-        transitionName?: string | undefined;
-        mouseEnterDelay?: number | undefined;
-        mouseLeaveDelay?: number | undefined;
-        onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
-        overlayClassName?: string | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
-        trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
-        popupVisible?: boolean | undefined;
-        forceRender?: boolean | undefined;
-        fresh?: boolean | 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,40 +65,40 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         value?: any;
         boxTooltip?: import("react").ReactNode | import("antd").TooltipProps;
         inGroup?: boolean | undefined;
-        title?: string | undefined;
+        prefixCls?: string | undefined;
+        disabled?: boolean | undefined;
         className?: string | undefined;
-        type?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        id?: string | undefined;
+        rootClassName?: string | undefined;
         checked?: boolean | undefined;
-        disabled?: boolean | undefined;
         name?: string | undefined;
         required?: boolean | undefined;
+        type?: string | undefined;
         defaultChecked?: boolean | undefined;
         autoFocus?: boolean | undefined;
-        id?: string | undefined;
-        style?: import("react").CSSProperties | 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;
-        prefixCls?: string | undefined;
-        rootClassName?: string | undefined;
         indeterminate?: boolean | undefined;
         skipGroup?: boolean | undefined;
-        hidden?: boolean | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        rows?: number | false | 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;
+        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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
@@ -119,7 +119,6 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
-        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -128,7 +127,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "none" | "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;
@@ -144,7 +143,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "step" | "date" | "time" | "true" | "false" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -154,7 +153,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "menu" | "tree" | "dialog" | "true" | "false" | "grid" | "listbox" | 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;
@@ -171,7 +170,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "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;
@@ -298,6 +297,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
         onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
         onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
         onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | 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

@@ -7,11 +7,12 @@ var _excluded = ["rowKey", "loading", "columns", "dataSource", "editorValueKey"]
   _excluded2 = ["onlyLoading"],
   _excluded3 = ["onRowClick", "width", "emptyText"],
   _excluded4 = ["useFormWrapper", "context", "maxHeight"];
-import { executeFunction, includesNonStrictMode } from "../../api";
+import { executeFunction, getClassName, includesNonStrictMode } from "../../api";
 import { Empty } from "../../empty";
 import { Form, useFormContext } from "../../form";
 import { useListOperation } from "../../hooks";
 import { TableProvider, useSearchColumn } from "./..";
+import { cx } from '@emotion/css';
 import _ from 'lodash';
 import { useEffect, useState } from 'react';
 import { useSetState } from 'react-use';
@@ -103,6 +104,7 @@ function useInit(_ref2) {
     },
     operation: operation,
     rowKey: rowKey,
+    columns: columns,
     editorValueKey: editorValueKey
   });
   function updateSelectedStatus(keys) {
@@ -187,7 +189,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) {
@@ -233,7 +236,7 @@ export function Table(props) {
     }
     return _jsx("div", {
       css: styles.wrapper(maxHeight),
-      className: formProps.className,
+      className: cx(getClassName('table-wrapper'), formProps.className),
       style: formProps.style,
       children: _jsx(TableBody, _objectSpread({}, restProps))
     });

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[];

package/es/table/component/utils.js

@@ -27,9 +27,22 @@ export var componentMap = {
     return props.children;
   }
 };
-export function generateColumns(_ref) {
-  var columns = _ref.columns,
-    getSearchColumn = _ref.getSearchColumn;
+function isHiddenColumn(_ref) {
+  var context = _ref.context,
+    column = _ref.column;
+  var displayColumnKeys = _.get(context, 'displayColumnKeys');
+  if (!displayColumnKeys || isActionsColumn(column)) {
+    return;
+  }
+  return !_.includes(displayColumnKeys, column.dataIndex);
+}
+export function isActionsColumn(column) {
+  return column.type === 'actions';
+}
+export function generateColumns(_ref2) {
+  var columns = _ref2.columns,
+    getSearchColumn = _ref2.getSearchColumn,
+    context = _ref2.context;
   return _.map(columns, function (column) {
     var newColumn = _.clone(column);
     var dataIndex = newColumn.dataIndex,
@@ -55,7 +68,7 @@ export function generateColumns(_ref) {
     if (!_.isEmpty(filters)) {
       _.assign(newColumn, getFilterColumn(newColumn));
     }
-    if (newColumn.type === 'actions') {
+    if (isActionsColumn(newColumn)) {
       var _newColumn$fixed;
       (_newColumn$fixed = newColumn.fixed) !== null && _newColumn$fixed !== void 0 ? _newColumn$fixed : newColumn.fixed = 'right';
     }
@@ -84,6 +97,10 @@ export function generateColumns(_ref) {
     };
     return _objectSpread(_objectSpread({}, newColumn), {}, {
       dataIndex: transformNameToPath(dataIndex),
+      hidden: isHiddenColumn({
+        context: context,
+        column: newColumn
+      }),
       align: align,
       render: render
     });
@@ -110,10 +127,10 @@ function renderComponent(props) {
     children: _jsx(Component, _objectSpread({}, props))
   }));
 }
-function getColumnWidth(_ref2) {
-  var width = _ref2.width,
-    minWidth = _ref2.minWidth,
-    maxWidth = _ref2.maxWidth;
+function getColumnWidth(_ref3) {
+  var width = _ref3.width,
+    minWidth = _ref3.minWidth,
+    maxWidth = _ref3.maxWidth;
   var style;
   if (_.isNil(width)) {
     style = {
@@ -132,10 +149,10 @@ function getColumnWidth(_ref2) {
     }
   };
 }
-export function getRowSelection(_ref3) {
-  var rowKey = _ref3.rowKey,
-    columns = _ref3.columns,
-    context = _ref3.context;
+export function getRowSelection(_ref4) {
+  var rowKey = _ref4.rowKey,
+    columns = _ref4.columns,
+    context = _ref4.context;
   var column = _.find(columns, {
     type: 'selection'
   });
@@ -196,10 +213,10 @@ export function getTableAndFormProps(props) {
     tableProps: tableProps
   };
 }
-export function isUseFormWrapper(_ref4) {
-  var columns = _ref4.columns,
-    context = _ref4.context,
-    form = _ref4.form;
+export function isUseFormWrapper(_ref5) {
+  var columns = _ref5.columns,
+    context = _ref5.context,
+    form = _ref5.form;
   // 在 Form 中时，将 context 挂载给 formContext
   if (form) {
     _.assign(form.getContext(), context);
@@ -209,10 +226,10 @@ export function isUseFormWrapper(_ref4) {
     type: 'editor'
   });
 }
-export function getTableFormInitialValues(_ref5) {
-  var rowKey = _ref5.rowKey,
-    columns = _ref5.columns,
-    dataSource = _ref5.dataSource;
+export function getTableFormInitialValues(_ref6) {
+  var rowKey = _ref6.rowKey,
+    columns = _ref6.columns,
+    dataSource = _ref6.dataSource;
   var dataIndex = _.map(columns, function (col) {
     return col.type === 'editor' && col.dataIndex;
   });

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

@@ -5,5 +5,6 @@ declare const style: {
     ellipsisText: (rows: number) => import("@emotion/react").SerializedStyles;
     editor: import("@emotion/react").SerializedStyles;
     divider: import("@emotion/react").SerializedStyles;
+    displayColumn: import("@emotion/react").SerializedStyles;
 };
 export default style;

package/es/table/style/index.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { transformValueWithStyleUnit } from "../../api";
 import { css } from '@emotion/react';
 var style = {
@@ -11,6 +11,7 @@ var style = {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    -webkit-line-clamp: ", " !important;\n  "])), rows);
   },
   editor: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-bottom: 0;\n\n    .ant-form-item-label {\n      display: none !important;\n    }\n  "]))),
-  divider: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin: 0;\n  "])))
+  divider: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin: 0;\n  "]))),
+  displayColumn: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    & {\n      flex-direction: column;\n      max-width: 200px;\n    }\n\n    .do-checkbox-all {\n      padding-bottom: 10px;\n      border-bottom: 1px solid #f0f0f0;\n    }\n\n    .ant-checkbox-group {\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .do-checkbox,\n    .do-box-label {\n      width: 100%;\n    }\n  "])))
 };
 export default style;

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

@@ -0,0 +1,9 @@
+import { ButtonProps } from "../../button";
+export interface DisplayColumnProps extends Omit<ButtonProps, 'onChange'> {
+    /**
+     * @description 缓存列时, 需要保证key唯一
+     */
+    storageKey?: string;
+    value?: string[];
+    onChange?: (keys: string[]) => void;
+}

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

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

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

@@ -6,6 +6,7 @@ import { TableProps as AntdTableProps } from 'antd';
 import { ReactNode } from 'react';
 export * from './action';
 export * from './column';
+export * from './display-column';
 export type DataSource = any[];
 export interface TableContext {
     /**
@@ -37,8 +38,13 @@ export interface TableContext {
      * @description 设置表格上下文
      */
     setContext(state: any): void;
+    /**
+     * @description 列配置
+     */
+    columns: Column[];
     rowKey: string;
     editorValueKey: string;
+    displayColumnKeys?: string[];
     [key: string]: any;
 }
 export interface RefreshProps {

package/es/table/type/index.js

@@ -1,5 +1,6 @@
 export * from "./action";
 export * from "./column";
+export * from "./display-column";
 
 /**
  * @noExtends

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

@@ -6,19 +6,19 @@ export declare function getRenderTabBar({ type, items, size, tabBarGutter, tabBa
 export declare function generateTabItems({ items }: TabsProps): {
     label: import("@emotion/react/jsx-runtime").JSX.Element;
     key: string;
-    className?: string | undefined;
+    prefixCls?: string | undefined;
     disabled?: boolean | undefined;
-    id?: string | undefined;
+    className?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     children?: import("react").ReactNode;
-    prefixCls?: string | undefined;
-    closable?: boolean | undefined;
-    closeIcon?: import("react").ReactNode;
-    active?: boolean | undefined;
-    icon?: import("react").ReactNode;
     forceRender?: boolean | undefined;
+    id?: string | undefined;
     destroyInactiveTabPane?: boolean | undefined;
     animated?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeIcon?: import("react").ReactNode;
+    icon?: import("react").ReactNode;
     tabKey?: string | undefined;
+    active?: boolean | undefined;
 }[];
 export {};