diff --git a/packages/react-overlay-trigger/README.md b/packages/react-overlay-trigger/README.md index 4f02050afb..930bac40a1 100644 --- a/packages/react-overlay-trigger/README.md +++ b/packages/react-overlay-trigger/README.md @@ -229,6 +229,7 @@ class Demo extends React.Component { } onVisibleChange(isOpen) { console.log('onVisibleChange: ', isOpen); + this.setState({ isOpen: isOpen }); } render() { return ( diff --git a/packages/react-overlay-trigger/src/index.tsx b/packages/react-overlay-trigger/src/index.tsx index a0c9fb1039..4e807a07c5 100644 --- a/packages/react-overlay-trigger/src/index.tsx +++ b/packages/react-overlay-trigger/src/index.tsx @@ -133,7 +133,7 @@ export default React.forwardRef((props, } useEffect(() => { - if (isClickOutside) { + if (isClickOutside && isOpen) { document && document.addEventListener('mousedown', handleClickOutside); window.addEventListener('resize', handleResize); } @@ -141,7 +141,7 @@ export default React.forwardRef((props, document && isClickOutside && document.removeEventListener('mousedown', handleClickOutside); window.removeEventListener('resize', handleResize); }; - }, []); + }, [isOpen]); useEffect(() => { if (props.isOpen !== isOpen) { @@ -162,9 +162,11 @@ export default React.forwardRef((props, }, [isOpen]); const handleResize = () => { - zIndex.current -= 1; - setIsOpen(false); - onVisibleChange && onVisibleChange(false); + if (isOpen) { + zIndex.current -= 1; + setIsOpen(false); + onVisibleChange && onVisibleChange(false); + } }; const handleClickOutside = (e: MouseEvent) => { diff --git a/packages/react-search-select/README.md b/packages/react-search-select/README.md index e9085d8169..da645c1703 100644 --- a/packages/react-search-select/README.md +++ b/packages/react-search-select/README.md @@ -512,7 +512,7 @@ ReactDOM.render(, _mount_); | labelInValue | 开启会把 Select 的 value 类型从 `string/number` 变为 `{ value: string/number, label: string }` | Boolean | `false` | - | | showSearch | 是否可搜索 | Boolean | - | - | | size | 选择框尺寸 | Enum{large, default, small } | `default` | - | -| tagProps | 将参数传递给 [``](https://uiwjs.github.io/#/components/tag) 组件 | `TagProps` | `{}` | `4.13.0` | +| tagProps | 将参数传递给 [``](#/components/tag) 组件 | `TagProps` | `{}` | `4.13.0` | | onChange | 选中 option,或 input 的 value,调用此函数 | function(value:String \| Number \| String[] \| Number[] \| LabeledValue \| LabeledValue[]) | - | - | | onSearch | 文本框值变化时回调 | function(value: String) | - | - | | onSelect | 被选中时调用,参数为选中项的 value | function(value: String/Number ) | - | - | diff --git a/packages/react-search-tree/README.md b/packages/react-search-tree/README.md index e633a1d161..d72fe6d65c 100644 --- a/packages/react-search-tree/README.md +++ b/packages/react-search-tree/README.md @@ -351,5 +351,5 @@ ReactDOM.render(, _mount_); | onChange | 选中 option,或 input 的 value,调用此函数 | function(selectd, selectdAll, isChecked)=>void | - | | onSearch | 文本框值变化时回调 | function(searchValue) | - | | loading | 加载中状态 | Boolean | `false` | -| emptyOption | 自定义下拉选项为空时显示内容 | React.ReactNode | [Empty](https://uiwjs.github.io/#/components/empty) | -| tagProps | 将参数传递给 [``](https://uiwjs.github.io/#/components/tag) 组件 | `TagProps` | `{}` | `4.13.0` | +| emptyOption | 自定义下拉选项为空时显示内容 | React.ReactNode | [Empty](#/components/empty) | +| tagProps | 将参数传递给 [``](#/components/tag) 组件 | `TagProps` | `{}` | `4.13.0` | diff --git a/packages/react-transfer/README.md b/packages/react-transfer/README.md index aceb8b0777..6c2cdeb6ef 100644 --- a/packages/react-transfer/README.md +++ b/packages/react-transfer/README.md @@ -45,7 +45,7 @@ ReactDOM.render(, _mount_); ## 树形节点 -使用 [Tree](https://uiwjs.github.io/#/components/tree) 结构作为选项节点 +使用 [`Tree`](#/components/tree) 结构作为选项节点 ```jsx