li-cascader

react-cascader-transfer

时间关系：目前仅兼容二级目录下的使用场景,仅个人使用

预览

clone到本地运行

npm install
npm start

API

见 interface.ts

export interface CascaderProps {
  /** 数据源 */
  dataSource: DataProps[];
  /** 禁用*/
  disabled?: boolean;
  /** 自定义每列宽度 */
  width?: string | number;
  /** 已选中数据 */
  selected?: DataProps[];
  /** 指定选中项 */
  value: Array<number | string>;
  /** 列头名 */
  titles?: string[];
  /** 提示语 */
  placeholder?: string;
  /** 是否必填 */
  isRequired?: boolean;
  /** 名称 */
  labelName?: string;
  /** 警告 */
  message?: string;
  /** 自定义样式 */
  style?: React.CSSProperties;
  /** 自定义类名 */
  className?: string;
  /** 自定义已选框宽度 */
  selectedWidth?: number | string;
  /** 已选数据改变 */
  onChange: (selected: DataProps[], value: Array<number | string>) => void
}

备注

基于 react-cascader-transfer 二次开发而来。

• 1.3.6 新增 reset 属性，number 用于清空，重置表单选项。
• 1.3.7 fix 居中对齐样式
• 1.3.8 feat: showExpand 是否显示展开更多 icon