@portalx/components v0.0.50

@portalx/components 说明文档

1. 表单项组件

通用属性

type IFormItemCommonAttr<T = any> = {
  className?: string;
  style?: CSSProperties;
  placeholder?: string;
  value?: T;
  onChange?: (value: T) => void;
  onFocus?: (value: T) => void;
  onBlur?: (value: T) => void;
};

1.1 UserSelector

用户选择器，可以进行查询并选择当前系统下的用户，支持多选。

// 用户列表查询参数
type IFilterAttr = {
  roleId: number; // 从属角色id
  complement?: boolean; // 是否取补集
};

type IUserSelectorProps = IFormItemCommonAttr<IUserSelectAttr | Array<IUserSelectAttr>> & {
  multiple?: boolean; // 是否是多选
  allowClear?: boolean; // 是否可清空，默认可清空
  showArrow?: boolean; // 是否显示下拉箭头，默认显示
  showSearch?: boolean; // 是否可检索，默认可检索
  suffixIcon?: React.ReactNode; // 尾部图标
  filter?: IFilterAttr; // 筛选参数
};

2.反馈组件

2.1 UserSelectorDrawer

用户选择器的 drawer 部分，可以进行查询并选择当前系统下的用户，支持多选。

type IUserSelectDrawerProps = {
  title: string; // 标题
  visible: boolean; // drawer是否显示
  multiple?: boolean; // 是否多选
  width?: string | number; // drawer宽度
  selectedUsers?: Array<IUserSelectAttr>; // 已选中的key
  onConfirm: (val: Array<IUserSelectAttr>) => void; // 确认按钮事件
  onCancel: () => void; // 取消按钮事件
};