@yizhou-library/organization-cascader
TypeScript icon, indicating that this package has built-in type declarations

0.0.4 • Public • Published

(本组件开发,基于 frontend-ui-startkit 脚手架)

dependencies 为发布依赖包集合

:::dependencies { "dependencies": { "antd": "~3.26.13", "classnames": "^2.2.6" }, "devDependencies": {} } :::dependencies

@ewell/OrganizationCascader

@ewell/OrganizationCascader 护理管理组织架构筛选,有多选、单选、排班定制(单选)三个模式

代码演示

:::护理管理组织架构筛选演示代码块。

import { Multiple, Single } from "@ewell/OrganizationCascader";

const loadData = () => {
  return new Promise(async (resolve) => {
    const { status, object: data } = await request({
      url:
        "http://server-sit.317hu.com/api/nurse-staff-web/nurseUnit/read/queryUnitTreeNode/privilege",
      options: {
        method: "GET",
      },
    });
    if (status === 1) {
      resolve({
        data: data.children || [],
      });
    } else {
      resolve({ data: [] });
    }
  });
};

return (
  <>
    <Multiple
      style={{ width: 200 }}
      type="filter"
      filterContent="大科"
      load={loadData}
    />
    <Single
      style={{ width: 200 }}
      load={this.loadData}
      // defaultActiveFirstOption={true}
      defaultValue={"915bca0503e34d6f8e7311e123bfdf1a"}
    />
    <Single
      style={{ width: 200 }}
      load={loadData}
      type="scheduleCustom"
      value={this.state.scheduleCustom}
      onChange={({ id }) => {
        const list = [...this.state.scheduleCustom];
        list.push(id);
        this.setState({
          scheduleCustom: list,
        });
      }}
    />
  </>
);

:::

API

共同的 API

以下 API 为 Single,Multiple 共享的 API

参数 说明 类型 默认值 版本
dataSource 数据源 Data[]
disabled 禁用 boolean false
allowClear 是否支持清除 boolean false
column 展示几列 number 3
disabledEmptyChildren 没有子级的是否需要 disabled,跟 column 搭配使用 boolean true
expandTrigger 次级菜单的展开方式,可选 'click' 和 'hover' string hover
hideOnSingleBranch 组织架构只有一个院区时是否隐藏院区显示 boolean false
load 获取数据源的方法,返回 promise () => any
onChange 选择完成后的回调 (value) => void

Single

参数 说明 类型 默认值 版本
defaultValue 默认选中的项 string
value 指定选中项,type 为 scheduleCustom 传入数组 string / string[]
type 定制化展示,可选 'scheduleCustom' string
defaultActiveFirstOption 是否默认选中第一个选项 boolean false
changeOnSelect 当此项为 true 时,点选每级菜单选项值都会发生变化 boolean false
showLastOption 是否只显示选中的最后一项 boolean true
showCheckAll 是否在起始增加一项全院 boolean false 0.0.2
checkAllContent 增加的全院的文字 string 全院 0.0.2

Multiple

参数 说明 类型 默认值 版本
defaultValue 默认选中的项 Values[]
value 指定选中项 Values[]
fixedHeight 是否固定高度,一行显示,并且没有搜索功能 boolean false
type 定制化展示,可选 'filter' string
filterContent type 为'filter'展示的文字 string 病区

dataSource

interface DataSourceProps {
  bizId: string;
  bizName: string;
  children?: Data[];
}

Multiple Value

interface ValueProps {
  id: string;
  name: string;
}

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.0.40latest

Version History

VersionDownloads (Last 7 Days)Published
0.0.40
0.0.30

Package Sidebar

Install

npm i @yizhou-library/organization-cascader

Weekly Downloads

0

Version

0.0.4

License

MIT

Unpacked Size

112 kB

Total Files

35

Last publish

Collaborators

  • xiweixiong
  • yzkj