gengyang.gy 430d522353 refactor: material parser code style
1. 修复eslint问题
2. instanceOf => any
3. 修复node类型解析失败问题

Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/3716330

* refactor: material parser code style
2020-09-12 17:39:13 +08:00

11 KiB

Snapshot report for test/online.ts

The actual snapshot is saved in online.ts.snap.

Generated by AVA.

materialize mc-hello by online

Snapshot 1

[
  {
    componentName: 'default',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: false,
      exportName: 'default',
      main: 'lib/index.js',
      package: 'mc-hello',
      subName: '',
      version: '1.0.1',
    },
    props: [
      {
        name: 'color',
        propType: 'string',
      },
      {
        name: 'background',
        propType: 'string',
      },
      {
        defaultValue: false,
        name: 'round',
        propType: 'bool',
      },
      {
        defaultValue: 200,
        name: 'width',
        propType: 'number',
      },
      {
        defaultValue: 40,
        name: 'height',
        propType: 'number',
      },
      {
        name: 'children',
        propType: 'node',
      },
    ],
    screenshot: '',
    title: 'mc-hello',
  },
]

materialize react-color by online

Snapshot 1

[
  {
    componentName: 'BlockPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'BlockPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 170,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'top',
            'hide',
          ],
        },
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'CirclePicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'CirclePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 252,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: 28,
        name: 'circleSize',
        propType: 'number',
      },
      {
        defaultValue: 14,
        name: 'circleSpacing',
        propType: 'number',
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'default',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: false,
      exportName: 'default',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 225,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        name: 'styles',
        propType: 'object',
      },
      {
        name: 'defaultView',
        propType: {
          type: 'oneOf',
          value: [
            'hex',
            'rgb',
            'hsl',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'ChromePicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'ChromePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 225,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        name: 'styles',
        propType: 'object',
      },
      {
        name: 'defaultView',
        propType: {
          type: 'oneOf',
          value: [
            'hex',
            'rgb',
            'hsl',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'CompactPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'CompactPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'GithubPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'GithubPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 200,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'hide',
            'top-left',
            'top-right',
            'bottom-left',
            'bottom-right',
          ],
        },
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'HuePicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'HuePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'PhotoshopPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'PhotoshopPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        name: 'header',
        propType: 'string',
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SketchPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SketchPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        defaultValue: 200,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SliderPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SliderPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SwatchesPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SwatchesPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 320,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: 240,
        name: 'height',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'TwitterPicker',
    devMode: 'proCode',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'TwitterPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 276,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'hide',
            'top-left',
            'top-right',
          ],
        },
      },
      {
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
]