UNPKG

hae

Version:

Mobile web UI based on Vux

219 lines (217 loc) 6.64 kB
category: en: Form 'zh-CN': 表单 icon: '' tags: en: - popup - picker - form zh-CN: - 表单 - 选择 - 弹窗 extra: en: | ::: tip other props are the same as `Picker` ::: zh-CN: | ::: tip 其他选项与`picker`一致 ::: tips: zh-CN: - q: iPhone 上弹窗显示时遮罩层闪烁 a: | 未找到解决方式。在 iOS11 之前会出现,在 iOS11 后似乎已经不能重现,可能要归结于系统浏览器原因。 相关 issue: [#2239](https://github.com/airyland/vux/issues/2239) props: value: type: Array en: picker value, use `v-model` for binding zh-CN: '表单值,使用`v-model绑定`' title: en: label text zh-CN: 标题 cancel-text: en: popup cancel text zh-CN: 弹窗的取消文字 confirm-text: en: popup confirm text zh-CN: 弹窗的确认文字 placeholder: en: placeholder zh-CN: 提示文字 show-name: type: Boolean default: false en: if show names instead of keys zh-CN: 是否显示文字值而不是key inline-desc: en: description text below label zh-CN: Cell的描述文字 show: type: Boolean en: popup show (supports the .sync modifier next) zh-CN: 显示 (支持.sync修饰 next) value-text-align: type: String version: v2.1.0-rc.3 default: right en: value's text align zh-CN: 'value 对齐方式(text-align)' display-format: type: Function version: v2.1.1-rc.7 en: 'used to format display text on cell, param: (currentValue)' zh-CN: 自定义在cell上的显示格式,参数为当前 value,使用该属性时,show-name 属性将失效 popup-style: version: v2.5.2 type: Object en: popup style zh-CN: 弹窗样式,可以用于强制指定 z-index popup-title: version: v2.7.0 type: String en: popup title zh-CN: 弹窗标题 disabled: version: v2.9.0 type: Boolean default: false en: whether disable selecting zh-CN: 是否禁用选择 slots: title: version: v2.3.7 en: title slot, use scope.labelClass and scope.labelStyle to inherit label styles zh-CN: 标题插槽,使用 scope.labelClass 和 scope.labelStyle 继承原有样式(实现样式受控于 group label 设置) events: on-change: params: '`(value)`' en: emits when value is changed zh-CN: 值变化时触发 on-show: en: emits when popup shows zh-CN: 弹窗出现时触发 on-hide: params: '`(closeType)` true表示confirm(选择确认), false表示其他情况的关闭' en: emits when popup is closed zh-CN: 弹窗关闭时触发 on-shadow-change: version: v2.5.6 params: '`(Array ids, Array names)`' en: emits when picker value is changed zh-CN: picker 值变化时触发,即滑动 picker 时触发 changes: v2.9.0: en: - '[feature] add prop:disabled #2594' zh-CN: - '[feature] 支持属性 disabled #2594' v2.7.7: en: - '[fix] remove the first top line #2371' zh-CN: - '[fix] 去除第一个子元素的上边线 #2371' v2.7.0: en: - '[feature] add prop:popup-title(use component:popup-header) #1866' zh-CN: - '[feature] 增加属性 popup-title(使用 popup-header 组件) #1866' v2.5.10: en: - '[feature] support @cell-value-color #1874' zh-CN: - '[feature] 值文字颜色受控于 @cell-value-color #1874' v2.5.8: en: - '[fix] prevent background scrolling when popup is show #1830' zh-CN: - '[fix] popup显示时阻止背景滚动 #1830' v2.5.7: en: - '[fix] Fix render issue after changing value #1793' zh-CN: - '[fix] 修复修改值后第二次打开默认选中项渲染不正确的问题 #1793' v2.5.6: en: - '[feature] Support event:on-shadow-change #1778' zh-CN: - '[feature] 支持在滑动 picker 时触发事件 on-shadow-change #1778' v2.5.3: en: - '[fix] Fix label style being overwrite after importing x-textarea #1696' zh-CN: - '[fix] 修复在 x-textarea 后引入 popup-picker label 宽度被覆盖 #1696' v2.5.2: en: - '[feature] Add prop:popup-style #1656' zh-CN: - '[feature] 支持弹窗样式设置 prop:popup-style #1656' v2.4.1: en: - '[fix] popup-picker-header add touchmove.prevent event #1596' zh-CN: - '[fix] popup-picker头部区域屏蔽滑动事件 #1596' v2.3.8: en: - '[fix] Fix placeholder missing on iOS9 and iOS8 #1293' zh-CN: - '[fix] 修复 iOS 低版本下 placeholder 无法显示的问题 #1293' v2.3.7: en: - '[feature] Add slot:title' zh-CN: - '[feature] 添加 slot:title' v2.2.1-rc.7: en: - '[fix] Fix popup-picker filter issue on v2.2.1-rc.6' zh-CN: - '[fix] 修复 popup-picker 上个版本转换值的问题' v2.2.1-rc.6: en: - '[enhance] Add param names for display-format' zh-CN: - '[enhance] display-format 支持 names 作为第二个参数' v2.2.1-rc.1: en: - '[fix] Fix wrong closeType #1209' zh-CN: - '[fix] 修复错误的弹窗关闭类型 #1209' v2.1.1-rc.13: en: - '[enhance] Use gray for cancel text color' zh-CN: - '[enhance] 取消文字使用灰色' v2.1.1-rc.11: en: - '[enhance] Fix mask render slowly in Safari. #1083 @sixiakun' - '[enhance] Enable transfer-dom by default' zh-CN: - '[enhance] 修复 Safari 下遮罩层渲染慢的问题 #1083 @sixiakun' - '[enhance] 默认开启 transfer-dom,解决非 Safari 也会出现的 z-index 问题' v2.1.1-rc.8: en: - '[enhance] Update header style and add less variables' zh-CN: - '[enhance] 更新头部样式并新增 less 变量' v2.1.1-rc.7: en: - '[enhance] Support PC mouse drag #1039 @michael829' - '[enhance] Support prop:display-format' zh-CN: - '[enhance] 支持 PC 上鼠标选择 #1039 @michael829' - '[enhance] 支持根据值自定义显示格式' v2.1.1-rc.1: en: - '[fix] Fix labelMarginRight #977 @wg5945' zh-CN: - '[fix] 修复 label 未正确设置 labelMarginRight #977 @wg5945' v2.1.0-rc.50: en: - '[fix] Fix no on-change emits #934 @howyhuang' zh-CN: - '[fix] 修复`on-change`事件没有触发 #934 @howyhuang'