@antmove/alipay-wx/config/componentsInfo/basic.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 = {
    'text': {
        name: '文本',
        url: {
            original: 'https://docs.alipay.com/mini/component/text',
            target: 'https://developers.weixin.qq.com/miniprogram/dev/component/text.html'
        },
        desc: '文本',
        props: {
            'role': {
                type: 1,
                status: 0,
                desc: '无障碍访问，（角色）标识元素的作用',
                key: 'aria-role'
            },
            'aria-label': createSupportProp('无障碍访问，（属性）元素的额外描述'),
            'selectable': createSupportProp('文本是否可选'),
            'space': createSupportProp('以何种方式显示连续空格'),
            'decode': createSupportProp('是否解码'),
            'number-of-lines': {
                type: 0,
                status: 2,
                desc: '多行省略，值须大于等于1',
            }
        }
    },
    'icon': {
        name: '图标',
        url: {
            original: 'https://docs.alipay.com/mini/component/icon',
            target: 'https://developers.weixin.qq.com/miniprogram/dev/component/icon.html'
        },
        desc: '图标',
        props: {
            'role': {
                type: 1,
                status: 0,
                desc: '无障碍访问，（角色）标识元素的作用',
                key: 'aria-role'
            },
            'aria-label': createSupportProp('无障碍访问，（属性）元素的额外描述'),
            'type': createSupportProp('icon 类型，有效值： info, warn, waiting, cancel, download, search, clear, success, success_no_circle,loading'),
            'size': createSupportProp('icon 大小，单位 px'),
            'color': createSupportProp('icon的颜色，同css的color'),
        }
    },
    'progress': {
        name: '进度条',
        url: {
            original: 'https://docs.alipay.com/mini/component/progress',
            target: 'https://developers.weixin.qq.com/miniprogram/dev/component/progress.html'
        },
        desc: '进度条',
        props: {
            'percent': createSupportProp('百分比0~100'),
            'show-info': createSupportProp('在右侧显示百分比值'),
            'stroke-width': {
                type: 3,
                status: 1,
                desc: '进度条线的宽度'
            },
            'active-color': {
                type: 1,
                status: 0,
                desc: '已选择的进度条的颜色',
                key: 'activeColor',
            },
            'background-color': {
                type: 1,
                status: 0,
                desc: '未选择的进度条的颜色',
                key: 'backgroundColor',
            },
            'active': createSupportProp('从左往右是否进行加载动画')
        }
    },
    'rich-text': {
        name: '富文本',
        url: {
            original: 'https://docs.alipay.com/mini/component/rich-text',
            target: 'https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html'
        },
        desc: '富文本',
        props: {
            'nodes': {
                name: '富文本',
                status: 0,
                type: 7,
                desc: '富文本',
                props: {
                    'type': createSupportProp('节点类型'),
                    'name': createSupportProp('标签名'),
                    'attrs': createSupportProp('属性'),
                    'children': createSupportProp('子节点列表')
                }
            }
        }
    }
};