import { PropType } from 'vue';
import { TypeIconfontProps, TypeIconSVGProps } from './type';

export const IconSvgProps = {
  /** 是否加载组件库内置图标 */
  loadDefaultIcons: {
    type: Boolean,
    default: true,
  },
  /** 图标名称 */
  name: {
    type: String,
    default: '',
    required: true,
  },
  /** 图标尺寸，支持 'small', 'medium', 'large'，'35px', '3em' 等 */
  size: {
    type: String,
    default: '',
  },
  /** 图标地址，地址内容参考[组件内部默认加载图标](https://Typeesign.gtimg.com/icon/web/index.js) */
  url: {
    type: [String, Array] as PropType<TypeIconSVGProps['url']>,
  },
  /** 点击时触发 */
  onClick: Function as PropType<TypeIconSVGProps['onClick']>,
};

export const IconfontProps = {
  /** 是否加载组件库内置图标 */
  loadDefaultIcons: {
    type: Boolean,
    default: true,
  },
  /** 图标名称 */
  name: {
    type: String,
    default: '',
    required: true,
  },
  /** 图标尺寸，支持 'small', 'medium', 'large'，'35px', '3em' 等 */
  size: {
    type: String,
    default: '',
  },
  /** 图标 DOM 元素，可选值：i/span/div/... */
  tag: {
    type: String,
    default: 'i',
  },
  /** 图标地址，地址内容参考[组件内部默认加载图标](https://Typeesign.gtimg.com/icon/web/index.css)。也可以在 index.html 中引入图标地址 */
  url: {
    type: [String, Array] as PropType<TypeIconfontProps['url']>,
  },
  /** 点击时触发 */
  onClick: Function as PropType<TypeIconfontProps['onClick']>,
};