# @beisen-platform/platform-autotree

> 平台autotree组件，绑定平台元数据

Latest version **1.0.13** (published 2019-10-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/platform-autotree
pnpm add @beisen-platform/platform-autotree
yarn add @beisen-platform/platform-autotree
bun add @beisen-platform/platform-autotree
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.13 |
| Published | 2019-10-28 |
| First published | 2018-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 63.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/platform-autotree
- npm.io page: https://npm.io/package/@beisen-platform/platform-autotree

## Dependencies (1)

- [@beisen-platform/react-icons](https://npm.io/package/@beisen-platform/react-icons.md)

## Recent versions

- 1.0.13 (latest) — 2019-10-28
- 1.0.12 — 2019-08-06
- 1.0.10 — 2019-04-29
- 1.0.9 — 2019-04-10
- 1.0.8 — 2019-03-25
- 1.0.7 — 2019-03-22
- 1.0.6 — 2019-03-15
- 1.0.4 — 2019-01-30
- 1.0.3 — 2019-01-28
- 1.0.2 — 2019-01-08
- 1.0.1 — 2018-12-11
- 1.0.0 — 2018-12-05
- 0.1.7 — 2018-12-02

## README

## 组件使用、扩展文档

## 提交

1. npm install
2. 修改代码后执行 npm run lib进行编译
3. 更新package.json中的 version版本号
4. push代码
5. 在cmp.beisen.io站点，头部导航的《服务》中查看编译是否通过

## 使用参数

```
{
  text: this.props.text || '',
  value: this.props.value || '',
  "cmp_id": "ddf29911-5d78-4f21-b2f8-bbac40e47ba9",
  "cmp_name": "BeisenCloudDemotilamisu_zuzhi1yesyouquanxian",
  "cmp_type": "BC_PopTree",
  "cmp_label": "组织1启用path(有权限)",
  "cmp_data": {
      "AllowSearchNull":"0",
      "title": "组织1启用path(有权限)",
      "field_name": "pigAutoComplete",
      "required": false,   //必填
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "metaObjectName":"BeisenCloudDemo.tilamisu",
      "dataType": "Text",
      "usepathsearch": "true", // 使用path查询
      "promptmessage":"提示信息"  //优先级比placeholder高，默认为"请选择"
      "datasourcename":"AuthorisedOrganizationDataSource",
      "datasourceurl":"/AppFSystemMRest/100000/Organization/GetAuthorisedOrgNodes?async=true&level=1&rootOrgClickable=false",   //autotree请求接口
      "filter": "getchildren=true",
      "defaultPathSearchType": 0,  // 判断是"本级别"还是"本级别及所有下级"
      "applicationName":"appname",  //appname
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.tilamisu",
    opeartor: "eq",
    seperator: "-"
  },
  "form_errors":{},  //提示错误信息
  "biz_data": { "text": "" },
  "validators": {},
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  "placeholder":"输入框内提示信息", //默认是"请选择"
  "isSearchAutoTreeEdit": "是否为高级搜索",
  "filterName":"filterName",
  onChange: (value,target) => {},  //onchange回调事件
  "defaultDropDownData": "本级别及所有下级",
  containerContext: {
    actions: {
      clearAutoTreeData: () => {},
      clearTreeData: ()=> {}),
      getAutoTreeData: (appname , formState ,metaObjectName,datasourcename,cmp_name,field_name,filterName,isExact,datasourceUrl,inputValue,filters)=> {},
      getTreeData: (appname,formState,metobjname,datasourcename,cmpName,fieldName,filterName,id,treeAsync,datasourceUrl,isTop,postData,methodType) => {}
    },
    autoTree: {
        autoTreeData: [],
        autoTreeDataState:'isLoadding',  //loading状态
        getAutoTreeDataAPI:"http://localhost:3001/getAutoTreeData"
    },
    tree: {
      async:1,
      getTreeDataAPI:"http://localhost:3001/getTreeData",
      hidden:false,
      id:0,
      treeData:[]
    }
  }
}
```

## 组件使用

1. npm install @beisen-cmps/platform-autotree
3. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式,数据会存在state里，第二种会走外部传入的action
  1. import XXX from '@beisen-cmps/platform-autotree'
  2. import {AutoTree} from '@beisen-cmps/platform-autotree'

```
render() {
  return <AutoTree {...this.props}/>;
}
```

---
_Source: https://npm.io/package/@beisen-platform/platform-autotree · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._