import snippets from './snippets';

export default {
  componentName: 'ProCascaderSelect',
  title: '级联选择器',
  group: '精选组件',
  category: '基础元素',
  docUrl: '',
  screenshot: '',
  npm: {
    package: 'lowcode-edit-pro-table',
    version: '{{version}}',
    exportName: 'ProCascaderSelect',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'prefix',
      propType: 'string',
      defaultValue: 'next-',
    },
    {
      name: 'label',
      title: {
        label: 'label',
        tip: '自定义内联 label',
      },
      propType: 'string',
      description: '自定义内联 label',
    },
    {
      name: 'className',
      propType: 'string',
    },
    {
      name: 'size',
      propType: {
        type: 'oneOf',
        value: ['small', 'medium', 'large'],
      },
      description: '大小',
      defaultValue: 'medium',
    },
    {
      name: 'placeholder',
      propType: 'string',
      description: '占位符',
    },
    {
      name: 'dataSource',
      propType: {
        type: 'arrayOf',
        value: 'object',
      },
    },
    {
      name: 'defaultValue',
      propType: {
        type: 'oneOfType',
        value: ['string'],
      },
      description: '默认值',
    },
    // {
    //   name: 'disabled',
    //   propType: 'bool',
    //   description: '是否禁用',
    //   defaultValue: false,
    // },
    {
      name: 'required',
      propType: 'bool',
      description: '是否必填',
      defaultValue: false,
    },
    {
      name: 'disableEdit',
      propType: 'bool',
      description: '禁止编辑',
      defaultValue: false,
    },
    {
      name: 'hasArrow',
      propType: 'bool',
      description: '下拉箭头',
      defaultValue: true,
    },
    {
      name: 'hasBorder',
      propType: 'bool',
      description: '边框',
      defaultValue: true,
    },
    {
      name: 'hasClear',
      propType: 'bool',
      description: '清除按钮',
      defaultValue: false,
    },
    {
      name: 'notFoundContent',
      title: {
        label: '无数据时显示内容',
        tip: 'notFoundContent',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      description: '无数据时显示内容',
      defaultValue: 'Not Found',
    },
    {
      name: 'loadData',
      propType: 'func',
      description: '异步加载数据函数\n@param {Object} data 当前点击异步加载的数据',
    },
    {
      name: 'header',
      propType: 'node',
      description: '自定义下拉框头部',
    },
    {
      name: 'footer',
      propType: 'node',
      description: '自定义下拉框底部',
    },
    {
      name: 'defaultVisible',
      title: {
        label: '初始下拉框是否显示',
        tip: 'defaultVisible',
      },
      propType: 'bool',
      description: '初始下拉框是否显示',
      defaultValue: false,
    },
    {
      name: 'visible',
      title: {
        label: '当前下拉框是否显示',
        tip: 'visible',
      },
      propType: 'bool',
      description: '当前下拉框是否显示',
    },
    {
      name: 'disableEdit',
      propType: 'bool',
      description: '禁止编辑',
    },
    {
      name: 'onChange',
      propType: 'func',
      description:
        '选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据',
    },
    {
      name: 'expandTriggerType',
      propType: {
        type: 'oneOf',
        value: ['click', 'hover'],
      },
      description: '展开触发方式',
      defaultValue: 'click',
    },
    {
      name: 'onExpand',
      propType: 'func',
    },
    {
      name: 'useVirtual',
      propType: 'bool',
      description: '虚拟滚动',
      defaultValue: false,
    },
    {
      name: 'multiple',
      propType: 'bool',
      description: '是否多选',
      defaultValue: false,
    },
    {
      name: 'changeOnSelect',
      title: {
        label: '选中即改变',
        tip: 'changeOnSelect|是否选中即发生改变, 该属性仅在单选模式下有效',
      },
      propType: 'bool',
      description: '是否选中即发生改变, 该属性仅在单选模式下有效',
      defaultValue: false,
    },
    {
      name: 'canOnlyCheckLeaf',
      title: {
        label: 'canOnlyCheckLeaf',
        tip: '是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效',
      },
      propType: 'bool',
      description: '是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效',
      defaultValue: false,
    },
    {
      name: 'checkStrictly',
      title: {
        label: 'checkStrictly',
        tip: '父子节点是否选中不关联',
      },
      propType: 'bool',
      description: '父子节点是否选中不关联',
      defaultValue: false,
    },
    {
      name: 'listStyle',
      propType: 'object',
      description: '每列列表样式对象',
    },
    {
      name: 'resultAutoWidth',
      title: {
        label: 'resultAutoWidth',
        tip: '搜索结果列表是否和选择框等宽',
      },
      propType: 'bool',
      description: '搜索结果列表是否和选择框等宽',
      defaultValue: true,
    },
    {
      name: 'showSearch',
      propType: 'bool',
      description: '搜索框',
      defaultValue: false,
    },
    {
      name: 'filter',
      propType: 'func',
      description:
        '自定义搜索函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 节点路径\n@return {Boolean} 是否匹配\n@default 根据路径所有节点的文本值模糊匹配',
    },
    {
      name: 'onVisibleChange',
      propType: 'func',
      description:
        '下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发',
    },
    {
      name: 'popupStyle',
      propType: 'object',
      description: '下拉框自定义样式对象',
    },
    {
      name: 'popupProps',
      propType: 'object',
      description: '透传到 Popup 的属性对象',
    },
    {
      name: 'followTrigger',
      title: {
        label: '是否跟随滚动',
        tip: 'followTrigger',
      },
      propType: 'bool',
      description: '是否跟随滚动',
    },
    {
      name: 'isPreview',
      title: {
        label: '是否为预览态',
        tip: 'isPreview',
      },
      propType: 'bool',
      description: '是否为预览态',
    },
    {
      name: 'style',
      propType: 'object',
    },
    {
      name: 'popupContainer',
      propType: 'any',
      description: '弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: ['onChange', 'onExpand', 'onVisibleChange'],
    },
    props: [
      {
        name: 'label',
        title: {
          label: '内联文案',
          tip: '自定义内联 label',
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'size',
        title: '尺寸',
        setter: {
          componentName: 'RadioGroupSetter',
          props: { options: ['small', 'medium', 'large'] },
        },
        defaultValue: 'medium',
      },
      {
        name: 'placeholder',
        title: '占位提示',
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'dataSource',
        title: '级联数据',
        setter: 'JsonSetter',
        supportVariable: true,
      },
      {
        name: 'defaultValue',
        title: '默认值',
        defaultValue: '',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'required',
        setter: 'BoolSetter',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '是否必填',
            en_US: 'Required',
          },
          tip: 'required | 是否必填',
        },
        supportVariable: true,
        defaultValue: false,
      },
      {
        name: 'disableEdit',
        setter: 'BoolSetter',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '禁止编辑',
            en_US: 'Disable Edit',
          },
          tip: 'disableEdit | 禁止编辑',
        },
        supportVariable: true,
        defaultValue: false,
      },
      {
        name: 'hasArrow',
        setter: 'BoolSetter',
        supportVariable: true,
        title: '下拉箭头',
        defaultValue: true,
      },
      {
        name: 'hasBorder',
        setter: 'BoolSetter',
        supportVariable: true,
        title: '边框',
        defaultValue: true,
      },
      {
        name: 'hasClear',
        setter: 'BoolSetter',
        supportVariable: true,
        title: '清除按钮',
        defaultValue: false,
      },
      // {
      //   name: 'disabled',
      //   setter: 'BoolSetter',
      //   supportVariable: true,
      //   title: '是否禁用',
      //   defaultValue: false,
      // },
      {
        name: 'multiple',
        setter: 'BoolSetter',
        supportVariable: true,
        title: '是否多选',
        defaultValue: false,
      },
      {
        name: 'showSearch',
        setter: 'BoolSetter',
        supportVariable: true,
        title: '搜索框',
        defaultValue: false,
      },
      {
        name: 'followTrigger',
        title: {
          label: '跟随滚动',
          tip: 'followTrigger',
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否跟随滚动',
      },
      {
        name: 'isPreview',
        title: {
          label: '预览态',
          tip: 'isPreview',
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否为预览态',
      },
      {
        name: 'expandTriggerType',
        display: 'block',
        setter: {
          componentName: 'RadioGroupSetter',
          props: { options: ['click', 'hover'] },
        },
        title: '展开触发方式',
        defaultValue: 'click',
      },
      {
        name: 'notFoundContent',
        display: 'block',
        title: {
          label: '无数据时显示内容',
          tip: 'notFoundContent',
        },
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'SlotSetter'],
          },
        },
        defaultValue: 'Not Found',
      },
      {
        type: 'group',
        title: '高级',
        display: 'block',
        items: [
          {
            name: 'id',
            title: {
              label: {
                type: 'i18n',
                zh_CN: '唯一标识',
                en_US: 'ID',
              },
              tip: {
                type: 'i18n',
                zh_CN: '属性: id | 说明: 唯一标识',
                en_US: 'prop: id | description: switch id',
              },
            },
            setter: 'StringSetter',
            supportVariable: true,
          },
          {
            name: 'name',
            title: {
              label: {
                type: 'i18n',
                zh_CN: '表单标识',
                en_US: 'Name',
              },
              tip: {
                type: 'i18n',
                zh_CN: '属性: name | 说明: 表单标识',
                en_US: 'prop: name | description: switch name',
              },
            },
            setter: 'StringSetter',
            supportVariable: true,
          },
        ],
      },
    ],
  },
  icon: '',
  snippets,
};