import snippets from './snippets';

export default {
  snippets,
  componentName: 'Row',
  title: '布局容器',
  category: '布局',
  props: [
    {
      name: 'cols',
      title: '列数',
      propType: { type: 'oneOf', value: ['1列', '2列', '3列'] },
      extraProps: {
        // getValue(target) {
        //   debugger
        //   const { node } = target;
        //   const gutter = node.getPropValue('gutter');
        //   if (typeof gutter === 'number') {
        //     return gutter;
        //   } else if (Array.isArray(gutter)) {
        //     return gutter[0];
        //   }
        //   return 0;
        // },
        // setValue(target, value) {
        //   const { node } = target;
        //   const cols = node.getPropValue('cols');
        //   if(cols === '3'){
        //
        //   }
        //   // debugger
        //   // if (Array.isArray(gutter)) {
        //   //   gutter[0] = value;
        //   //   node.setPropValue('gutter', gutter);
        //   // } else {
        //   //   node.setPropValue('gutter', [value, 0]);
        //   // }
        // },
      },
    },
    {
      name: 'align',
      title: '列比例',
      propType: 'string',
    },
    // {
    //   name: 'align',
    //   title: { label: '垂直对齐方式', tip: '垂直对齐方式' },
    //   propType: { type: 'oneOf', value: ['top', 'middle', 'bottom'] },
    // },
    // {
    //   name: 'h-gutter',
    //   title: {
    //     label: '水平间隔',
    //     tip: '栅格水平间隔，单位为像素(px)',
    //   },
    //   propType: 'number',
    //   setter: {
    //     componentName: 'NumberSetter',
    //     props: {
    //       min: 0,
    //     },
    //   },
    //   defaultValue: 0,
    //   extraProps: {
    //     getValue(target) {
    //       const { node } = target;
    //       const gutter = node.getPropValue('gutter');
    //       if (typeof gutter === 'number') {
    //         return gutter;
    //       } else if (Array.isArray(gutter)) {
    //         return gutter[0];
    //       }
    //       return 0;
    //     },
    //     setValue(target, value) {
    //       const { node } = target;
    //       const gutter = node.getPropValue('gutter');
    //       if (Array.isArray(gutter)) {
    //         gutter[0] = value;
    //         node.setPropValue('gutter', gutter);
    //       } else {
    //         node.setPropValue('gutter', [value, 0]);
    //       }
    //     },
    //   },
    // },
    // {
    //   name: 'v-gutter',
    //   title: {
    //     label: '垂直间隔',
    //     tip: '栅格垂直间隔，单位为像素(px)',
    //   },
    //   propType: 'number',
    //   setter: {
    //     componentName: 'NumberSetter',
    //     props: {
    //       min: 0,
    //     },
    //   },
    //   defaultValue: 0,
    //   extraProps: {
    //     getValue(target) {
    //       const { node } = target;
    //       const gutter = node.getPropValue('gutter');
    //       if (typeof gutter === 'number') {
    //         return 0;
    //       } else if (Array.isArray(gutter)) {
    //         return gutter[1];
    //       }
    //       return 0;
    //     },
    //     setValue(target, value) {
    //       const { node } = target;
    //       const gutter = node.getPropValue('gutter');
    //       if (Array.isArray(gutter)) {
    //         gutter[1] = value;
    //         node.setPropValue('gutter', gutter);
    //       } else {
    //         node.setPropValue('gutter', [gutter, value]);
    //       }
    //     },
    //   },
    // },
    // {
    //   name: 'justify',
    //   title: { label: '水平排列方式', tip: '水平排列方式' },
    //   propType: {
    //     type: 'oneOf',
    //     value: ['start', 'end', 'center', 'space-around', 'space-between'],
    //   },
    // },
    // {
    //   name: 'wrap',
    //   title: { label: '自动换行', tip: '是否自动换行' },
    //   propType: 'bool',
    //   defaultValue: true,
    // },
  ],
  configure: {
    component: { isContainer: true, nestingRule: { childWhitelist: ['Col'] } },
    // supports: { style: true },
  },
};