doui-react 2.0.2 → 2.0.7

package/lib/icon/hook/index.d.ts

@@ -6,19 +6,74 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     style?: import("react").CSSProperties | undefined;
     refs?: import("../../api").Refs | undefined;
     string?: string | number | undefined;
+    filter?: string | undefined;
+    fill?: string | undefined;
+    values?: string | undefined;
+    clipPath?: string | undefined;
+    cursor?: string | number | undefined;
+    direction?: string | number | undefined;
+    display?: string | number | undefined;
+    fontFamily?: string | undefined;
+    fontSizeAdjust?: string | number | undefined;
+    fontStretch?: string | number | undefined;
+    fontStyle?: string | number | undefined;
+    fontVariant?: string | number | undefined;
+    fontWeight?: string | number | undefined;
+    height?: string | number | undefined;
+    imageRendering?: string | number | undefined;
+    letterSpacing?: string | number | undefined;
+    opacity?: string | number | undefined;
+    order?: string | number | undefined;
+    paintOrder?: string | number | undefined;
+    pointerEvents?: string | number | undefined;
+    rotate?: string | number | undefined;
+    scale?: string | number | undefined;
+    textRendering?: string | number | undefined;
+    transform?: string | undefined;
+    transformOrigin?: string | undefined;
+    unicodeBidi?: string | number | undefined;
+    visibility?: string | number | undefined;
     width?: string | number | undefined;
+    wordSpacing?: string | number | undefined;
+    writingMode?: string | number | undefined;
     mask?: string | undefined;
+    offset?: string | number | undefined;
+    overflow?: string | number | undefined;
+    textDecoration?: string | number | undefined;
+    azimuth?: string | number | undefined;
+    clip?: string | number | undefined;
+    alignmentBaseline?: "middle" | "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    baselineShift?: string | number | undefined;
+    clipRule?: string | number | undefined;
+    colorInterpolation?: string | number | undefined;
+    colorRendering?: string | number | undefined;
+    dominantBaseline?: string | number | undefined;
+    fillOpacity?: string | number | undefined;
+    fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
+    floodColor?: string | number | undefined;
+    floodOpacity?: string | number | undefined;
+    glyphOrientationVertical?: string | number | undefined;
+    lightingColor?: string | number | undefined;
+    markerEnd?: string | undefined;
+    markerMid?: string | undefined;
+    markerStart?: string | undefined;
+    shapeRendering?: string | number | undefined;
+    stopColor?: string | undefined;
+    stopOpacity?: string | number | undefined;
+    stroke?: string | undefined;
+    strokeDasharray?: string | number | undefined;
+    strokeDashoffset?: string | number | undefined;
+    strokeLinecap?: "inherit" | "round" | "square" | "butt" | undefined;
+    strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
+    strokeMiterlimit?: string | number | undefined;
+    strokeOpacity?: string | number | undefined;
+    strokeWidth?: string | number | undefined;
+    textAnchor?: string | undefined;
+    vectorEffect?: string | number | undefined;
     children?: import("react").ReactNode;
-    height?: string | number | undefined;
-    clipPath?: string | undefined;
-    filter?: string | undefined;
-    path?: string | undefined;
-    ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
-    key?: import("react").Key | null | undefined;
-    name?: string | undefined;
-    onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onSubmit?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     method?: string | undefined;
+    name?: string | undefined;
     target?: string | undefined;
     suppressHydrationWarning?: boolean | undefined;
     id?: string | undefined;
@@ -37,17 +92,17 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "link" | "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 | "dialog" | "menu" | "tree" | "true" | "false" | "grid" | "listbox" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -58,13 +113,13 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     "aria-modal"?: (boolean | "true" | "false") | undefined;
     "aria-multiline"?: (boolean | "true" | "false") | undefined;
     "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: "vertical" | "horizontal" | 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"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -97,6 +152,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
     onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
+    onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<SVGSVGElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
@@ -237,89 +293,23 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
-    direction?: string | number | undefined;
     type?: string | undefined;
-    end?: string | number | undefined;
-    fill?: string | undefined;
-    values?: string | undefined;
-    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    href?: string | undefined;
-    max?: string | number | undefined;
-    media?: string | undefined;
-    min?: string | number | undefined;
+    key?: import("react").Key | null | undefined;
+    ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
     result?: string | undefined;
-    transform?: string | undefined;
-    origin?: string | number | undefined;
-    cursor?: string | number | undefined;
-    display?: string | number | undefined;
-    fontFamily?: string | undefined;
-    fontSizeAdjust?: string | number | undefined;
-    fontStretch?: string | number | undefined;
-    fontStyle?: string | number | undefined;
-    fontVariant?: string | number | undefined;
-    fontWeight?: string | number | undefined;
-    imageRendering?: string | number | undefined;
-    letterSpacing?: string | number | undefined;
-    opacity?: string | number | undefined;
-    order?: string | number | undefined;
-    paintOrder?: string | number | undefined;
-    pointerEvents?: string | number | undefined;
-    rotate?: string | number | undefined;
-    scale?: string | number | undefined;
-    textRendering?: string | number | undefined;
-    transformOrigin?: string | undefined;
-    unicodeBidi?: string | number | undefined;
-    visibility?: string | number | undefined;
-    wordSpacing?: string | number | undefined;
-    writingMode?: string | number | undefined;
-    offset?: string | number | undefined;
-    overflow?: string | number | undefined;
-    textDecoration?: string | number | undefined;
-    azimuth?: string | number | undefined;
-    clip?: string | number | undefined;
-    alignmentBaseline?: "middle" | "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
-    baselineShift?: string | number | undefined;
-    clipRule?: string | number | undefined;
-    colorInterpolation?: string | number | undefined;
-    colorRendering?: string | number | undefined;
-    dominantBaseline?: string | number | undefined;
-    fillOpacity?: string | number | undefined;
-    fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
-    floodColor?: string | number | undefined;
-    floodOpacity?: string | number | undefined;
-    glyphOrientationVertical?: string | number | undefined;
-    lightingColor?: string | number | undefined;
-    markerEnd?: string | undefined;
-    markerMid?: string | undefined;
-    markerStart?: string | undefined;
-    shapeRendering?: string | number | undefined;
-    stopColor?: string | undefined;
-    stopOpacity?: string | number | undefined;
-    stroke?: string | undefined;
-    strokeDasharray?: string | number | undefined;
-    strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "round" | "square" | "butt" | undefined;
-    strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
-    strokeMiterlimit?: string | number | undefined;
-    strokeOpacity?: string | number | undefined;
-    strokeWidth?: string | number | undefined;
-    textAnchor?: string | undefined;
-    vectorEffect?: string | number | undefined;
-    d?: string | undefined;
-    y?: string | number | undefined;
-    r?: string | number | undefined;
+    min?: string | number | undefined;
+    max?: string | number | undefined;
     format?: string | number | undefined;
     mode?: string | number | undefined;
+    end?: string | number | undefined;
     x?: string | number | undefined;
-    local?: string | number | undefined;
-    in?: string | undefined;
+    path?: string | undefined;
+    href?: string | undefined;
+    media?: string | undefined;
     from?: string | number | undefined;
-    orientation?: string | number | undefined;
-    requiredExtensions?: string | number | undefined;
-    systemLanguage?: string | number | undefined;
-    preserveAspectRatio?: string | undefined;
-    viewBox?: string | undefined;
     to?: string | number | undefined;
+    origin?: string | number | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
@@ -346,6 +336,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     contentStyleType?: string | number | undefined;
     cx?: string | number | undefined;
     cy?: string | number | undefined;
+    d?: string | undefined;
     decelerate?: string | number | undefined;
     descent?: string | number | undefined;
     diffuseConstant?: string | number | undefined;
@@ -376,6 +367,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     horizOriginX?: string | number | undefined;
     ideographic?: string | number | undefined;
     in2?: string | number | undefined;
+    in?: string | undefined;
     intercept?: string | number | undefined;
     k1?: string | number | undefined;
     k2?: string | number | undefined;
@@ -390,6 +382,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     keyTimes?: string | number | undefined;
     lengthAdjust?: string | number | undefined;
     limitingConeAngle?: string | number | undefined;
+    local?: string | number | undefined;
     markerHeight?: string | number | undefined;
     markerUnits?: string | number | undefined;
     markerWidth?: string | number | undefined;
@@ -399,6 +392,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     numOctaves?: string | number | undefined;
     operator?: string | number | undefined;
     orient?: string | number | undefined;
+    orientation?: string | number | undefined;
     overlinePosition?: string | number | undefined;
     overlineThickness?: string | number | undefined;
     panose1?: string | number | undefined;
@@ -411,13 +405,16 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     pointsAtY?: string | number | undefined;
     pointsAtZ?: string | number | undefined;
     preserveAlpha?: (boolean | "true" | "false") | undefined;
+    preserveAspectRatio?: string | undefined;
     primitiveUnits?: string | number | undefined;
+    r?: string | number | undefined;
     radius?: string | number | undefined;
     refX?: string | number | undefined;
     refY?: string | number | undefined;
     renderingIntent?: string | number | undefined;
     repeatCount?: string | number | undefined;
     repeatDur?: string | number | undefined;
+    requiredExtensions?: string | number | undefined;
     requiredFeatures?: string | number | undefined;
     restart?: string | number | undefined;
     rx?: string | number | undefined;
@@ -437,6 +434,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     strikethroughPosition?: string | number | undefined;
     strikethroughThickness?: string | number | undefined;
     surfaceScale?: string | number | undefined;
+    systemLanguage?: string | number | undefined;
     tableValues?: string | number | undefined;
     targetX?: string | number | undefined;
     targetY?: string | number | undefined;
@@ -455,6 +453,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     vertOriginY?: string | number | undefined;
     vHanging?: string | number | undefined;
     vIdeographic?: string | number | undefined;
+    viewBox?: string | undefined;
     viewTarget?: string | number | undefined;
     vMathematical?: string | number | undefined;
     widths?: string | number | undefined;
@@ -476,6 +475,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
     xmlSpace?: string | undefined;
     y1?: string | number | undefined;
     y2?: string | number | undefined;
+    y?: string | number | undefined;
     yChannelSelector?: string | undefined;
     z?: string | number | undefined;
     zoomAndPan?: string | undefined;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Modal = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _api = require("../../api");
 var _form = require("../../form");
 var _text = require("../../text");
 var _antd = require("antd");
@@ -25,7 +24,7 @@ var Modal = exports.Modal = function Modal(props) {
     ok = context.ok,
     close = context.close;
   return (0, _jsxRuntime.jsx)(_hook.ModalProvider, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, context), {}, {
-    children: (0, _jsxRuntime.jsxs)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: (0, _jsxRuntime.jsx)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       open: open,
       destroyOnHidden: true
     }, modalProps), {}, {
@@ -35,18 +34,9 @@ var Modal = exports.Modal = function Modal(props) {
       confirmLoading: confirmLoading,
       onCancel: close,
       onOk: ok,
-      children: [(0, _jsxRuntime.jsx)(_antd.Divider, {
-        style: {
-          margin: '15px 0 24px'
-        }
-      }), (0, _jsxRuntime.jsx)(_form.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formProps), {}, {
+      children: (0, _jsxRuntime.jsx)(_form.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formProps), {}, {
         context: context
-      })), (0, _jsxRuntime.jsx)(_antd.Divider, {
-        className: (0, _api.getClassName)('footer-divider'),
-        style: {
-          margin: '15px 0 20px'
-        }
-      })]
+      }))
     }))
   }));
 };

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

@@ -19,7 +19,7 @@ var style = {
   wrapper: function wrapper(_ref) {
     var bodyBottomMargin = _ref.bodyBottomMargin,
       titleCenter = _ref.titleCenter;
-    return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _api.getClassName)('footer-divider'));
+    return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _api.getClassName)('footer-divider'));
   }
 };
 var _default = exports.default = style;

package/lib/open-modal/style/wrap.js

@@ -9,5 +9,5 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _css = require("@emotion/css");
 var _templateObject;
 function getWrapStyle(wrapStyle) {
-  return (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n  "])), wrapStyle);
+  return (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    * {\n      box-sizing: border-box;\n    }\n\n    ", "\n  "])), wrapStyle);
 }

package/lib/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,22 +36,22 @@ 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;
-        zIndex?: number | undefined;
         forceRender?: boolean | undefined;
         id?: string | undefined;
         align?: import("@rc-component/trigger").AlignType | undefined;
-        motion?: import("rc-motion").CSSMotionProps | 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;
         fresh?: boolean | undefined;
+        mouseLeaveDelay?: number | undefined;
+        mouseEnterDelay?: number | undefined;
+        popupVisible?: boolean | undefined;
+        trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+        overlayStyle?: import("react").CSSProperties | undefined;
+        overlayClassName?: string | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
         showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
         arrowContent?: import("react").ReactNode;
@@ -71,7 +71,6 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         prefixCls?: string | undefined;
         rootClassName?: string | undefined;
         name?: string | undefined;
-        disabled?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         autoFocus?: boolean | undefined;
         id?: string | undefined;
@@ -81,14 +80,16 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         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;
-        required?: boolean | undefined;
-        slot?: string | undefined;
-        dir?: string | 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;
         suppressContentEditableWarning?: boolean | undefined;
@@ -97,13 +98,14 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "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;
@@ -118,7 +120,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;
@@ -127,7 +128,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?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
@@ -143,17 +144,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 | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "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 | "dialog" | "menu" | "tree" | "true" | "false" | "grid" | "listbox" | undefined;
+        "aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -164,13 +165,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"?: "horizontal" | "vertical" | undefined;
+        "aria-orientation"?: "vertical" | "horizontal" | 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"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -336,9 +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;
-        rows?: number | false | undefined;
         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/lib/table/component/date-time.d.ts

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

package/lib/table/component/date-time.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Date = Date;
+exports.DateTime = DateTime;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function BaseComponent(_ref) {
+  var column = _ref.column,
+    children = _ref.children;
+  var timeFormat = column.timeFormat;
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _dayjs.default)(children).format(timeFormat)
+  });
+}
+function mergerTimeFormat(props, timeFormat) {
+  return _lodash.default.merge({
+    column: {
+      timeFormat: timeFormat
+    }
+  }, props);
+}
+function Date(props) {
+  var params = mergerTimeFormat(props, 'YYYY-MM-DD');
+  return (0, _jsxRuntime.jsx)(BaseComponent, (0, _objectSpread2.default)({}, params));
+}
+function DateTime(props) {
+  var params = mergerTimeFormat(props, 'YYYY-MM-DD hh:mm:ss');
+  return (0, _jsxRuntime.jsx)(BaseComponent, (0, _objectSpread2.default)({}, params));
+}

package/lib/table/component/filter.js

@@ -45,7 +45,7 @@ function filter(column, search, record) {
   var _column$dataIndex = column.dataIndex,
     dataIndex = _column$dataIndex === void 0 ? '' : _column$dataIndex,
     filterBy = column.filterBy;
-  var current = record[dataIndex];
+  var current = _lodash.default.get(record, dataIndex);
   if (_lodash.default.isFunction(filterBy)) {
     return filterBy({
       record: record,

package/lib/table/component/sort.js

@@ -18,7 +18,7 @@ function getSortColumn(_ref) {
   }
   return {
     sorter: function sorter(a, b) {
-      return (0, _api.sorter)(a[dataIndex], b[dataIndex]);
+      return (0, _api.sorter)(_lodash.default.get(a, dataIndex), _lodash.default.get(b, dataIndex));
     }
   };
 }

package/lib/table/component/table.js

@@ -16,6 +16,7 @@ var _empty = require("../../empty");
 var _form = require("../../form");
 var _hooks = require("../../hooks");
 var _2 = require("./..");
+var _css = require("@emotion/css");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _react = require("react");
 var _reactUse = require("react-use");
@@ -114,10 +115,12 @@ function useInit(_ref2) {
     editorValueKey: editorValueKey
   });
   function updateSelectedStatus(keys) {
-    _lodash.default.forEach(dataSource, function (item) {
-      var checked = (0, _api.includesNonStrictMode)(keys, item[rowKey]);
-      _lodash.default.set(item, '__selected__', checked);
+    var data = _lodash.default.map(dataSource, function (item) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        __selected__: (0, _api.includesNonStrictMode)(keys, item[rowKey])
+      });
     });
+    setDataSource(data);
   }
   function refresh() {
     return _refresh.apply(this, arguments);
@@ -239,7 +242,7 @@ function Table(props) {
     }
     return (0, _jsxRuntime.jsx)("div", {
       css: _style.default.wrapper(maxHeight),
-      className: formProps.className,
+      className: (0, _css.cx)((0, _api.getClassName)('table-wrapper'), formProps.className),
       style: formProps.style,
       children: (0, _jsxRuntime.jsx)(_tableBody.TableBody, (0, _objectSpread2.default)({}, restProps))
     });

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

@@ -3,15 +3,16 @@ 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';
+import { Date, DateTime } from './date-time';
 import { Editor } from './editor';
 import { Link } from './link';
 import { Switch } from './switch';
-import { Time } from './time';
 interface GenerateColumnsProps extends TableProps {
     getSearchColumn: GetSearchColumn;
 }
 export declare const componentMap: {
-    time: typeof Time;
+    date: typeof Date;
+    dateTime: typeof DateTime;
     link: typeof Link;
     switch: typeof Switch;
     actions: typeof Actions;