-
-[npm-image]: https://badge.fury.io/js/react-org-tree.svg
-[npm-url]: https://npmjs.org/package/react-org-tree
-
#### 请作者喝一杯咖啡
-
+
+
+
\ No newline at end of file
diff --git a/docs/demo/expand.md b/docs/demo/expand.md
new file mode 100644
index 0000000..e9c2e19
--- /dev/null
+++ b/docs/demo/expand.md
@@ -0,0 +1,3 @@
+## expand
+
+
\ No newline at end of file
diff --git a/docs/demo/expandAll.md b/docs/demo/expandAll.md
new file mode 100644
index 0000000..3d8f052
--- /dev/null
+++ b/docs/demo/expandAll.md
@@ -0,0 +1,3 @@
+## expandAll
+
+
\ No newline at end of file
diff --git a/docs/demo/horizontal.md b/docs/demo/horizontal.md
new file mode 100644
index 0000000..cd5a103
--- /dev/null
+++ b/docs/demo/horizontal.md
@@ -0,0 +1,3 @@
+## horizontal
+
+
\ No newline at end of file
diff --git a/docs/demo/vertical.md b/docs/demo/vertical.md
new file mode 100644
index 0000000..4ee4880
--- /dev/null
+++ b/docs/demo/vertical.md
@@ -0,0 +1,3 @@
+## vertical
+
+
\ No newline at end of file
diff --git a/docs/examples/basic.jsx b/docs/examples/basic.jsx
new file mode 100644
index 0000000..d781d44
--- /dev/null
+++ b/docs/examples/basic.jsx
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+
+import OrgTree from 'react-org-tree';
+
+class OrgTreeDemo extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ data: {
+ id: 0,
+ label: 'XXX股份有限公司',
+ children: [{
+ id: 1,
+ label: '技术部',
+ children: [{
+ id: 4,
+ label: '后端工程师'
+ }, {
+ id: 5,
+ label: '前端工程师'
+ }, {
+ id: 6,
+ label: '运维工程师'
+ }]
+ }, {
+ id: 2,
+ label: '人事部'
+ }, {
+ id: 3,
+ label: '销售部'
+ }]
+ },
+ horizontal: false,
+ collapsable: false,
+ expandAll: true,
+ labelClassName: 'bg-white'
+ };
+ }
+
+ componentDidMount() {
+ }
+
+ componentWillUnmount() {
+ }
+
+ render() {
+ const { data, horizontal, collapsable, expandAll, labelClassName } = this.state;
+
+ return (
+
+ {
+ return data.label;
+ }}
+ onClick={(e, data) => {
+ //todo
+ }}
+ >
+
+
+ );
+ }
+}
+
+export default OrgTreeDemo;
\ No newline at end of file
diff --git a/docs/examples/expand.jsx b/docs/examples/expand.jsx
new file mode 100644
index 0000000..13e0e12
--- /dev/null
+++ b/docs/examples/expand.jsx
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+
+import OrgTree from 'react-org-tree';
+
+class OrgTreeDemo extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ data: {
+ id: 0,
+ label: 'XXX股份有限公司',
+ children: [{
+ id: 1,
+ label: '技术部',
+ children: [{
+ id: 4,
+ label: '后端工程师'
+ }, {
+ id: 5,
+ label: '前端工程师'
+ }, {
+ id: 6,
+ label: '运维工程师'
+ }]
+ }, {
+ id: 2,
+ label: '人事部'
+ }, {
+ id: 3,
+ label: '销售部'
+ }]
+ },
+ horizontal: false,
+ collapsable: true,
+ expandAll: false,
+ labelClassName: 'bg-white'
+ };
+ }
+
+ componentDidMount() {
+ }
+
+ componentWillUnmount() {
+ }
+
+ render() {
+ const { data, horizontal, collapsable, expandAll, labelClassName } = this.state;
+
+ return (
+
+ {
+ return data.label;
+ }}
+ onClick={(e, data) => {
+ //todo
+ }}
+ >
+
+
+ );
+ }
+}
+
+export default OrgTreeDemo;
\ No newline at end of file
diff --git a/docs/examples/expandAll.jsx b/docs/examples/expandAll.jsx
new file mode 100644
index 0000000..4738927
--- /dev/null
+++ b/docs/examples/expandAll.jsx
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+
+import OrgTree from 'react-org-tree';
+
+class OrgTreeDemo extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ data: {
+ id: 0,
+ label: 'XXX股份有限公司',
+ children: [{
+ id: 1,
+ label: '技术部',
+ children: [{
+ id: 4,
+ label: '后端工程师'
+ }, {
+ id: 5,
+ label: '前端工程师'
+ }, {
+ id: 6,
+ label: '运维工程师'
+ }]
+ }, {
+ id: 2,
+ label: '人事部'
+ }, {
+ id: 3,
+ label: '销售部'
+ }]
+ },
+ horizontal: false,
+ collapsable: true,
+ expandAll: true,
+ labelClassName: 'bg-white'
+ };
+ }
+
+ componentDidMount() {
+ }
+
+ componentWillUnmount() {
+ }
+
+ render() {
+ const { data, horizontal, collapsable, expandAll, labelClassName } = this.state;
+
+ return (
+
+ {
+ return data.label;
+ }}
+ onClick={(e, data) => {
+ //todo
+ }}
+ >
+
+
+ );
+ }
+}
+
+export default OrgTreeDemo;
\ No newline at end of file
diff --git a/docs/examples/horizontal.jsx b/docs/examples/horizontal.jsx
new file mode 100644
index 0000000..a14b5e3
--- /dev/null
+++ b/docs/examples/horizontal.jsx
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+
+import OrgTree from 'react-org-tree';
+
+class OrgTreeDemo extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ data: {
+ id: 0,
+ label: 'XXX股份有限公司',
+ children: [{
+ id: 1,
+ label: '技术部',
+ children: [{
+ id: 4,
+ label: '后端工程师'
+ }, {
+ id: 5,
+ label: '前端工程师'
+ }, {
+ id: 6,
+ label: '运维工程师'
+ }]
+ }, {
+ id: 2,
+ label: '人事部'
+ }, {
+ id: 3,
+ label: '销售部'
+ }]
+ },
+ horizontal: true,
+ collapsable: true,
+ expandAll: true,
+ labelClassName: 'bg-white'
+ };
+ }
+
+ componentDidMount() {
+ }
+
+ componentWillUnmount() {
+ }
+
+ render() {
+ const { data, horizontal, collapsable, expandAll, labelClassName } = this.state;
+
+ return (
+
+ {
+ return data.label;
+ }}
+ onClick={(e, data) => {
+ //todo
+ }}
+ >
+
+
+ );
+ }
+}
+
+export default OrgTreeDemo;
\ No newline at end of file
diff --git a/docs/examples/vertical.jsx b/docs/examples/vertical.jsx
new file mode 100644
index 0000000..4738927
--- /dev/null
+++ b/docs/examples/vertical.jsx
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+
+import OrgTree from 'react-org-tree';
+
+class OrgTreeDemo extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ data: {
+ id: 0,
+ label: 'XXX股份有限公司',
+ children: [{
+ id: 1,
+ label: '技术部',
+ children: [{
+ id: 4,
+ label: '后端工程师'
+ }, {
+ id: 5,
+ label: '前端工程师'
+ }, {
+ id: 6,
+ label: '运维工程师'
+ }]
+ }, {
+ id: 2,
+ label: '人事部'
+ }, {
+ id: 3,
+ label: '销售部'
+ }]
+ },
+ horizontal: false,
+ collapsable: true,
+ expandAll: true,
+ labelClassName: 'bg-white'
+ };
+ }
+
+ componentDidMount() {
+ }
+
+ componentWillUnmount() {
+ }
+
+ render() {
+ const { data, horizontal, collapsable, expandAll, labelClassName } = this.state;
+
+ return (
+
+ {
+ return data.label;
+ }}
+ onClick={(e, data) => {
+ //todo
+ }}
+ >
+
+
+ );
+ }
+}
+
+export default OrgTreeDemo;
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 0000000..8699ee5
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,5 @@
+---
+title: react-org-tree
+---
+
+
\ No newline at end of file
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..78ee6db
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "baseUrl": "./",
+ "paths": {
+ "react-org-tree": ["src/index.js"]
+ },
+ "target": "ES6",
+ "module": "commonjs",
+ "jsx": "react",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": [
+ "src/**/*"
+ ],
+ "exclude": ["node_modules"]
+ }
\ No newline at end of file
diff --git a/package.json b/package.json
index faacb14..7419430 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "react-org-tree",
- "version": "0.2.5",
+ "version": "0.2.7",
"description": "a simple organization tree component based on react",
"main": "dist/bundle.js",
"files": [
@@ -8,6 +8,8 @@
"lib"
],
"scripts": {
+ "docs:start": "dumi dev",
+ "docs:build": "dumi build",
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
@@ -34,7 +36,6 @@
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1",
- "classnames": "^2.2.6",
"css-loader": "^2.0.1",
"node-sass": "^4.11.0",
"less": "^3.9.0",
@@ -44,7 +45,10 @@
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^3.10.0",
- "webpack-node-externals": "^1.6.0"
+ "webpack-node-externals": "^1.6.0",
+ "dumi": "^1.1.4"
},
- "dependencies": {}
+ "dependencies": {
+ "classnames": "^2.2.6"
+ }
}
diff --git a/webpack.config.js b/webpack.config.js
index ad182c5..a218d77 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -21,5 +21,11 @@ module.exports = {
}
]
},
+ resolve: {
+ extensions: ['.js', '.jsx', '.json', '.less'],
+ alias: {
+ 'react-org-tree': path.resolve('src/index.js')
+ }
+ },
externals: [nodeExternals()]
};