import { PropType } from "vue/types/options";

/**
 * skeleton的props
 */
export const skeletonProps = {
  /**
     * 段落占位图行数
     */
  row: {
    type: Number,
    default: 0
  },
  /**
     * 段落占位图宽度，可传数组来设置每一行的宽度
     */
  rowWidth: {
    type: null,
    default: '100%'
  },

  /**
     * 是否显示标题占位图
     */
  title: Boolean,
  /**
     * 标题占位图宽度
     */
  titleWidth: {
    type: String,
    default: '40%'
  },
  /**
     * 是否显示头像占位图
     */
  avatar: Boolean,
  /**
     * 头像占位图形状，可选值为square
     */
  avatarShape: {
    type: String as PropType<'square' | 'round'>,
    default: 'round'
  },
  /**
     * 头像占位图大小
     */
  avatarSize: {
    type: String,
    default: '32px'
  },
  /**
     * 是否显示占位图，传false时会展示子组件内容
     */
  loading: {
    type: Boolean,
    default: true
  },
  /**
     * 是否开启动画
     */
  animate: {
    type: Boolean,
    default: true
  },
  /**
   * 是否将标题和段落显示为圆角风格
   */
  round: {
    type: Boolean,
    default: false
  },

  /**
     * 行的高度  （默认为16px）
     */
  // rowHeight: {
  //   type: String,
  //   value: ''
  // },

  /**
    * 内容对齐方式 left, center
    */
  align: {
    type: String as PropType<'left' | 'center'>,
    default: 'left'
  }
};

export const skeletonMethods = {

};