app-base-react/lib/pages/issue/IssueDocTree/IssueDocTreeView.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _tree=require("antd/lib/tree"),_tree2=_interopRequireDefault(_tree),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_layout=require("antd/lib/layout"),_layout2=_interopRequireDefault(_layout),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_createClass=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}(),_react=(require("antd/lib/tree/style/css"),require("antd/lib/layout/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilString=require("../../../library/util-string"),_utilString2=_interopRequireDefault(_utilString),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var i=e.apply(this,arguments);return new Promise(function(u,o){return function t(e,r){try{var n=i[e](r),a=n.value}catch(e){return void o(e)}if(!n.done)return Promise.resolve(a).then(function(e){t("next",e)},function(e){t("throw",e)});u(a)}("next")})}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(e)return!t||"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var url="IssueDocTree/",IssueDocTree=function(){function r(e){_classCallCheck(this,r);var t=_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.onSetParent=function(e){t.setState({parentId:e,isShowMenu:!0,showMenuKey:_utilString2.default.uuid()})},t.state={parentId:-1,parentName:"",isShowMenu:!1},t}return _inherits(r,_react2.default.Component),_createClass(r,[{key:"render",value:function(){return _react2.default.createElement(_layout2.default,{style:{background:"#f0f2f5",height:"100%",overflow:"hidden"}},_react2.default.createElement(_layout2.default.Sider,{theme:"light",width:"200",style:{padding:"30px 20px",marginRight:"15px"}},_react2.default.createElement(MenuTree,{defaultSelectedKeys:this.props.defaultSelectedKeys||[],onSetParent:this.onSetParent,key:this.state.menuTreeKey})),_react2.default.createElement(_layout2.default.Content,{style:{background:"#fff",padding:"30px 45px",overflowY:"auto"}},this.state.isShowMenu?_react2.default.createElement(FormView,{key:this.state.showMenuKey,values:{id:this.state.parentId}}):""))}}]),r}(),MenuTree=(exports.default=IssueDocTree,function(){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.onSelect=function(e,t){r.props.onSetParent(t.node.props.id)},r.state={value:void 0,label:void 0,treeData:[]},r.initData(),r}var e;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"initData",value:(e=_asyncToGenerator(_regenerator2.default.mark(function e(){var t;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,_utilAxios2.default.get("IssueDocTree/listTree",{});case 2:t=e.sent,this.setState({treeData:t.data.treeData,defaultExpandedKeys:t.data.defaultExpandedKeys,treeKey:_utilString2.default.uuid()});case 4:case"end":return e.stop()}},e,this)})),function(){return e.apply(this,arguments)})},{key:"render",value:function(){return _react2.default.createElement(_tree2.default,{defaultSelectedKeys:this.props.defaultSelectedKeys||[],autoExpandParent:!0,blockNode:!0,checkable:!1,treeData:this.state.treeData,defaultExpandParent:!0,defaultExpandedKeys:this.props.defaultSelectedKeys||[],defaultExpandAll:0==this.props.defaultSelectedKeys.length,showLine:!0,draggable:!0,selectable:!0,onSelect:this.onSelect,key:this.state.treeKey})}}]),t}()),FormView=function(){function r(e){_classCallCheck(this,r);var t=_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.state=_extends({},e.values),t}return _inherits(r,_react2.default.Component),_createClass(r,[{key:"componentDidMount",value:function(){var t=this;_utilAxios2.default.get(url+"getModel?id="+this.state.id,{},function(e){t.setState(_extends({},e.data))})}},{key:"render",value:function(){return _react2.default.createElement("div",null,_react2.default.createElement("h1",{style:{textAlign:"center"}},this.state.name),_react2.default.createElement("div",{className:"editor-content-view",dangerouslySetInnerHTML:{__html:this.state.content}}))}}]),r}();