@antmove/alipay-wx/config/componentsInfo/canvas.js

transform alipay miniprogram to wx miniprogram tool.

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 = {
  canvas: {
    name: '画布',
    url: {
      original: 'https://docs.alipay.com/mini/component/canvas',
      target: 'https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html',
    },
    desc: '相关 API：my.createCanvasContext',
    props: {
      id: {
        type: 1,
        status: 0,
        desc: 'canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性',
        key: 'canvas-id',
      },
      style: createSupportProp('内联样式'),
      class: createSupportProp('外联样式'),
      width: {
        type: 0,
        status: 2,
        desc: 'canvas width attribute',
      },
      height: {
        type: 0,
        status: 2,
        desc: 'canvas height attribute',
      },
      'disable-scroll': createSupportProp('禁止屏幕滚动以及下拉刷新'),
      onTap: {
        type: 1,
        status: 0,
        desc: '点击事件',
        key: 'bindtap',
      },
      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',
      },
      onLongTap: {
        type: 1,
        status: 0,
        desc: '手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动',
        key: 'bindlongtap',
      },
    },
  },
}