dld-vue-ui v0.4.3

组件说明

Splitpanes分割面板

属性

定义的类型

interface ISplitPaneStyle {
  [name: string]: string | number,
  width: string,
  height: string
}

Pane子面板

属性

定义的类型

interface IPaneStyle {
  [name: string]: string | number
}

Layout布局

属性

插槽

UpLoadFile单文件上传

属性

方法

暴露变量

UpLoadFiles多文件上传

属性

方法

TableForm表单表格

属性

表格的列配置属性(ITableColumn)

方法

插槽

可导入的类型

export interface ITableColumn {
  /**
   * 列绑定的字段
   */
  prop: string,
  /**
   * 列的名称
   */
  label: string,
  /**
   * 列宽
   */
  width?: number,
  /**
   * 是否固定
   */
  fixed?: 'left' | 'right',
  /**
   * 对齐方式
   */
  align?: 'left' | 'center' | 'right',
  /**
   * 是否支持搜索
   */
  search?: boolean,
  /**
   * 禁用搜索框
   */
  disabled?: boolean,
  /**
   * 搜索框大小
   */
  size?: 'large' | 'default' | 'small',
  /**
   * 搜索框的宽度
   */
  searchWidth?: number,
  /**
   * 自定义搜索提示，多项用&&分割
   */
  placeholder?: string,
  /**
   * 搜索框类型
   */
  type?: 'text' | 'select' | 'number' | 'date' | 'datetime' | 'time' | 'daterange' | 'timerange' | 'datetimerange' | 'switch',
  /**
   * 搜索框的下拉列表，type='select'有效
   */
  options?: IOptions[],
  /**
   * 是否支持多选
   */
  multiple?: boolean,
  /**
   * 多选时省略
   */
  omit?: boolean,
  /**
   * 开关关闭文字
   */
  closeText?: string,
  /**
   * 开关打开文字
   */
  openText?: string,
  /**
   * 数字框的最大值
   */
  max?: number,
  /**
   * 数字框的最小值
   */
  min?: number,
  /**
   * 数字框步长
   */
  step?: number,
  /**
   * 自定义
   */
  costom?: (val: ITableData) => string,
  /**
   * 表格内容溢出
   */
  overflow?: boolean
}
/**
 * 表单格式
 */
export interface ITableData {
  [name: string]: unknown
}
/**
 * 下拉框选项
 */
export interface IOptions {
  /**
   * 显示文本
   */
  label?: string,
  /**
   * 选择的值
   */
  value: string | number,
  /**
   * 是否禁用
   */
  disabled?: boolean
}