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

transform wechat miniprogram to alipay miniprogram tool.

const Config = require('../../config.js')
const { createSupportProp } = require('./utils.js')

const customComponentPrefix = Config.library.customComponentPrefix

/**
 * type
 * 0 - missing - 不支持该属性
 * 1 - diff - 命名及格式不同
 * 3 - diffType - 类型不同
 * 4 - defaultValue - 默认值不同
 * 5 - wrapComponent - 使用自定义组件代替
 * 6 - diff tagName
 * 7 - equal - 完全支持
 * 
 * status - 支持程度
 * 0 - 完整支持
 * 1 - 部分支持
 * 2 - 不支持
 * 
 * desc - 组件或属性作用描述
 */

module.exports = {
  icon: {
    name: '图标',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/component/icon.html',
      alipay: 'https://docs.alipay.com/mini/component/icon',
    },
    desc: '组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。',
    props: {
      'aria-label': {
        type: 0,
        status: 2,
        desc: '无障碍访问，（属性）元素的额外描述',
      },
      color: createSupportProp('icon的颜色，同css的color'),
      type: createSupportProp('icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear'),
      size: {
        type: 7,
        status: 1,
        desc: 'icon的大小',
      },
    },
  },
  progress: {
    name: '进度条',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/component/progress.html',
      alipay: 'https://docs.alipay.com/mini/component/progress',
    },
    desc: '组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。',
    props: {
      percent: createSupportProp('百分比0~100'),
      'show-info': createSupportProp('在进度条右侧显示百分比'),
      'border-radius': {
        type: 0,
        status: 2,
        desc: '圆角大小',
      },
      'font-size': {
        type: 0,
        status: 2,
        desc: '右侧百分比字体大小',
      },
      color: {
        type: 3,
        status: 0,
        desc: '进度条颜色',
        key: 'active-color',
      },
      activeColor: {
        type: 1,
        status: 0,
        desc: '已选择的进度条的颜色',
        key: 'active-color',
      },
      backgroundColor: {
        type: 1,
        status: 0,
        desc: '未选择的进度条的颜色',
        key: 'background-color',
      },
      active: createSupportProp('进度条从左往右的动画'),
      'active-mode': {
        type: 0,
        status: 2,
        desc: 'backwards: 动画从头播；forwards：动画从上次结束点接着播',
      },
      bindactiveend: {
        type: 0,
        status: 2,
        desc: '动画完成事件',
      },
      'aria-label': {
        type: 0,
        status: 2,
        desc: '无障碍访问，（属性）元素的额外描述',
      },
      'stroke-width': {
        type: 7,
        status: 1,
        desc: '进度条线的宽度',
      },
      duration: {
        type: 0,
        status: 2,
        desc: '进度增加1%所需毫秒数',
      },
    },
  },
  'rich-text': {
    name: '富文本',
    type: 5,
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html',
      alipay: 'https://docs.alipay.com/mini/component/rich-text',
    },
    desc: '富文本。',
    tagName: 'custom-rich-text',
    path: `${customComponentPrefix}/__component/custom-rich-text/custom-rich-text`,
    props: {
      nodes: {
        type: 3,
        status: 1,
        desc: '节点列表/HTML String',
        msg: '支付宝小程序只支持Array类型',
      },
      space: {
        type: 0,
        status: 2,
        desc: '显示连续空格',
      },
    },
  },
  text: {
    name: '文本',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/component/text.html',
      alipay: 'https://docs.alipay.com/mini/component/text',
    },
    desc: '文本。',
    props: {
      selectable: createSupportProp('文本是否可选'),
      space: createSupportProp('显示连续空格'),
      decode: createSupportProp('是否解码'),
      hidden: {
        type: 0,
        status: 2,
        desc: '隐藏该组件',
      },
      'user-select': {
        type: 1,
        status: 0,
        desc: '文本是否可选',
        key: 'selectable',
      },
    },
  },
  wxs: {
    type: 1,
    tagName: 'import-sjs',
    props: {
      src: {
        type: 1,
        desc: 'diff',
        key: 'from',
      },
      module: {
        type: 1,
        desc: 'diff',
        key: 'name',
      },
    },
    desc: '微信脚本',
  },
  block: {
    name: '块',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html#block%20wx:for',
      alipay: 'https://docs.alipay.com/mini/framework/list-render',
    },
    desc: '渲染一个包含多节点的结构块',
    type: 1,
    status: 0,
  },
  import: {
    name: '引用',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html',
      alipay: 'https://docs.alipay.com/mini/framework/import',
    },
    desc: 'import可以在该文件中使用目标文件定义的template',
    props: {
      src: createSupportProp('路径'),
    },
    type: 7,
    status: 0,
  },
  include: {
    name: '引用',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html',
      alipay: 'https://opendocs.alipay.com/mini/framework/import#include',
    },
    desc: 'include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入，相当于是拷贝到 include 位置',
    props: {
      src: createSupportProp('路径'),
    },
    type: 7,
    status: 0,
  },
  template: {
    name: '模板',
    url: {
      wechat: 'https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/template.html',
      alipay: 'https://docs.alipay.com/mini/framework/axml-template',
    },
    desc: '可以在模板中定义代码片段，然后在不同的地方调用',
    props: {
      name: createSupportProp('名字'),
      is: createSupportProp('声明需要的使用的模板'),
      data: createSupportProp('数据'),
    },
    type: 7,
    status: 0,
  },
}