export const styleConfigureProps = [
    {
      name: 'name',
      title: '样式',
      display: 'inline',
      initialValue: '',
      isRequired: true,
      setter: {
        componentName: 'SelectSetter',
        props: {
          options: [
            {
              title: 'width',
              value: 'width',
            },
            {
              title: 'height',
              value: 'height',
            },
            {
              title: 'top',
              value: 'top',
            },
            {
              title: 'bottom',
              value: 'bottom',
            },
            {
              title: 'left',
              value: 'left',
            },
            {
              title: 'right',
              value: 'right',
            },
            {
              title: 'margin-top',
              value: 'margin-top',
            },
            {
              title: 'margin-bottom',
              value: 'margin-bottom',
            },
            {
              title: 'margin-left',
              value: 'margin-left',
            },
            {
              title: 'margin-right',
              value: 'margin-right',
            },
            {
              title: 'padding-top',
              value: 'padding-top',
            },
            {
              title: 'padding-bottom',
              value: 'padding-bottom',
            },
            {
              title: 'padding-left',
              value: 'padding-left',
            },
            {
              title: 'padding-right',
              value: 'padding-right',
            },
            {
              title: 'border-radius',
              value: 'border-radius',
            },
            {
              title: 'border-left-top-radius',
              value: 'border-left-top-radius',
            },
            {
              title: 'border-right-top-radius',
              value: 'border-right-top-radius',
            },
            {
              title: 'border-right-bottom-radius',
              value: 'border-right-bottom-radius',
            },
            {
              title: 'border-left-bottom-radius',
              value: 'border-left-bottom-radius',
            },
            {
              title: 'backgroundColor',
              value: 'backgroundColor',
            },
            {
              title: 'opacity',
              value: 'opacity',
            },
            {
              title: 'color',
              value: 'color',
            },
            {
              title: 'tintColor',
              value: 'tintColor',
            },
            {
              title: 'placeholderColor',
              value: 'placeholderColor',
            },
            {
              title: 'border-color',
              value: 'border-color',
            }
          ],
        },
      }
    },
    {
      name: 'value',
      title: '值',
      display: 'inline',
      isRequired: true,
      initialValue: '',
      "setter": {
        "componentName": "StringSetter",
        "isRequired": false,
      }
    },
  ];

export const commonLayoutProps = {
  name: 'layout',
  type: "group",
  display: 'block',
  title: {
    label: '布局',
  },
  items: [
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "aspect-ratio",
          "zh-CN": "aspect-ratio"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: aspect-ratio | 说明: 宽高比',
          "en_US": 'prop: aspect-ratio | description: aspect ratio',
        },
      },
      "name": "aspectRatio",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "flex-grow",
          "zh-CN": "flex-grow"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: flex-grow',
          "en_US": 'prop: flex-grow ',
        },
      },
      "name": "flexGrow",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "flex-shrink",
          "zh-CN": "flex-shrink"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: flex-shrink',
          "en_US": 'prop: flex-shrink',
        },
      },
      "name": "flexShrink",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "min-width",
          "zh-CN": "min-width"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: min-width',
          "en_US": 'prop: min-width',
        },
      },
      "name": "minWidth",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "min-height",
          "zh-CN": "min-height"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: min-height',
          "en_US": 'prop: min-height',
        },
      },
      "name": "minHeight",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "max-width",
          "zh-CN": "max-width"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: max-width',
          "en_US": 'prop: max-width',
        },
      },
      "name": "maxWidth",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    },
    {
      "title": {
        "label": {
          "type": "i18n",
          "en-US": "max-height",
          "zh-CN": "max-height"
        },
        "tip": {
          "type": 'i18n',
          "zh_CN": '属性: max-height',
          "en_US": 'prop: max-height',
        },
      },
      "name": "maxHeight",
      "setter": {
        "componentName": "MixedSetter",
        "isRequired": false,
        props: {
          setters: [
            'StringSetter',
            'VariableSetter',
          ],
        }
      }
    }
  ]
}

export const customStyleConfigure = {
    name: 'custom style',
    type: "group",
    display: 'block',
    title: {
      label: '自定义样式',
    },
    items:[
      {
        name: 'customStyle',
        title: '自定义样式',
        extraProps: {
          display: 'plain',
        },
        setter: {
          componentName: 'ArraySetter',
          props: {
            hideDescription: true,
            itemSetter: {
              componentName: 'ObjectSetter',
              props: {
                config: {
                  items: styleConfigureProps,
                },
              },
              initialValue: () => ({
                name: '',
                value: '',
              }),
            },
          },
        }
      }
    ]
  }