Skip to content

Commit 8fc5380

Browse files
authored
fix: 🐛 修复 col-picker 点击遮罩关闭执行两次问题 (#584)
* fix: 🐛 修复 col-picker 点击遮罩关闭执行两次问题 * docs: ✏️ col-picker 组件 Events 取消事件名称应为 close
1 parent 8df5cd9 commit 8fc5380

File tree

2 files changed

+8
-9
lines changed

2 files changed

+8
-9
lines changed

docs/component/col-picker.md

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -278,7 +278,7 @@ onMounted(async () => {
278278

279279
const columnChange: ColPickerColumnChange = async ({ selectedItem, resolve, finish }) => {
280280
// 模拟异步请求
281-
281+
282282
await sleep(0.3)
283283
const areaData = findChildrenByCode(colPickerData, selectedItem.value)
284284
if (areaData && areaData.length) {
@@ -302,7 +302,6 @@ function sleep(second: number = 1) {
302302
}, 1000 * second)
303303
})
304304
}
305-
306305
```
307306

308307
## 禁用
@@ -577,7 +576,7 @@ function handleConfirm({ selectedItems }: any) {
577576

578577
## 自定义选择器
579578

580-
如果默认的 cell 类型的展示格式不满足需求,可以通过默认插槽进行自定义选择器样式。在标签上添加 use-default-slot 属性并设置为 true。
579+
如果默认的 cell 类型的展示格式不满足需求,可以通过默认插槽进行自定义选择器样式。在标签上添加 use-default-slot 属性并设置为 true。
581580

582581
```html
583582
<view style="margin-bottom: 10px;">当前选中项: {{ displayValue }}</view>
@@ -653,8 +652,8 @@ const columnChange = ({ selectedItem, resolve, finish }) => {
653652
| ellipsis | 是否超出隐藏 | boolean | - | false | - |
654653
| prop | 表单域 `model` 字段名,在使用表单校验功能的情况下,该属性是必填的 | string | - | - | - |
655654
| rules | 表单验证规则,结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - |
656-
| lineWidth | 底部条宽度,单位像素 | number | - | - | 1.3.7 |
657-
| lineHeight | 底部条高度,单位像素 | number | - | - | 1.3.7 |
655+
| lineWidth | 底部条宽度,单位像素 | number | - | - | 1.3.7 |
656+
| lineHeight | 底部条高度,单位像素 | number | - | - | 1.3.7 |
658657

659658
### FormItemRule 数据结构
660659

@@ -679,7 +678,7 @@ const columnChange = ({ selectedItem, resolve, finish }) => {
679678
| 事件名称 | 说明 | 参数 | 最低版本 |
680679
| -------- | -------------------------- | ------------------------------------------------ | -------- |
681680
| confirm | 最后一列选项选中时触发 | `{ value(选项值数组), selectedItems(选项数组) }` | - |
682-
| cancel | 点击关闭按钮或者蒙层时触发 | - | - |
681+
| close | 点击关闭按钮或者蒙层时触发 | - | - |
683682

684683
## Methods
685684

src/uni_modules/wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -127,9 +127,9 @@ function select(rowIndex: number, type: 'action' | 'panels', colIndex?: number)
127127
}
128128
function handleClickModal() {
129129
emit('click-modal')
130-
if (props.closeOnClickModal) {
131-
close()
132-
}
130+
// if (props.closeOnClickModal) {
131+
// close()
132+
// }
133133
}
134134
function handleCancel() {
135135
emit('cancel')

0 commit comments

Comments
 (0)