jjb-lc-designable/formily-antd/schemas/CSSStyle.js

基于alibaba-designable源码二次封装的表单设计器。

export const CSSStyle = {
  type: 'void',
  properties: {
    'style.width': {
      type: 'string',
      'x-decorator': 'FormItem',
      'x-component': 'SizeInput'
    },
    'style.height': {
      type: 'string',
      'x-decorator': 'FormItem',
      'x-component': 'SizeInput'
    },
    'style.display': {
      'x-component': 'DisplayStyleSetter'
    },
    'style.background': {
      'x-component': 'BackgroundStyleSetter'
    },
    'style.boxShadow': {
      'x-component': 'BoxShadowStyleSetter'
    },
    'style.font': {
      'x-component': 'FontStyleSetter'
    },
    'style.margin': {
      'x-component': 'BoxStyleSetter'
    },
    'style.padding': {
      'x-component': 'BoxStyleSetter'
    },
    'style.borderRadius': {
      'x-component': 'BorderRadiusStyleSetter'
    },
    'style.border': {
      'x-component': 'BorderStyleSetter'
    },
    'style.opacity': {
      'x-decorator': 'FormItem',
      'x-component': 'Slider',
      'x-component-props': {
        defaultValue: 1,
        min: 0,
        max: 1,
        step: 0.01
      }
    }
  }
};