doui-react 1.0.2 → 2.0.1-dev

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

@@ -8,7 +8,6 @@ export declare const validateTypeMap: {
 export declare function validateInput(value: string, validate?: InputProps['validate']): boolean;
 export declare function validateEnter(value: any, allowEnter: boolean): boolean;
 export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, allowTrim, ...props }: InputProps): any;
-export declare function formatNumber(value: number, precision: number): number;
 interface ResetOnEmptyProps extends InputProps {
     validate?: (value: string | number) => boolean;
 }

package/lib/input/component/utils.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatNumber = formatNumber;
 exports.useInputValidate = useInputValidate;
 exports.useResetOnEmpty = useResetOnEmpty;
 exports.useTrim = useTrim;
@@ -77,9 +76,6 @@ function useInputValidate(_ref) {
     onBlur: (0, _api.mergeFunction)(trim, resetOnEmpty, onBlur)
   });
 }
-function formatNumber(value, precision) {
-  return +value.toFixed(precision);
-}
 function useResetOnEmpty(_ref2) {
   var name = _ref2.name,
     allowResetOnEmpty = _ref2.allowResetOnEmpty,

package/lib/input/type/index.d.ts

@@ -2,9 +2,9 @@ import { BaseComponentProps } from "../../api";
 import { inputMap } from "../component";
 import { validateTypeMap } from "../component/utils";
 import { InputProps as AntdInputProps } from 'antd';
-import { InputNumberProps } from 'antd/lib/input-number';
-import { PasswordProps } from 'antd/lib/input/Password';
-import { TextAreaProps } from 'antd/lib/input/TextArea';
+import { InputNumberProps } from 'antd/es/input-number';
+import { PasswordProps } from 'antd/es/input/Password';
+import { TextAreaProps } from 'antd/es/input/TextArea';
 type UnionType = BaseComponentProps & AntdInputProps & TextAreaProps & InputNumberProps & PasswordProps;
 export interface InputProps extends Omit<UnionType, 'form' | 'onChange'> {
     /**

package/lib/modal-prompt/component/utils.js

@@ -39,7 +39,8 @@ function openModalFunction(props) {
     duration = _mergeProps.duration,
     restProps = (0, _objectWithoutProperties2.default)(_mergeProps, _excluded2);
   return new Promise(function (resolve) {
-    var modal = _antd.Modal[type]((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    var modalMethod = _antd.Modal[type];
+    var modal = modalMethod((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
       onOk: function onOk() {
         return resolve();
       }

package/lib/modal-prompt/type/index.d.ts

@@ -1,5 +1,5 @@
-import { ModalFuncProps as AntdModalFuncProps } from 'antd/lib/modal/Modal';
-import { SpinProps } from 'antd/lib/spin';
+import type { ModalFuncProps as AntdModalFuncProps } from 'antd/es/modal';
+import { SpinProps } from 'antd/es/spin';
 import { CSSProperties, ReactNode } from 'react';
 export interface ConfirmModalProps extends AntdModalFuncProps {
     /**

package/lib/open-modal/component/footer.d.ts

@@ -1,2 +1,2 @@
 import { HStackProps } from "../../stack";
-export declare function Footer({ className, children: Children, ...props }: HStackProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Footer({ className, children, ...props }: HStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -11,13 +11,12 @@ var _form = require("../../form");
 var _portal = require("../../portal");
 var _stack = require("../../stack");
 var _css = require("@emotion/css");
-var _lodash = _interopRequireDefault(require("lodash"));
 var _reactUse = require("react-use");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _excluded = ["className", "children"];
 function Footer(_ref) {
   var className = _ref.className,
-    Children = _ref.children,
+    children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useFormContext = (0, _form.useFormContext)(),
     setModalProps = _useFormContext.setModalProps;
@@ -26,7 +25,6 @@ function Footer(_ref) {
       footer: null
     });
   });
-  var component = _lodash.default.isFunction(Children) ? (0, _jsxRuntime.jsx)(Children, {}) : Children;
   return (0, _jsxRuntime.jsx)(_portal.Portal, {
     container: function container(current) {
       return current.closest('.ant-modal-content');
@@ -35,7 +33,7 @@ function Footer(_ref) {
       className: (0, _css.cx)('ant-modal-footer', className),
       justify: "right"
     }, props), {}, {
-      children: component
+      children: children
     }))
   });
 }

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,11 @@ var _exportNames = {
 };
 exports.closeModal = closeModal;
 exports.openModal = openModal;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _api = require("../../api");
+var _antd = require("antd");
+var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
 var _modal = require("./modal");
 Object.keys(_modal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -22,8 +27,19 @@ Object.keys(_modal).forEach(function (key) {
     }
   });
 });
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["configProviderProps"];
+function ModalWrapper(_ref) {
+  var configProviderProps = _ref.configProviderProps,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(_antd.ConfigProvider, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    locale: _zh_CN.default
+  }, configProviderProps), {}, {
+    children: (0, _jsxRuntime.jsx)(_modal.Modal, (0, _objectSpread2.default)({}, props))
+  }));
+}
 function openModal(props) {
-  return (0, _api.mountComponent)(_modal.Modal, props);
+  return (0, _api.mountComponent)(ModalWrapper, props);
 }
 function closeModal() {
   (0, _api.unmountComponent)();

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

@@ -6,6 +6,7 @@ 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");
@@ -24,9 +25,9 @@ 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.jsx)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: (0, _jsxRuntime.jsxs)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       open: open,
-      destroyOnClose: true
+      destroyOnHidden: true
     }, modalProps), {}, {
       title: (0, _jsxRuntime.jsx)(_text.Text, {
         children: modalProps.title
@@ -34,9 +35,18 @@ var Modal = exports.Modal = function Modal(props) {
       confirmLoading: confirmLoading,
       onCancel: close,
       onOk: ok,
-      children: (0, _jsxRuntime.jsx)(_form.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formProps), {}, {
+      children: [(0, _jsxRuntime.jsx)(_antd.Divider, {
+        style: {
+          margin: '15px 0 24px'
+        }
+      }), (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/component/utils.js

@@ -81,7 +81,7 @@ function getModalAndFormProps(props) {
     footer: _lodash.default.isNull(formProps.footer) ? null : undefined,
     // 为 null 时，不显示 footer
     css: _style.default.wrapper({
-      bodyBottomMargin: getBodyBottomMargin(bodyBottomMargin, formProps),
+      bodyBottomMargin: getBodyBottomMargin(bodyBottomMargin),
       titleCenter: titleCenter
     }),
     style: modalProps.centered ? {} : {
@@ -94,14 +94,10 @@ function getModalAndFormProps(props) {
     modalProps: mergedModalProps
   };
 }
-function getBodyBottomMargin(bodyBottomMargin, formProps) {
-  var _formProps$items;
+function getBodyBottomMargin(bodyBottomMargin) {
   if (!_lodash.default.isNil(bodyBottomMargin)) {
     return (0, _api.transformValueWithStyleUnit)(bodyBottomMargin);
   }
-  if ((_formProps$items = formProps.items) !== null && _formProps$items !== void 0 && _formProps$items.length) {
-    return '10px';
-  }
 }
 function shouldEnableButton(_ref2) {
   var _onValidate;

package/lib/open-modal/hook/use-modal.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useModal = useModal;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _usePatchElement3 = _interopRequireDefault(require("antd/lib/_util/hooks/usePatchElement"));
+var _usePatchElement3 = _interopRequireDefault(require("antd/es/_util/hooks/usePatchElement"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _component = require("../component");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");

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    ", "\n\n    .ant-modal-title {\n      font-weight: 600;\n      ", "\n    }\n\n    .ant-modal-body {\n      padding-bottom: ", ";\n    }\n  "])), _api.commonFontFamily, titleStyle(titleCenter), bodyBottomMargin);
+    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'));
   }
 };
 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    &.ant-modal-centered .ant-select-dropdown {\n      text-align: left;\n    }\n\n    ", "\n  "])), wrapStyle);
+  return (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n  "])), wrapStyle);
 }

package/lib/open-modal/type/index.d.ts

@@ -1,7 +1,8 @@
 import { FunctionReturn } from "../../api";
 import { FormInstance, FormItemProps, FormProps, FormValues } from "../../form";
 import { CSSObject } from '@emotion/react';
-import { ModalProps as AntdModalProps } from 'antd/lib/modal/Modal';
+import { ConfigProviderProps } from 'antd/es/config-provider';
+import type { ModalProps as AntdModalProps } from 'antd/es/modal';
 import { ReactNode } from 'react';
 type AntdComponentProps = Omit<AntdModalProps, 'onOk' | 'children'> & Omit<FormProps, 'children' | 'content' | 'title'>;
 /**
@@ -46,6 +47,10 @@ export interface OpenModalProps extends AntdComponentProps {
      * @description 对话框外层容器的样式
      */
     wrapStyle?: CSSObject;
+    /**
+     * @description Antd Provider Props
+     */
+    configProviderProps?: Omit<ConfigProviderProps, 'children'>;
     /**
      * @description 点击取消按钮的回调
      */

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

@@ -1,92 +1,60 @@
 /// <reference types="react" />
 import { BaseBoxProps } from "..";
 import type { SerializedStyles } from '@emotion/utils';
-import { CheckboxChangeEvent } from 'antd/lib/checkbox/Checkbox';
+import { CheckboxChangeEvent } from 'antd/es/checkbox/Checkbox';
 export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGroup, ...props }: BaseBoxProps): {
     highlightTextProps: Partial<BaseBoxProps>;
     tooltipProps: {
-        title: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
-        overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+        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;
         style?: import("react").CSSProperties | undefined;
         className?: string | undefined;
-        color?: string | undefined;
-        placement?: import("antd/lib/tooltip").TooltipPlacement | undefined;
-        builtinPlacements?: import("rc-trigger").BuildInPlacements | undefined;
+        rootClassName?: string | undefined;
+        placement?: import("antd/es/tooltip").TooltipPlacement | undefined;
+        builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
         openClassName?: string | undefined;
         arrowPointAtCenter?: boolean | undefined;
-        autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
+        arrow?: boolean | {
+            arrowPointAtCenter?: boolean | undefined;
+            pointAtCenter?: boolean | undefined;
+        } | undefined;
+        autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
         getPopupContainer?: ((triggerNode: HTMLElement) => HTMLElement) | undefined;
         children?: import("react").ReactNode;
-        visible?: boolean | undefined;
+        destroyTooltipOnHide?: boolean | {
+            keepParent?: boolean | undefined;
+        } | undefined;
+        destroyOnHidden?: boolean | undefined;
         open?: boolean | undefined;
-        defaultVisible?: boolean | undefined;
         defaultOpen?: boolean | undefined;
-        onVisibleChange?: ((visible: boolean) => void) | undefined;
         onOpenChange?: ((visible: boolean) => void) | undefined;
-        afterVisibleChange?: ((visible: boolean) => void) | undefined;
         afterOpenChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
-        animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
-        id?: string | undefined;
-        prefixCls?: string | undefined;
-        onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
-        trigger?: string | string[] | undefined;
-        transitionName?: string | undefined;
-        overlayStyle?: import("react").CSSProperties | undefined;
-        overlayClassName?: string | undefined;
-        mouseEnterDelay?: number | undefined;
-        mouseLeaveDelay?: number | undefined;
-        getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
-        destroyTooltipOnHide?: boolean | {
-            keepParent?: boolean | undefined;
-        } | undefined;
-        align: import("rc-trigger/lib/interface").AlignType;
-        showArrow?: boolean | undefined;
-        arrowContent?: import("react").ReactNode;
-        popupVisible?: boolean | undefined;
-        overlayInnerStyle?: import("react").CSSProperties | undefined;
-    } | {
-        title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
-        overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
-        style?: import("react").CSSProperties | undefined;
-        className?: string | undefined;
-        color?: string | undefined;
-        placement?: import("antd/lib/tooltip").TooltipPlacement | undefined;
-        builtinPlacements?: import("rc-trigger").BuildInPlacements | undefined;
-        openClassName?: string | undefined;
-        arrowPointAtCenter?: boolean | undefined;
-        autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
-        getPopupContainer?: ((triggerNode: HTMLElement) => HTMLElement) | undefined;
-        children?: import("react").ReactNode;
         visible?: boolean | undefined;
-        open?: boolean | undefined;
         defaultVisible?: boolean | undefined;
-        defaultOpen?: boolean | undefined;
         onVisibleChange?: ((visible: boolean) => void) | undefined;
-        onOpenChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
-        afterOpenChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
         animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
-        id?: string | undefined;
-        prefixCls?: string | undefined;
-        onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
-        trigger?: string | string[] | undefined;
         transitionName?: string | undefined;
-        overlayStyle?: import("react").CSSProperties | undefined;
-        overlayClassName?: 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;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
-        destroyTooltipOnHide?: boolean | {
-            keepParent?: boolean | undefined;
-        } | undefined;
-        align: import("rc-trigger/lib/interface").AlignType;
-        showArrow?: boolean | undefined;
+        showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
         arrowContent?: import("react").ReactNode;
-        popupVisible?: boolean | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
     };
     boxProps: {
@@ -97,48 +65,45 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         value?: any;
         boxTooltip?: import("react").ReactNode | import("antd").TooltipProps;
         inGroup?: boolean | undefined;
-        style?: import("react").CSSProperties | undefined;
-        type?: string | undefined;
         className?: string | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        style?: import("react").CSSProperties | undefined;
+        title?: string | undefined;
+        prefixCls?: string | undefined;
+        rootClassName?: string | undefined;
+        name?: string | undefined;
+        disabled?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         autoFocus?: boolean | undefined;
         id?: string | undefined;
         tabIndex?: number | 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;
-        name?: string | undefined;
-        prefixCls?: string | undefined;
+        type?: string | undefined;
         checked?: boolean | undefined;
         indeterminate?: boolean | undefined;
         skipGroup?: boolean | undefined;
-        rows?: number | false | undefined;
-        tooltip?: import("react").ReactNode | import("antd").TooltipProps;
-        autoShowTooltip?: boolean | undefined;
+        required?: boolean | undefined;
         slot?: string | undefined;
-        title?: string | undefined;
-        accessKey?: string | undefined;
-        color?: string | undefined;
+        dir?: string | undefined;
         content?: string | undefined;
-        direction?: import("antd/lib/config-provider").DirectionType;
-        translate?: "yes" | "no" | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
-        autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        accessKey?: string | undefined;
+        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" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -153,6 +118,7 @@ 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;
@@ -161,48 +127,55 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | 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 | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "tree" | "true" | "false" | "grid" | "listbox" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
+        'aria-label'?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "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"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
@@ -226,18 +199,15 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
         onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
         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;
@@ -345,9 +315,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
@@ -368,6 +336,10 @@ 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;
+        autoShowTooltip?: boolean | undefined;
         refs?: import("../../api").Refs | undefined;
         ref: import("../../api").Refs | undefined;
     };

package/lib/radio/component/abstract-box.js

@@ -53,11 +53,7 @@ function useAbstractBox(_ref2) {
   var _parseHighlightTextAn = (0, _utils.parseHighlightTextAndRestProps)(props),
     highlightTextProps = _parseHighlightTextAn.highlightTextProps,
     restProps = _parseHighlightTextAn.restProps;
-  var tooltipProps = (0, _objectSpread3.default)({
-    align: {
-      offset: [0, 1]
-    }
-  }, (0, _text.generateTooltip)(boxTooltip));
+  var tooltipProps = (0, _objectSpread3.default)({}, (0, _text.generateTooltip)(boxTooltip));
   var boxProps = (0, _objectSpread3.default)((0, _objectSpread3.default)({
     ref: refs
   }, restProps), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, inGroup ? 'value' : 'checked', value), "onChange", function onChange(e) {

package/lib/radio/component/use-radio.d.ts

@@ -1,23 +1,25 @@
 /// <reference types="react" />
 import { RadioProps } from "..";
-import { RadioChangeEvent } from 'antd/lib/radio/interface';
+import { RadioChangeEvent } from 'antd/es/radio/interface';
 export declare function useRadio({ onChange, ...props }: RadioProps): {
     options: any[];
     onChange: (e: RadioChangeEvent) => void;
     defaultValue?: any;
     value: any;
-    size?: import("antd/lib/button").ButtonSize;
-    disabled?: import("antd/lib/config-provider/DisabledContext").DisabledType;
+    size?: import("antd/es/button").ButtonSize;
+    disabled?: boolean | undefined;
     onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     name?: string | undefined;
     children?: import("react").ReactNode;
     id?: string | undefined;
-    optionType?: import("antd/lib/radio/interface").RadioGroupOptionType | undefined;
-    buttonStyle?: import("antd/lib/radio/interface").RadioGroupButtonStyle | undefined;
+    optionType?: import("antd/es/radio/interface").RadioGroupOptionType | undefined;
+    buttonStyle?: import("antd/es/radio/interface").RadioGroupButtonStyle | undefined;
     onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    block?: boolean | undefined;
     prefixCls?: string | undefined;
     className?: string | undefined;
+    rootClassName?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 };

package/lib/radio/component/utils.js

@@ -13,7 +13,7 @@ var _constant = require("../../select/component/constant");
 var _lodash = _interopRequireDefault(require("lodash"));
 function parseHighlightTextAndRestProps(props) {
   var highlightTextProps = _lodash.default.pick(props, _constant.highlightTextPropKeys);
-  var restProps = _lodash.default.omit(props, [].concat((0, _toConsumableArray2.default)(_constant.highlightTextPropKeys), ['__callback__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
+  var restProps = _lodash.default.omit(props, [].concat((0, _toConsumableArray2.default)(_constant.highlightTextPropKeys), ['__callback__', '__callbackDeps__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
   return {
     highlightTextProps: highlightTextProps,
     restProps: restProps

package/lib/radio/type/index.d.ts

@@ -2,9 +2,9 @@ import { BaseComponentProps, BaseFlexProps } from "../../api";
 import { BaseSelectProps } from "../../select";
 import { TextProps } from "../../text";
 import { RadioGroupProps } from 'antd';
-import { CheckboxProps as AntdCheckboxProps } from 'antd/lib/checkbox/Checkbox';
+import { CheckboxProps as AntdCheckboxProps } from 'antd/es/checkbox/Checkbox';
 import { ReactNode } from 'react';
-export interface BaseBoxProps extends Omit<AntdCheckboxProps, 'onChange'>, TextProps, BaseComponentProps {
+export interface BaseBoxProps extends Omit<AntdCheckboxProps, 'onChange' | 'onBlur' | 'onFocus'>, Omit<TextProps, 'onBlur' | 'onFocus'>, BaseComponentProps {
     children?: ReactNode;
     text?: ReactNode;
     /**