🚧 增加 defaultProps 属性

[buuing]

需求背景:

因为考虑到某些用户的数据可能是后端传递的

• 比如咱们节点的text属性, 后端可能给他返回的不是text, 而是title
• 比如children是子节点, 但是后端可能返回的是items

此时用户要想使用的话, 还得遍历所有树节点, 把title改成text, 把items改成children, 咱们才能识别并渲染

考虑到大部分的初级前端, 并不会遍历树结构, 也是为了提升组件的属性自由度, 打算增加defaultProps属性

功能描述

defaultProps属性与theme同级, 为对象类型, 并且只支持以下5个key的替换

• type
• text
• disabled
• callback
• children

代码示例

interface ConfigType {
  defaultProps?: {
      type?: string, // 可以不传, 不传的话使用默认key, 就是'type'
      text?: string, // 可以不传, 不传的话使用默认key, 就是'text'
      disabled?: string, // 可以不传, 不传的话使用默认key, 就是'disabled'
      children?: string, // 可以不传, 不传的话使用默认key, 就是'children'
      callback?: string // 可以不传, 不传的话使用默认key, 就是'callback'
  }
}

new RightMenu({
  theme: 'mac',
  defaultProps: {
    type: 'flag',
    text: 'title',
    disabled: 'isDisabled',
    children: 'items',
    callback: 'function'
  }
}, [
  {
    flag: 'li',
    title: '复制(C)',
    function: () => alert('点击了复制')
  },
  {
    flag: 'li',
    title: '粘贴(V)',
    isDisabled: true,
    function: () => alert('点击了复制')
  },
  {
    flag: 'ul',
    title: '发送到',
    items: [
      {
        flag: 'li',
        title: '发送到桌面',
      },
      {
        flag: 'li',
        title: '发送到邮件',
      },
    ]
  },
])

[buuing]

item[disabled]相当于item.isDisabled

项目中使用的是ts, 我担心这样的话, 可能导致无法推断类型, 那这个`disabled作为变量时, 还是否能正确的推导吗