fix: transfer-selection添加最大高度限制 (#3802)

Co-authored-by: 吴多益 <wuduoyi@baidu.com>
This commit is contained in:
RUNZE LU 2022-03-18 16:57:58 +08:00 committed by GitHub
parent 1c7338859e
commit 3361828aa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 14 deletions

View File

@ -996,18 +996,19 @@ leftOptions 动态加载,默认 source 接口是返回 options 部分,而 le
## 事件表 ## 事件表
| 事件名称 | 事件参数 | 说明 | | 事件名称 | 事件参数 | 说明 |
| -------- | -------------------------------------------------------------------------------------------------- | ---- | | -------- | ---------------------------------- | -------------------- |
| change | `value: string \| Option[]` 选中值 | 选中值发生变化时触发 | | change | `value: string \| Option[]` 选中值 | 选中值发生变化时触发 |
| blur | `(event: Event)` 原始事件 | 失去焦点时触发 | | blur | `(event: Event)` 原始事件 | 失去焦点时触发 |
| focus | `(event: Event)` 原始事件 | 获得焦点时触发 | | focus | `(event: Event)` 原始事件 | 获得焦点时触发 |
| add | - | 新增选项的时候触发 | | add | - | 新增选项的时候触发 |
| edit | `value: Option` 修改的选项 | 编辑选项时触发 | | edit | `value: Option` 修改的选项 | 编辑选项时触发 |
| delete | `value: Option` 删除的选项 | 删除选项时触发 | | delete | `value: Option` 删除的选项 | 删除选项时触发 |
## 动作表 ## 动作表
| 动作名称 | 动作配置 | 说明 | | 动作名称 | 动作配置 | 说明 |
| -------- | -------------------------------------------------------------------------------------------------- | ---- | | -------- | ---------------------------- | ---- |
| clear | - | 清空 | | clear | - | 清空 |
| reset | - | 重置 | | reset | `resetValue: boolean` 重置值 | 重置 |

View File

@ -1487,6 +1487,7 @@
--Tooltip-title-paddingY: var(--gap-sm); --Tooltip-title-paddingY: var(--gap-sm);
--Transfer-title-bg: #f6f8f8; --Transfer-title-bg: #f6f8f8;
--Transfer-selection-maxHeight: #{px2rem(350px)};
--Tree-indent: var(--gap-md); --Tree-indent: var(--gap-md);
--Tree-inputHeight: calc(var(--Form-input-height) * 0.85); --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);

View File

@ -245,8 +245,9 @@
} }
& > .#{$ns}Transfer-selection { & > .#{$ns}Transfer-selection {
flex-grow: 1; flex-grow: 1;
max-height: 100%; max-height: var(--Transfer-selection-maxHeight);
overflow: auto; overflow-x: hidden;
overflow-y: auto;
position: relative; // 貌似不加 relative 会有 bug position: relative; // 貌似不加 relative 会有 bug
} }
} }