app-base-react/lib/library/add-params/index.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _modal=require("antd/lib/modal"),_modal2=_interopRequireDefault(_modal),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_createClass=function(){function r(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),e}}(),_react=(require("antd/lib/modal/style/css"),require("antd/lib/button/style/css"),require("antd/lib/input/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_editTable=require("../../library/edit-table"),_editTable2=_interopRequireDefault(_editTable),_utilString=require("../util-string"),_utilString2=_interopRequireDefault(_utilString);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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 AddParams=function(){function t(e){_classCallCheck(this,t);var n=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.showModal=function(){var e=[],t=n.state.params;if(t&&""!=t.trim())for(var a in t=JSON.parse(t)){var r={};r.paramKey=a,r.paramValue=t[a],e.push(r)}n.modalSwitch(!0),n.setState({dataSource:e,editTableKey:_utilString2.default.uuid()})},n.modalSwitch=function(e){n.setState({visible:e})},n.handleOk=function(){var r={},e=n.refs.params.state.dataSource;e&&(e.map(function(e,t){var a=e.paramKey,e=e.paramValue;a&&""!=a.trim()&&(r[a]=e)}),"{}"!=JSON.stringify(r)?n.setState({params:JSON.stringify(r)},function(){n.onChange(n.state.params)}):n.setState({params:""},function(){n.onChange(n.state.params)})),n.modalSwitch(!1)},n.onChange=function(e){n.setState({value:e},function(){n.props.onChange&&n.props.onChange(e)})},n.state={params:e.value||"",dataSource:[],visible:!1,editTableKey:_utilString2.default.uuid()},n}return _inherits(t,_react.Component),_createClass(t,[{key:"render",value:function(){var e=this,t=this.state,a=t.params,r=t.visible,n=t.dataSource,t=t.editTableKey;return _react2.default.createElement("div",{style:{display:"flex"}},_react2.default.createElement(_input2.default.TextArea,{disabled:!0,value:a}),_react2.default.createElement(_button2.default,{onClick:this.showModal,className:"btn-add",icon:_react2.default.createElement("i",{className:"iconfont icon-add"})},"添加参数"),_react2.default.createElement(_modal2.default,{title:"添加参数",visible:r,onOk:this.handleOk,onCancel:function(){e.modalSwitch(!1)},width:"70%",key:t},_react2.default.createElement(_editTable2.default,{ref:"params",dataSource:n})))}}]),t}();exports.default=AddParams;