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[]` 选中值 | 选中值发生变化时触发 |
| blur | `(event: Event)` 原始事件 | 失去焦点时触发 |
| focus | `(event: Event)` 原始事件 | 获得焦点时触发 |
| add | - | 新增选项的时候触发 |
| edit | `value: Option` 修改的选项 | 编辑选项时触发 |
| delete | `value: Option` 删除的选项 | 删除选项时触发 |
| 事件名称 | 事件参数 | 说明 |
| -------- | ---------------------------------- | -------------------- |
| change | `value: string \| Option[]` 选中值 | 选中值发生变化时触发 |
| blur | `(event: Event)` 原始事件 | 失去焦点时触发 |
| focus | `(event: Event)` 原始事件 | 获得焦点时触发 |
| add | - | 新增选项的时候触发 |
| edit | `value: Option` 修改的选项 | 编辑选项时触发 |
| delete | `value: Option` 删除的选项 | 删除选项时触发 |
## 动作表
| 动作名称 | 动作配置 | 说明 |
| -------- | -------------------------------------------------------------------------------------------------- | ---- |
| clear | - | 清空 |
| reset | - | 重置 |
| 动作名称 | 动作配置 | 说明 |
| -------- | ---------------------------- | ---- |
| clear | - | 清空 |
| reset | `resetValue: boolean` 重置值 | 重置 |

View File

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

View File

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