app-base-web/lib/library/attachment/index.js

web development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function a(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_utilNet=require("../util-net"),_utilNet2=_interopRequireDefault(_utilNet);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)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}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 Attachment=function(){function r(e){_classCallCheck(this,r);var t=_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.state={urlArr:[],attnameArr:[]},t}return _inherits(r,_react2.default.Component),_createClass(r,[{key:"componentDidMount",value:function(){if(this.props.url){var t=this.props.url||"",r=void 0;try{r=[];for(var e=JSON.parse(t),a=0;a<e.length;a++)r.push(e[a].url)}catch(e){r=t.split(",")}for(var n=[],o=0;o<r.length;o++){var l=_utilNet2.default.getUrlParam(r[o],"attname");n.push(l)}this.setState({urlArr:r,attnameArr:n})}}},{key:"render",value:function(){var r=this;return _react2.default.createElement("span",{className:"app-attachment"},this.state.urlArr.map(function(e,t){return r.props.onClick?r.props.type&&"img"==r.props.type?_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,onClick:r.props.onClick},_react2.default.createElement("img",{style:r.props.style,src:e})):_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,onClick:r.props.onClick},r.state.attnameArr[t]):r.props.type&&"img"==r.props.type?_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,href:e,download:r.state.attnameArr[t]},_react2.default.createElement("img",{style:r.props.style,src:e})):_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,href:e,download:r.state.attnameArr[t]},r.state.attnameArr[t])}))}}]),r}();exports.default=Attachment;