import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
import snippets from './snippets';
import { AltSelbcfieldSetter } from '../_setters';
const TypographyTextMeta: ComponentMetadata = {
  "componentName": "TypographyText",
  "title": "TypographyText",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  category: '基础',
  group:'基础组件',
  "npm": {
    "package": "my-ucmlcode-material",
    "version": "0.1.96",
    "exportName": "TypographyText",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  props: [
    {
      name: 'bcFieldInfo',
      description: '绑定字段',
      title: { label: '绑定字段', tip: '绑定字段' },
      propType: 'object',
      setter: (target) => {
        return {
          componentName: AltSelbcfieldSetter,
          props: {
            t: target
          }
        }
      }
    },
    {
      name: 'bcName',
      title: { label: 'bcName', tip: 'bcName' },
      isRequired: true,
      propType: 'string',
      condition:()=> false,
    },
    {
      name: 'bcField',
      title: { label: 'bcField', tip: 'bcField' },
      isRequired: true,
      propType: 'string',
      condition:()=> false,
    },
    {
      name: 'ref',
      title: {
        label: 'ref',
        tip: 'ref',
      },
      setter: 'StringSetter',
      supportVariable: true
    },
    {
      name: 'children',
      title: { label: '内容', tip: '内容' },
      propType: 'string',
      defaultValue: '',
      supportVariable: true,
    },
    {
      name: 'code',
      title: { label: '添加代码样式', tip: '添加代码样式' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'delete',
      title: { label: '添加删除线样式', tip: '添加删除线样式' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'disabled',
      title: { label: '是否禁用', tip: '是否为禁用状态' },
      propType: 'bool',
      defaultValue: false,
    },

    {
      name: 'mark',
      title: { label: '添加标记样式', tip: '添加标记样式' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'keyboard',
      title: { label: '添加键盘样式', tip: '添加键盘样式' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'underline',
      title: { label: '添加下划线样式', tip: '添加下划线样式' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'strong',
      title: { label: '是否加粗', tip: '是否加粗' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'type',
      title: { label: '文本类型', tip: '文本类型' },
      propType: { type: 'oneOf', value: ['secondary', 'warning', 'danger'] },
      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: '是否可拷贝' },
          propType: { type: 'oneOfType', value: ['bool', 'object'] },
          setter: [
            {
              componentName: 'BoolSetter',
              isRequired: false,
              initialValue: false,
            },
            {
              componentName: 'JsonSetter',
              isRequired: false,
            },
          ],
        },
        {
          name: 'editable',
          title: { label: '是否可编辑', tip: '是否可编辑' },
          propType: { type: 'oneOfType', value: ['bool', 'object'] },
          setter: [
            {
              componentName: 'BoolSetter',
              isRequired: false,
              initialValue: false,
            },
            {
              componentName: 'JsonSetter',
              isRequired: false,
            },
          ],
        },
        {
          name: 'ellipsis',
          title: {
            label: '自动溢出省略',
            tip: '设置自动溢出省略，需要设置元素宽度',
          },
          propType: { type: 'oneOfType', value: ['bool', 'object'] },
          setter: [
            {
              componentName: 'BoolSetter',
              isRequired: false,
              initialValue: false,
            },
            {
              componentName: 'JsonSetter',
              isRequired: false,
            },
          ],
        },
      ],
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          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 {
  ...TypographyTextMeta,
  snippets
};