import snippets from './snippets';
import { pickerBaseEvents, pickerModalProps } from '../_utils/picker/common';

export default {
  snippets,
  componentName: 'AMModelessCascadePicker',
  docUrl: 'https://mobile.ant.design/zh/components/picker#cascadepicker',
  title: '非模态级联选择器',
  category: '表单',
  group: '基础组件',
  props: [
    {
      name: 'render',
      title: {
        label: '内容',
        tip: 'render | 内容，可以通过this.value 获取选中值',
      },
      propType: 'func',
      setter: {
        componentName: 'SlotSetter',
        title: '内容',
        initialValue: {
          type: 'JSSlot',
          params: ['value'],
          value: [
            {
              componentName: 'AMText',
              props: {
                type: 'inherit',
                children: {
                  type: 'JSExpression',
                  value:
                    '`${Array.isArray(this.value) && this.value.length ? this.value.map(v => v.label).join(\'/\') : "请选择"}`',
                },
              },
            },
          ],
        },
      },
    },
    {
      name: 'options',
      title: { label: '数据', tip: 'columns | 数据' },
      propType: 'object',
      setter: 'JsonSetter',
      supportVariable: true,
    },
    ...pickerModalProps,
  ],
  configure: {
    supports: {
      style: true,
      events: [...pickerBaseEvents],
    },
  },
};