import { snippets } from './snippets';
import props from './propsSchema';
import { uuid } from '../utils';
import { DataFormSource, takeIcon } from '../icons';

const FormilyFormMeta = {
  componentName: 'FormilyForm',
  title: 'FormilyForm',
  group: 'FormilyAntdMobile',
  category: '布局组件',
  npm: {
    package: 'formily-antd-mobile-materials',
    version: 'latest',
    exportName: 'FormilyForm',
    main: '',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        name: 'ref',
        title: {
          label: 'ref',
          tip: "ref | 通过 this.$('xxx') 获取到组件实例",
        },
        defaultValue: () => {
          return `formily_${uuid()}`;
        },
        setter: ['StringSetter', 'VariableSetter'],
      },
      ...props,
    ],
    component: {
      isContainer: true,
      // todo: descendantBlacklist 配置无效
      // nestingRule: {
      //   descendantBlacklist: (item) => {
      //   },
      // },
    },
    supports: {
      style: true,
    },
  },
  advanced: {},
  icon: takeIcon(DataFormSource),
};

export default {
  ...FormilyFormMeta,
  snippets,
};