vhb-table/types/validator.d.ts

一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...

import { VHBTableComponent } from './component'
import { ColumnInfo } from './column'
import { Table } from './table'

/**
 * 表格校验
 */
export declare class Validator extends VHBTableComponent {}

export interface ColumnEditRule {
  /**
   * 是否必填
   */
  required?: boolean;
  /**
   * 最小长度/值
   */
  min?: number;
  /**
   * 最大长度/值
   */
  max?: number;
  /**
   * 数据类型
   */
  type?: 'number' | 'string';
  /**
   * 使用正则表达式校验
   */
  pattern?: string | RegExp;
  /**
   * 使用自定义校验函数，接收一个 Promise
   * @param params 参数
   */
  validator?: typeof ColumnValidatorMethod;
  /**
   * 提示消息
   */
  message?: string;
  trigger?: 'blur' | 'change' | 'manual';
  maxWidth?: number;
}

export function ColumnValidatorMethod(params: ColumnEditValidErrParams): void;
export function ColumnValidatorMethod(params: ColumnEditValidErrParams): Error;
export function ColumnValidatorMethod(params: ColumnEditValidErrParams): Promise<any>;

export interface ColumnEditValidErrParams {
  $table: Table,
  cellValue: any,
  rule: ColumnEditRule;
  rules: ColumnEditRule[];
  column: ColumnInfo;
  columnIndex: number;
  row: any;
  rowIndex: number;
}

export interface ColumnEditValidErrMapParams {
  [field: string]: ColumnEditValidErrParams[];
}