app-base-react/lib/library/tag-group/index.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _tag=require("antd/lib/tag"),_tag2=_interopRequireDefault(_tag),_createClass=function(){function n(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,a){return t&&n(e.prototype,t),a&&n(e,a),e}}(),_react=(require("antd/lib/tag/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilDic=require("../util-dic"),_utilDic2=_interopRequireDefault(_utilDic),_utilArray=require("../util-array"),_utilArray2=_interopRequireDefault(_utilArray);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 CheckableTag=_tag2.default.CheckableTag,TagGroup=function(){function t(e){_classCallCheck(this,t);var n=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.allChecked=function(){var e=void 0,a=[];if(n.state.dic){if(!(e=n.state.dic.subType?_utilDic2.default.list(n.state.dic.app,n.state.dic.type,n.state.dic.subType):_utilDic2.default.list(n.state.dic.app,n.state.dic.type)))return;e.map(function(e,t){a.push(e.value)})}else(e=(e=n.state.options)||n.props.data).map(function(e,t){e instanceof Object?a.push(e.id):a.push(e)});n.setState({value:[].concat(a)},function(){return n.props.onChange&&n.props.onChange(JSON.stringify(a))})},n.reChecked=function(){var e=void 0,a=[];if(n.state.dic){if(!(e=n.state.dic.subType?_utilDic2.default.list(n.state.dic.app,n.state.dic.type,n.state.dic.subType):_utilDic2.default.list(n.state.dic.app,n.state.dic.type)))return;e.map(function(e,t){a.push(e.value)})}else(e=(e=n.state.options)||n.props.data).map(function(e,t){e instanceof Object?a.push(e.id):a.push(e)});var t=a.filter(function(e){return!n.state.value.includes(e)});console.log(t),n.setState({value:t},function(){return n.props.onChange&&n.props.onChange(JSON.stringify(t))})},n.resetChecked=function(){n.setState({value:[]},function(){return n.props.onChange&&n.props.onChange(JSON.stringify([]))})},n.state={options:n.props.options,dic:n.props.dic,value:n.props.value?JSON.parse(n.props.value):[]},n}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"onChange",value:function(e,t){var a=this.state.value;1==t?a.push(e):_utilArray2.default.remove(a,e),this.setState({value:a}),this.props.onChange&&this.props.onChange(JSON.stringify(a),e,t)}},{key:"init",value:function(){var a=this,n=this.state.value,r=(this.props.value&&(n=JSON.parse(this.props.value)),[]),e=void 0;if(this.state.dic){if(!(e=this.state.dic.subType?_utilDic2.default.list(this.state.dic.app,this.state.dic.type,this.state.dic.subType):_utilDic2.default.list(this.state.dic.app,this.state.dic.type)))return r;e.map(function(t,e){r.push(_react2.default.createElement(CheckableTag,{key:t.value,checked:0<=_utilArray2.default.getIndex(n,String(t.value)),onChange:function(e){return a.onChange(t.value,e)}},t.zh_CN))})}else(e=(e=this.state.options)||this.props.data).map(function(t,e){t instanceof Object?r.push(_react2.default.createElement(CheckableTag,{key:t.id,checked:0<=_utilArray2.default.getIndex(n,String(t.id)),onChange:function(e){return a.onChange(t.id,e)}},t.name)):r.push(_react2.default.createElement(CheckableTag,{key:t,checked:0<=_utilArray2.default.getIndex(n,String(t)),onChange:function(e){return a.onChange(t,e)}},t))});return r}},{key:"render",value:function(){var e=this,t=this.props.checkedBtn;return _react2.default.createElement("span",{className:"app-taggroup"},t?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement("div",null,_react2.default.createElement(CheckableTag,{onChange:function(){return e.allChecked()}},"全选"),_react2.default.createElement(CheckableTag,{onChange:function(){return e.reChecked()}},"反选"),_react2.default.createElement(CheckableTag,{onChange:function(){return e.resetChecked()}},"重置"))):"",this.init())}}]),t}();exports.default=TagGroup;