app-base-react/lib/pages/issue/IssueLandmarkOfSY/component/EditTable.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_popconfirm=require("antd/lib/popconfirm"),_popconfirm2=_interopRequireDefault(_popconfirm),_typography=require("antd/lib/typography"),_typography2=_interopRequireDefault(_typography),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,a=arguments[t];for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_slicedToArray=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e)){var r=t,a=[],n=!0,t=!1,i=void 0;try{for(var u,l=e[Symbol.iterator]();!(n=(u=l.next()).done)&&(a.push(u.value),!r||a.length!==r);n=!0);}catch(e){t=!0,i=e}finally{try{!n&&l.return&&l.return()}finally{if(t)throw i}}return a}throw new TypeError("Invalid attempt to destructure non-iterable instance")},_react=(require("antd/lib/table/style/css"),require("antd/lib/button/style/css"),require("antd/lib/popconfirm/style/css"),require("antd/lib/typography/style/css"),require("antd/lib/form/style/css"),require("antd/lib/input/style/css"),require("antd/lib/date-picker/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_moment=require("../../../../library/moment"),_moment2=_interopRequireDefault(_moment),_utilDate=require("../../../../library/util-date"),_utilDate2=_interopRequireDefault(_utilDate);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var l=e.apply(this,arguments);return new Promise(function(i,u){return function t(e,r){try{var a=l[e](r),n=a.value}catch(e){return void u(e)}if(!a.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});i(n)}("next")})}}function _toConsumableArray(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}function _objectWithoutProperties(e,t){var r,a={};for(r in e)0<=t.indexOf(r)||Object.prototype.hasOwnProperty.call(e,r)&&(a[r]=e[r]);return a}var EditableCell=function(e){var t=e.editing,r=e.dataIndex,a=e.title,n=e.inputType,i=(e.record,e.index,e.children),e=_objectWithoutProperties(e,["editing","dataIndex","title","inputType","record","index","children"]),n="date"===n?_react2.default.createElement(_datePicker2.default.RangePicker,{allowEmpty:[!1,!0]}):_react2.default.createElement(_input2.default,null);return _react2.default.createElement("td",e,t?_react2.default.createElement(_form2.default.Item,{name:r,style:{margin:0},rules:[{required:!0,message:"请输入 "+a+"!"}]},n):i)},EditableTable=function(u){function r(e){return e.key===n}var t,e=u.value?JSON.parse(u.value):[],a=_form2.default.useForm(),l=_slicedToArray(a,1)[0],a=(0,_react.useState)(e),e=_slicedToArray(a,2),o=e[0],d=e[1],a=(0,_react.useState)(""),e=_slicedToArray(a,2),n=e[0],c=e[1],a=(0,_react.useState)(!1),e=_slicedToArray(a,2),a=e[0],f=e[1],i=(t=_asyncToGenerator(_regenerator2.default.mark(function e(t){var r,a,n,i;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,l.validateFields();case 3:r=e.sent,a=[].concat(_toConsumableArray(o)),-1<(n=a.findIndex(function(e){return t===e.key}))?(i=a[n],a.splice(n,1,_extends({},i,r,{authTime:[_utilDate2.default.getDate(r.authTime[0]),r.authTime[1]?_utilDate2.default.getDate(r.authTime[1]):null]}))):a.push(r),d(a),c(""),f(!1),u.onChange(JSON.stringify(a)),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),console.log("Validate Failed:",e.t0);case 14:case"end":return e.stop()}},e,void 0,[[0,11]])})),function(e){return t.apply(this,arguments)}),e=[{title:"序号",width:"10%",render:function(e,t,r){return r+1}},{title:"企业名称",dataIndex:"companyName",width:"35%",editable:!0},{title:"授权时间",dataIndex:"authTime",width:"35%",editable:!0,render:function(e,t){if(e&&Array.isArray(e))return e[1]?_utilDate2.default.getDate(e[0])+"~"+_utilDate2.default.getDate(e[1]):_utilDate2.default.getDate(e[0])}},{title:"操作",dataIndex:"operation",render:function(e,a){return r(a)?_react2.default.createElement("span",null,_react2.default.createElement(_typography2.default.Link,{onClick:function(){return i(a.key)},style:{marginRight:8}},"保存"),_react2.default.createElement(_popconfirm2.default,{title:"确认删除?",onConfirm:function(){return t=a.key,e=[].concat(_toConsumableArray(o)),r=e.findIndex(function(e){return t===e.key}),e.splice(r,1),d(e),c(""),void f(!1);var t,e,r}},_react2.default.createElement("a",null,"删除"))):_react2.default.createElement(_typography2.default.Link,{disabled:""!==n,onClick:function(){return e=a,l.setFieldsValue(_extends({},e,{authTime:[(0,_moment2.default)(e.authTime[0]),e.authTime[1]?(0,_moment2.default)(e.authTime[1]):null]})),f(!0),void c(e.key);var e}},"编辑")}}].map(function(t){return t.editable?_extends({},t,{onCell:function(e){return{record:e,inputType:"authTime"===t.dataIndex?"date":"text",dataIndex:t.dataIndex,title:t.title,editing:r(e)}}}):t});return _react2.default.createElement(_form2.default,{form:l,component:!1},_react2.default.createElement(_button2.default,{disabled:a,onClick:function(){return l.setFieldsValue({num:"",companyName:"",authTime:void 0}),e=[].concat(_toConsumableArray(o)),t={key:e.length.toString(),num:"",companyName:"",authTime:void 0},e.push(t),d(e),c(t.key),void f(!0);var e,t},style:{marginBottom:"10px"}},"添加一行"),_react2.default.createElement(_table2.default,{components:{body:{cell:EditableCell}},bordered:!0,dataSource:o,columns:e,rowClassName:"editable-row",pagination:!1}))};exports.default=EditableTable;