import { MetaType } from '../_utils/type';
import {
  genGeneralVariablesSetting,
} from '../_utils/defaultSchema';
import snippets from './snippets';

const DataSourceTypographyText: MetaType = {
  snippets,
  componentName: 'DataSourceTypography.Text',
  title: '文本',
  category: '无代码数据展示',
  group: '无代码组件',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@pisell/materials',
    version: '1.0.1',
    exportName: 'DataSourceTypography',
    main: 'src/index.tsx',
    destructuring: true,
    subName: 'Text',
  },
  generalProps: [
    genGeneralVariablesSetting({
      name: 'children',
      title: { label: '内容', tip: '内容' },
    }),
  ],
  configure: {
    props: [
      {
        name: 'children',
        title: { label: '内容', tip: '内容' },
        setter: {
          componentName: 'PisellI18nSetter',
        },
        defaultValue: '',
        supportVariable: true,
      },
      {
        name: 'code',
        title: { label: '添加代码样式', tip: '添加代码样式' },
        defaultValue: false,
      },
      {
        name: 'delete',
        title: { label: '添加删除线样式', tip: '添加删除线样式' },
        defaultValue: false,
      },
      {
        name: 'disabled',
        title: { label: '是否禁用', tip: '是否为禁用状态' },
        defaultValue: false,
      },

      {
        name: 'mark',
        title: { label: '添加标记样式', tip: '添加标记样式' },
        defaultValue: false,
      },
      {
        name: 'keyboard',
        title: { label: '添加键盘样式', tip: '添加键盘样式' },
        defaultValue: false,
      },
      {
        name: 'underline',
        title: { label: '添加下划线样式', tip: '添加下划线样式' },
        defaultValue: false,
      },
      {
        name: 'strong',
        title: { label: '是否加粗', tip: '是否加粗' },
        defaultValue: false,
      },
      {
        name: 'type',
        title: { label: '文本类型', tip: '文本类型' },
        setter: {
          componentName: 'SelectSetter',
          props: {
            options: [
              {
                title: '默认',
                value: 'default',
              },
              {
                title: '弱提示',
                value: 'secondary',
              },
              {
                title: '成功',
                value: 'success',
              },
              {
                title: '警告',
                value: 'warning',
              },
              {
                title: '错误',
                value: 'danger',
              },
            ],
          },
        },
      },
      {
        title: '高级',
        type: 'group',
        display: 'accordion',
        items: [
          {
            name: 'copyable',
            title: { label: '是否可拷贝', tip: '是否可拷贝' },
            setter: [
              {
                componentName: 'BoolSetter',
                isRequired: false,
                initialValue: false,
              },
              {
                componentName: 'JsonSetter',
                isRequired: false,
              },
            ],
          },
          {
            name: 'editable',
            title: { label: '是否可编辑', tip: '是否可编辑' },
            setter: [
              {
                componentName: 'BoolSetter',
                isRequired: false,
                initialValue: false,
              },
              {
                componentName: 'JsonSetter',
                isRequired: false,
              },
            ],
          },
          {
            name: 'ellipsis',
            title: {
              label: '自动溢出省略',
              tip: '设置自动溢出省略，需要设置元素宽度',
            },
            setter: [
              {
                componentName: 'BoolSetter',
                isRequired: false,
                initialValue: false,
              },
              {
                componentName: 'JsonSetter',
                isRequired: false,
              },
            ],
          },
        ],
      },
    ],
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
          template:
            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
        },
        {
          name: 'copyable.onCopy',
          template:
            "onCopy(${extParams}){\n// 拷贝成功的回调函数\nconsole.log('onCopy');}",
        },
        {
          name: 'editable.onStart',
          template:
            "onStart(${extParams}){\n// 进入编辑中状态时触发\nconsole.log('onStart');}",
        },
        {
          name: 'editable.onChange',
          template:
            "onChange(event,${extParams}){\n// 文本域编辑时触发\nconsole.log('onChange', event);}",
        },
        {
          name: 'editable.onEnd',
          template:
            "onEnd(${extParams}){\n// 按 ENTER 结束编辑状态时触发\nconsole.log('onEnd');}",
        },
        {
          name: 'editable.onCancel',
          template:
            "onCancel(${extParams}){\n// 按 ESC 退出编辑状态时触发\nconsole.log('onCancel');}",
        },
        {
          name: 'ellipsis.onEllipsis',
          template:
            "onEllipsis(ellipsis,${extParams}){\n// 触发省略时的回调\nconsole.log('onEllipsis', ellipsis);}",
        },
        {
          name: 'ellipsis.onExpand',
          template:
            "onExpand(event,${extParams}){\n// 点击展开时的回调\nconsole.log('onExpand', event);}",
        },
      ],
    },
  },
};

export default DataSourceTypographyText;