hy-app/typing/modules/form.ts

修复上传提示功能

import type { DateModeEnum } from "./enum";
import type { CheckboxColumnsVo } from "../../components/hy-check-button/typing";
import type HyInputProps from "../../components/hy-input/typing";
import type HyTextareaProps from "../../components/hy-textarea/typing";
import type HySwitchProps from "../../components/hy-switch/typing";
import type HyPickerProps from "../../components/hy-picker/typing";
import type HyRadioProps from "../../components/hy-radio/typing";
import type HyCheckButtonProps from "../../components/hy-check-button/typing";

/**
 * 类型
 * */
export enum FormTypeEnum {
  /**
   * 上传文件
   * */
  UPLOAD = "upload",
  /**
   * 普通输入框
   * */
  TEXT = "text",
  /**
   * 数字输入框
   * */
  NUMBER = "number",
  /**
   * 密码输入框
   * */
  PASSWORD = "password",
  /**
   * 身份证id输入框
   * */
  ID_CARD = "idcard",
  /**
   * 单选
   * */
  RADIO = "radio",
  /**
   * 选择按钮（单选/多选）
   * */
  CHECK_BUTTON = "checkButton",
  /**
   * 时间选择器
   * */
  DATE = "date",
  /**
   * 选择器
   * */
  SELECT = "select",
  /**
   * 地址选择器
   * */
  ADDRESS = "address",
  /**
   * 开关
   * */
  SWITCH = "switch",
  /**
   * 详情
   * */
  DETAIL = "detail",
  /**
   * 文本域
   * */
  TEXTAREA = "textarea",
  /**
   * 自定义
   * */
  CUSTOM = "custom",
}

export interface FormColumnsType {
  /**
   * 标题
   * */
  label: string;
  /**
   * 字段
   * */
  field: string;
  /**
   * 是否需要校验
   * */
  required?: boolean;
  /**
   * 右固定
   * */
  right?: boolean;
  /**
   * @description 表单类型
   * */
  type: FormTypeEnum;
  /**
   * @description 文件最大上传数据
   * */
  maxCount?: number;
  /**
   * @description 是否禁用
   * */
  disabled?: boolean;

  /**
   * @description type = select时候必填
   * */
  select?: string[][] | { text: string; id: string }[][];
  /**
   * @description type = radio时候必填
   * */
  actions?: CheckboxColumnsVo[];
  /**
   * @description 输入框属性api集合
   * */
  input?: Partial<HyInputProps>;
  /**
   * @description 文本域属性api集合
   * */
  textarea?: Partial<HyTextareaProps>;
  /**
   * @description 开关属性api集合
   * */
  switchItem?: Partial<HySwitchProps>;
  /**
   * @description 选择器属性api集合
   * */
  picker?: Partial<HyPickerProps>;
  /**
   * @description 单选属性api集合
   * */
  radio?: Partial<HyRadioProps>;
  /**
   * @description 选择按钮属性api集合
   * */
  checkButton?: Partial<HyCheckButtonProps>;
  /**
   * @description 输入框边框
   * */
  mode?: DateModeEnum;
  /**
   * @description 规则校验
   * */
  rules?: RulesVo | RulesVo[];
}

export interface RulesVo {
  /**
   * @description 是否必填
   * */
  required?: boolean;
  /**
   * @description 校验不通过时的提示信息
   * */
  message?: string;
  /**
   * @description 表单事件校验
   * */
  trigger?: ("blur" | "change")[];
  /**
   * @description 最小值
   * */
  min?: number;
  /**
   * @description 最大值
   * */
  max?: number;
  /**
   * @description 基础正则校验
   * phone - 手机号校验
   * email - 邮箱校验
   * password - 复杂密码校验
   * */
  type?: "phone" | "email" | "password";
  /**
   * @description 自定义校验规则
   * */
  validator?: (rule: any, value: string, callback?: Function) => boolean;
}