doui-react 1.0.2 → 2.0.1-dev

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

@@ -5,12 +5,11 @@ import { useFormContext } from "../../form";
 import { Portal } from "../../portal";
 import { HStack } from "../../stack";
 import { cx } from '@emotion/css';
-import _ from 'lodash';
 import { useMount } from 'react-use';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export function Footer(_ref) {
   var className = _ref.className,
-    Children = _ref.children,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useFormContext = useFormContext(),
     setModalProps = _useFormContext.setModalProps;
@@ -19,7 +18,6 @@ export function Footer(_ref) {
       footer: null
     });
   });
-  var component = _.isFunction(Children) ? _jsx(Children, {}) : Children;
   return _jsx(Portal, {
     container: function container(current) {
       return current.closest('.ant-modal-content');
@@ -28,7 +26,7 @@ export function Footer(_ref) {
       className: cx('ant-modal-footer', className),
       justify: "right"
     }, props), {}, {
-      children: component
+      children: children
     }))
   });
 }

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

@@ -1,8 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["configProviderProps"];
 import { mountComponent, unmountComponent } from "../../api";
+import { ConfigProvider } from 'antd';
+import zhCN from 'antd/es/locale/zh_CN';
 import { Modal } from "./modal";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export * from "./modal";
+function ModalWrapper(_ref) {
+  var configProviderProps = _ref.configProviderProps,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(ConfigProvider, _objectSpread(_objectSpread({
+    locale: zhCN
+  }, configProviderProps), {}, {
+    children: _jsx(Modal, _objectSpread({}, props))
+  }));
+}
 export function openModal(props) {
-  return mountComponent(Modal, props);
+  return mountComponent(ModalWrapper, props);
 }
 export function closeModal() {
   unmountComponent();

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

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

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

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

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

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import usePatchElement from 'antd/lib/_util/hooks/usePatchElement';
+import usePatchElement from 'antd/es/_util/hooks/usePatchElement';
 import _ from 'lodash';
 import { Modal } from "../component";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";

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

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-import { commonFontFamily } from "../../api";
+import { getClassName } from "../../api";
 import { css } from '@emotion/react';
 function titleStyle(titleCenter) {
   if (titleCenter) {
@@ -12,7 +12,7 @@ var style = {
   wrapper: function wrapper(_ref) {
     var bodyBottomMargin = _ref.bodyBottomMargin,
       titleCenter = _ref.titleCenter;
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n\n    .ant-modal-title {\n      font-weight: 600;\n      ", "\n    }\n\n    .ant-modal-body {\n      padding-bottom: ", ";\n    }\n  "])), commonFontFamily, titleStyle(titleCenter), bodyBottomMargin);
+    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'));
   }
 };
 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    &.ant-modal-centered .ant-select-dropdown {\n      text-align: left;\n    }\n\n    ", "\n  "])), wrapStyle);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), wrapStyle);
 }

package/es/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/es/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/es/radio/component/abstract-box.js

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

package/es/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/es/radio/component/utils.js

@@ -5,7 +5,7 @@ import { highlightTextPropKeys } from "../../select/component/constant";
 import _ from 'lodash';
 export function parseHighlightTextAndRestProps(props) {
   var highlightTextProps = _.pick(props, highlightTextPropKeys);
-  var restProps = _.omit(props, [].concat(_toConsumableArray(highlightTextPropKeys), ['__callback__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
+  var restProps = _.omit(props, [].concat(_toConsumableArray(highlightTextPropKeys), ['__callback__', '__callbackDeps__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
   return {
     highlightTextProps: highlightTextProps,
     restProps: restProps

package/es/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;
     /**

package/es/select/component/use-select-options.d.ts

@@ -3,7 +3,7 @@ interface DisplayValueProps extends Pick<BaseSelectProps, 'value' | 'options'> {
     filterNotExistValue?: boolean;
 }
 export declare function getDisplayValue({ value, options, filterNotExistValue }: DisplayValueProps): any;
-export declare function useSelectOptions<T = any>({ value, loading, options, __callback__, shouldRerenderOptions, __filterNotExistValue__: filterNotExistValue, ...props }: BaseSelectProps): T & {
+export declare function useSelectOptions<T = any>({ value, loading, options, __callback__, __callbackDeps__, shouldRerenderOptions, __filterNotExistValue__: filterNotExistValue, ...props }: BaseSelectProps): T & {
     value: any;
     options: import("..").SelectOptions | undefined;
     displayOptions: any[];

package/es/select/component/use-select-options.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "loading", "options", "__callback__", "shouldRerenderOptions", "__filterNotExistValue__"];
+var _excluded = ["value", "loading", "options", "__callback__", "__callbackDeps__", "shouldRerenderOptions", "__filterNotExistValue__"];
 import { useFormContext } from "../../form";
 import { isValueNotExistInOptions } from "../../form/component/utils";
 import { useDeepMemo } from "../../hooks";
@@ -36,6 +37,8 @@ export function useSelectOptions(_ref2) {
     loading = _ref2.loading,
     options = _ref2.options,
     __callback__ = _ref2.__callback__,
+    _ref2$__callbackDeps_ = _ref2.__callbackDeps__,
+    __callbackDeps__ = _ref2$__callbackDeps_ === void 0 ? [] : _ref2$__callbackDeps_,
     shouldRerenderOptions = _ref2.shouldRerenderOptions,
     filterNotExistValue = _ref2.__filterNotExistValue__,
     props = _objectWithoutProperties(_ref2, _excluded);
@@ -61,7 +64,7 @@ export function useSelectOptions(_ref2) {
     };
     __callback__ === null || __callback__ === void 0 || __callback__(params);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [memoValue, memoOptions, finalLoading]);
+  }, [memoValue, memoOptions, finalLoading].concat(_toConsumableArray(__callbackDeps__)));
   var displayOptions = useMemo(function () {
     return generateOptions(_objectSpread({
       options: memoOptions

package/es/select/component/use-select.js

@@ -57,10 +57,7 @@ function renderMaxTag(omittedValues) {
   return _jsxs(Text, {
     autoShowTooltip: false,
     tooltip: {
-      title: tooltip,
-      align: {
-        offset: [0, 0]
-      }
+      title: tooltip
     },
     children: ["+", omittedValues.length, "..."]
   });
@@ -103,7 +100,7 @@ export function useSelect(_ref3) {
     })),
     displayOptions = _useSelectOptions.displayOptions,
     restSelectProps = _objectWithoutProperties(_useSelectOptions, _excluded2);
-  function onDropdownVisibleChange(open) {
+  function onOpenChange(open) {
     setOpen(open);
     setSearch('');
   }
@@ -123,7 +120,7 @@ export function useSelect(_ref3) {
     optionFilterProp: 'originLabel',
     optionLabelProp: 'originLabel',
     getPopupContainer: getPopupContainer,
-    dropdownRender: customRenderDropdown,
+    popupRender: customRenderDropdown,
     maxTagPlaceholder: renderMaxTag
   }, getComponentProps(restSelectProps)), {}, {
     placeholder: placeholder,
@@ -131,6 +128,6 @@ export function useSelect(_ref3) {
     loading: loading,
     options: displayOptions,
     onSearch: showSearch ? setSearch : undefined,
-    onDropdownVisibleChange: onDropdownVisibleChange
+    onOpenChange: onOpenChange
   });
 }