@antmove/alipay-wx
Version:
transform alipay miniprogram to wx miniprogram tool.
299 lines (296 loc) • 10.4 kB
JavaScript
const { createSupportProp } = require('./utils.js')
/**
* type
* 0 - missing - 不支持该属性
* 1 - diff - 命名及格式不同
* 3 - diffType - 类型不同
* 4 - defaultValue - 默认值不同
* 5 - wrapComponent - 使用自定义组件代替
* 6 - diff tagName
* 7 - equal - 完全支持
*
* status - 支持程度
* 0 - 完整支持
* 1 - 部分支持
* 2 - 不支持
*
* desc - 组件或属性作用描述
*/
module.exports = {
view: {
name: '视图容器',
url: {
original: 'https://docs.alipay.com/mini/component/view',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/view.html',
},
desc: '视图容器',
props: {
role: {
type: 1,
status: 0,
desc: '无障碍访问，（角色）标识元素的作用',
key: 'aria-role',
},
'aria-label': createSupportProp('无障碍访问，（属性）元素的额外描述'),
'disable-scroll': {
type: 0,
status: 2,
desc: '是否阻止区域内滚动页面',
},
'hover-class': createSupportProp('点击时添加的样式类'),
'hover-start-time': {
type: 4,
status: 0,
desc: '按住后多久出现点击态，单位毫秒.',
msg: '支付宝无, 微信默认值40',
},
'hover-stay-time': {
type: 4,
status: 0,
desc: '手指松开后点击态保留时间，单位毫秒.',
msg: '支付宝无, 微信默认值500',
},
hidden: createSupportProp('是否隐藏'),
class: createSupportProp('自定义样式名'),
style: createSupportProp('内联样式'),
'hover-stop-propagation': createSupportProp('是否阻止当前元素的祖先元素出现点击态'),
onAppear: {
type: 0,
status: 2,
desc: '当前元素可见时触发',
},
onDisappear: {
type: 0,
status: 2,
desc: '当前元素从可见变为不可见时触发',
},
'onFirstAppear ': {
type: 0,
status: 2,
desc: '当前元素首次可见时触发',
},
},
},
swiper: {
name: '滑块视图容器',
url: {
original: 'https://docs.alipay.com/mini/component/swiper',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html',
},
desc: '其中只可放置swiper-item组件，否则会导致未定义的行为。',
props: {
'indicator-dots': createSupportProp('是否显示面板指示点'),
'indicator-color': createSupportProp('指示点颜色'),
'indicator-active-color': createSupportProp('当前选中的指示点颜色'),
autoplay: createSupportProp('是否自动切换'),
current: createSupportProp('当前所在滑块的 index'),
duration: createSupportProp('滑动动画时长'),
interval: createSupportProp('自动切换时间间隔'),
circular: createSupportProp('是否启用无限滑动'),
vertical: createSupportProp('滑动方向是否为纵向'),
'previous-margin': createSupportProp('前边距，单位px，1.9.0暂时只支持水平方向'),
'next-margin': createSupportProp('后边距，单位px，1.9.0暂时只支持水平方向'),
acceleration: {
type: 0,
status: 2,
desc: '当开启时，会根据滑动速度，连续滑动多屏',
},
'disable-programmatic-animation': {
type: 0,
status: 2,
desc: '是否禁用代码变动触发 swiper 切换时使用动画',
},
onChange: {
type: 1,
status: 1,
desc: 'current 改变时会触发 change 事件，event.detail = {current, isChanging}',
key: 'bindchange',
},
onTransition: {
type: 1,
status: 1,
desc: 'swiper 中 swiper-item 的位置发生改变时会触发 transition 事件',
key: 'bindtransition',
},
onAnimationEnd: {
type: 1,
status: 1,
desc: '动画结束时会触发 animationEnd 事件',
key: 'bindanimationfinish',
},
'disable-touch': {
type: 0,
status: 2,
desc: '是否禁止用户 touch 操作',
},
},
},
'scroll-view': {
name: '可滚动视图区域',
url: {
original: 'https://docs.alipay.com/mini/component/swiper',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html',
},
desc: '使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。',
props: {
class: createSupportProp('外部样式名'),
style: createSupportProp('内联样式名'),
'scroll-x': createSupportProp('允许横向滚动'),
'scroll-y': createSupportProp('允许纵向滚动'),
'upper-threshold': createSupportProp('距顶部/左边多远时（单位px），触发 scrolltoupper 事件'),
'lower-threshold': createSupportProp('距底部/右边多远时（单位px），触发 scrolltolower 事件'),
'scroll-top': createSupportProp('设置竖向滚动条位置'),
'scroll-left': createSupportProp('设置横向滚动条位置'),
'scroll-into-view': createSupportProp('值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素'),
'scroll-with-animation': createSupportProp('在设置滚动条位置时使用动画过渡'),
'scroll-animation-duration': {
type: 0,
status: 2,
desc: '当 scroll-with-animation 设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位ms',
},
'enable-back-to-top': createSupportProp('当点击 iOS 顶部状态栏或者双击安卓标题栏时，滚动条返回顶部，只支持竖向'),
'trap-scroll': {
type: 0,
state: 2,
desc: '纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动',
},
onScrollToUpper: {
type: 1,
status: 0,
desc: '滚动到顶部/左边时触发',
key: 'bindscrolltoupper',
},
onScrollToLower: {
type: 1,
status: 0,
desc: '滚动到底部/右边时触发',
key: 'bindscrolltolower',
},
onScroll: {
type: 1,
status: 0,
desc: '滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth}',
key: 'bindscroll',
},
onTouchStart: {
type: 1,
status: 0,
desc: '触摸动作开始',
key: 'bindtouchstart',
},
onTouchMove: {
type: 1,
status: 0,
desc: '触摸动作移动',
key: 'bindtouchmove',
},
onTouchEnd: {
type: 1,
status: 0,
desc: '触摸动作结束',
key: 'bindtouchend',
},
'onTouchCancel ': {
type: 1,
status: 0,
desc: '触摸动作被打断，如来电提醒，弹窗',
key: 'bindtouchcancel',
},
},
},
'cover-view': {
name: '覆盖在原生组件之上的文本视图。',
url: {
original: 'https://docs.alipay.com/mini/component/cover-view',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html',
},
desc: '可覆盖的原生组件包括 map、canvas',
props: {
onTap: {
type: 1,
status: 0,
desc: '点击事件回调',
key: 'bindtap',
},
},
},
'cover-image': {
name: '覆盖在原生组件之上的图片视图',
url: {
original: 'https://docs.alipay.com/mini/component/cover-image',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html',
},
desc: '可覆盖的原生组件同cover-view，支持嵌套在cover-view里。',
props: {
src: createSupportProp('图片地址，支持的地址格式同 image 一致'),
onTap: {
type: 1,
status: 0,
desc: '点击事件回调',
key: 'bindtap',
},
},
},
'movable-view': {
name: '可移动的视图容器',
url: {
original: 'https://docs.alipay.com/mini/component/movable-view',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html',
},
desc: '在页面中可以拖拽滑动。movable-view必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。',
props: {
direction: createSupportProp('movable-view的移动方向，属性值有all、vertical、horizontal、none'),
x: createSupportProp('定义 x 轴方向的偏移，会换算为 left 属性，如果 x 的值不在可移动范围内，会自动移动到可移动范围'),
y: createSupportProp(' 定义 y 轴方向的偏移，会换算为 top 属性，如果 y 的值不在可移动范围内，会自动移动到可移动范围'),
disabled: createSupportProp('是否禁用'),
bindchange: {
type: 1,
status: 0,
desc: '拖动过程中触发的事件，event.detail = {x, y, source}',
key: 'onChange',
},
onTouchStart: {
type: 1,
status: 0,
desc: '触摸动作开始',
key: 'bindtouchstart',
},
onTouchMove: {
type: 1,
status: 0,
desc: '触摸动作移动',
key: 'bindtouchmove',
},
onTouchEnd: {
type: 1,
status: 0,
desc: '触摸动作结束',
key: 'bindtouchend',
},
'onTouchCancel ': {
type: 1,
status: 0,
desc: '触摸动作被打断，如来电提醒，弹窗',
key: 'bindtouchcancel',
},
onChange: {
type: 0,
status: 2,
desc: '拖动过程中触发的事件',
},
onChangeEnd: {
type: 0,
status: 2,
desc: '拖动结束触发的事件',
},
},
},
'movable-area': {
name: 'movable-view的可移动区域',
url: {
original: 'https://docs.alipay.com/mini/component/movable-area',
target: 'https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html',
},
desc: 'movable-area 必须设置 width 和 height 属性，不设置默认为 10px。',
},
}