import snippets from "./snippets";

export default {
  snippets,
  componentName: "PisellRow",
  title: "Pisell Row",
  category: "布局",
  docUrl: "",
  screenshot: "",
  devMode: "proCode",
  npm: {
    package: "@pisell/materials",
    version: "1.0.1",
    exportName: "PisellRow",
    main: "src/index.tsx",
    destructuring: true,
    subName: "",
  },
  props: [
    {
      name: "platform",
      title: {
        label: "平台",
      },
      propType: { type: "oneOf", value: ["h5", "pc", "ipad"] },
      setter: [
        {
          componentName: "RadioGroupSetter",
          props: {
            options: [
              {
                title: "h5",
                value: "h5",
              },
              {
                title: "pc",
                value: "pc",
              },
              {
                title: "ipad",
                value: "ipad",
              },
            ],
          },
        },
        "VariableSetter",
      ],
      defaultValue: "pc",
    },
    {
      name: 'gap',
      title: { label: '间距' },
      propType: 'number',
      defaultValue: 10,
      setter: ['NumberSetter', 'StringSetter', 'VariableSetter']
    },
    {
      name: 'padding',
      title: { label: '内边距' },
      propType: 'number',
      defaultValue: 10,
      setter: ['NumberSetter', 'StringSetter', 'VariableSetter']
    },
    {
      name: 'centerContentFill',
      title: { label: '中间内容是否充满' },
      propType: 'bool',
      defaultValue: true,
      setter: ['BoolSetter', 'VariableSetter']
    },
    {
      name: 'leftContent',
      title: { label: '左侧内容' },
      propType: "func",
      setter: [
        {
          componentName: "SlotSetter",
        },
        {
          componentName: "FunctionSetter",
        },
        "VariableSetter",
      ],
    },
    {
      name: 'centerContent',
      title: { label: '中间内容' },
      propType: "func",
      setter: [
        {
          componentName: "SlotSetter",
        },
        {
          componentName: "FunctionSetter",
        },
        "VariableSetter",
      ],
    },
    {
      name: 'rightContent',
      title: { label: '右侧内容' },
      propType: "func",
      setter: [
        {
          componentName: "SlotSetter",
        },
        {
          componentName: "FunctionSetter",
        },
        "VariableSetter",
      ],
    },
  ],
  configure: {
    component: {
      centerContentFill: true,
      platform: 'pc'

    },
    supports: {
      style: true,
      events: [

      ],
    },
  },
};