dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyExcel/index.js

@@ -0,0 +1,601 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _badge = require('antd/lib/badge');
+
+var _badge2 = _interopRequireDefault(_badge);
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _progress = require('antd/lib/progress');
+
+var _progress2 = _interopRequireDefault(_progress);
+
+var _divider = require('antd/lib/divider');
+
+var _divider2 = _interopRequireDefault(_divider);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _getLoginUser2 = require('xgui-for-react/lib/utils/getLoginUser');
+
+var _getLoginUser3 = _interopRequireDefault(_getLoginUser2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/badge/style');
+
+require('antd/lib/spin/style');
+
+require('antd/lib/progress/style');
+
+require('antd/lib/divider/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/modal/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ExcelForm = require('./ExcelForm');
+
+var _ExcelForm2 = _interopRequireDefault(_ExcelForm);
+
+var _KyModal = require('../KyModal');
+
+var _KyModal2 = _interopRequireDefault(_KyModal);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _MD = require('../../utils/MD5');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var KyExcel = function (_Component) {
+  (0, _inherits3.default)(KyExcel, _Component);
+
+  function KyExcel(props) {
+    (0, _classCallCheck3.default)(this, KyExcel);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyExcel.__proto__ || (0, _getPrototypeOf2.default)(KyExcel)).call(this, props));
+
+    _this.show = function () {
+      _this.setState({
+        uuid: undefined, //上传文件的uuid
+        btnDisabled: false,
+        loading: false,
+        importFlag: true,
+        runningFlag: false,
+        resultFlag: false,
+        totalCount: undefined,
+        successCount: undefined,
+        errorCount: undefined,
+        errorFileName: undefined,
+        errorFileUuid: undefined,
+        percent: 0,
+        processTip: '导入中',
+        importStatus: 'prepare' //导入状态，prepare：准备中，uploading:导入中，success:导入成功，error:导入成功
+      });
+      _this.KyModal.show();
+    };
+
+    _this.handleSave = function () {
+      var userId = (0, _getLoginUser3.default)().userId;
+      if (!userId) {
+        _message3.default.info('登录已过期，请重新登录！');
+        return;
+      }
+      _this.nhForm.validateFields(function (err, values) {
+        if (!err) {
+          var uuid = values.uuid.split(';')[0];
+          var otherParams = values;
+          delete otherParams.uuid;
+          var params = {
+            uuid: uuid,
+            userId: userId,
+            params: (0, _extends3.default)({}, otherParams, _this.props.params)
+          };
+          _this.setState({
+            importFlag: false,
+            runningFlag: true,
+            resultFlag: false,
+            importStatus: 'uploading',
+            loading: true,
+            uuid: uuid
+          }, function () {
+            //加载导入进度的进度条
+            _this.loadProcessStatus();
+          });
+          if (!_this.props.importUrl) {
+            _message3.default.warn('请设置导入请求路径，再重新导入!');
+            _this.setState({ importStatus: 'error' });
+            return;
+          }
+          (0, _NHFetch2.default)(_this.props.importUrl, 'POST', params).then(function (res) {
+            if (res) {
+              if (res.code && res.code === 200) {
+                var errorFileName = undefined;
+                if (res.data.errorFileName) {
+                  var strs = res.data.errorFileName.split('.');
+                  if (strs[1]) {
+                    errorFileName = '错误数据.' + strs[1].toString();
+                  } else {
+                    errorFileName = '错误数据.xlsx';
+                  }
+                }
+                _this.setState({
+                  totalCount: res.data.totalCount,
+                  successCount: res.data.successCount,
+                  errorCount: res.data.errorCount,
+                  errorFileName: errorFileName,
+                  errorFileUuid: res.data.errorFileUuid,
+                  importStatus: 'success'
+                });
+                if (_this.props.onSuccess) {
+                  _this.props.onSuccess();
+                }
+              } else {
+                _modal2.default.error({
+                  title: '错误提示',
+                  content: '本次导入操作失败，请重新导入！'
+                });
+                _this.setState({
+                  importStatus: 'error'
+                });
+              }
+            } else {
+              _modal2.default.error({
+                title: '错误提示',
+                content: '本次导入操作失败，请重新导入！'
+              });
+              _this.setState({
+                importStatus: 'error'
+              });
+            }
+          }).catch(function () {
+            _this.setState({
+              importStatus: 'error'
+            });
+          });
+          //加载前面的10%，默认分两秒钟完成
+          var iter = setInterval(function () {
+            if (_this.state.percent >= 10) {
+              window.clearInterval(iter);
+            } else {
+              var percent = _this.state.percent + 1;
+              _this.setState({
+                percent: percent
+              });
+            }
+          }, 100);
+        }
+      });
+    };
+
+    _this.loadProcessStatus = function () {
+      var baseUrl = _this.props.baseUrl || window.baseUrl;
+      (0, _NHFetch2.default)(baseUrl + '/proData/getProgressStatus', 'GET', {
+        uuid: _this.state.uuid,
+        t: new Date().getTime()
+      }).then(function (res) {
+        if (res) {
+          //说明已经结束了
+          if (_this.state.importStatus === 'success' || _this.state.importStatus === 'error') {
+            _this.setState({
+              resultFlag: true,
+              percent: 100,
+              processTip: '导入完成',
+              loading: false,
+              btnDisabled: true
+            });
+          } else {
+            //还要继续轮训查询
+            if (res.data && (res.data.percent !== _this.state.percent || res.data.processTip !== _this.state.processTip)) {
+              _this.setState({
+                percent: res.data.percent,
+                processTip: res.data.processTip
+              });
+            }
+            setTimeout(function () {
+              _this.loadProcessStatus();
+            }, 1000);
+          }
+        }
+      }).catch(function () {
+        //说明已经结束了
+        if (_this.state.importStatus === 'success' || _this.state.importStatus === 'error') {
+          _this.setState({
+            resultFlag: true,
+            percent: 100,
+            processTip: '导入完成',
+            loading: false,
+            btnDisabled: true
+          });
+        } else {
+          setTimeout(function () {
+            _this.loadProcessStatus();
+          }, 1000);
+        }
+      });
+    };
+
+    _this.handleCancel = function () {
+      _this.setState({ importStatus: 'error' });
+      if (_this.props.onCancel) {
+        _this.props.onCancel();
+      }
+    };
+
+    _this.onExcelChange = function (resultStr) {
+      _this.setState({
+        uuid: resultStr.split(';')[0]
+      });
+    };
+
+    _this.addUrlCsrf = function (url) {
+      //设置网关加密串
+      var timestemp = new Date().valueOf();
+      var csrfToken = (0, _MD.hex_md5)('timestamp=' + timestemp + ',key=' + 'lianyi2019' //这个就是与网关约定的秘钥
+      );
+      if (url.indexOf('?') > -1 && url.indexOf('=') > -1 && url.indexOf('?') < url.indexOf('=')) {
+        url = url + '&csrfTimestamp=' + timestemp + '&csrfToken=' + csrfToken;
+      } else {
+        url = url + '?csrfTimestamp=' + timestemp + '&csrfToken=' + csrfToken;
+      }
+      return url;
+    };
+
+    _this.state = {
+      uuid: undefined, //上传文件的uuid
+      btnDisabled: false,
+      loading: false,
+      importFlag: true,
+      runningFlag: false,
+      resultFlag: false,
+      totalCount: undefined,
+      successCount: undefined,
+      errorCount: undefined,
+      errorFileName: undefined,
+      errorFileUuid: undefined,
+      percent: 0,
+      processTip: '导入中',
+      importStatus: 'prepare' //导入状态，prepare：准备中，uploading:导入中，success:导入成功，error:导入成功
+    };
+    return _this;
+  }
+  //设置可以传递参数的默认值
+
+
+  //保存按钮事件
+
+
+  //弹窗关闭事件
+
+
+  //暂时保留
+
+
+  /** 链接添加网关加密串 */
+
+
+  (0, _createClass3.default)(KyExcel, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var baseUrl = this.props.baseUrl || window.baseUrl;
+      var _props = this.props,
+          templateName = _props.templateName,
+          templateSign = _props.templateSign,
+          onCancel = _props.onCancel,
+          title = _props.title,
+          formItemList = _props.formItemList,
+          description = _props.description;
+      var _state = this.state,
+          errorFileUuid = _state.errorFileUuid,
+          btnDisabled = _state.btnDisabled,
+          loading = _state.loading,
+          importFlag = _state.importFlag,
+          runningFlag = _state.runningFlag,
+          processTip = _state.processTip,
+          percent = _state.percent,
+          resultFlag = _state.resultFlag,
+          importStatus = _state.importStatus,
+          totalCount = _state.totalCount,
+          successCount = _state.successCount,
+          errorCount = _state.errorCount,
+          errorFileName = _state.errorFileName;
+
+      var templateUrl = this.props.templateUrl || baseUrl + '/proData/getTemplate?fileName=' + encodeURI(encodeURI(templateName)) + '&sign=' + encodeURI(encodeURI(templateSign));
+      var errorUrl = baseUrl + '/proData/getExcelErrorFile?uuid=' + errorFileUuid;
+      templateUrl = this.addUrlCsrf(templateUrl);
+      errorUrl = this.addUrlCsrf(errorUrl);
+
+      var footer = [{
+        text: '关闭',
+        type: undefined,
+        onClick: function onClick() {
+          _this2.setState({ importStatus: 'error' });
+          _this2.KyModal.close();
+          if (onCancel) onCancel();
+        }
+      }, {
+        text: '导入',
+        type: 'primary',
+        onClick: this.handleSave,
+        disabled: btnDisabled,
+        loading: loading
+      }];
+      return _react2.default.createElement(
+        _KyModal2.default,
+        {
+          ref: function ref(form) {
+            _this2.KyModal = form;
+          },
+          title: title || '导入面板',
+          width: 600,
+          onCancel: this.handleCancel,
+          footer: footer
+        },
+        _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'div',
+            { style: { display: importFlag ? '' : 'none' } },
+            _react2.default.createElement(
+              _row2.default,
+              { style: { margin: '10px 0', padding: '5px 0' } },
+              _react2.default.createElement(
+                _col2.default,
+                { style: { paddingLeft: '30px' } },
+                _react2.default.createElement(_icon2.default, { type: 'info-circle', style: { color: '#FFCD19' } }),
+                '\u4E0A\u4F20\u6587\u4EF6\u9700\u8981\u6309\u7167\u6A21\u677F\u4E0A\u4F20\uFF0C\u5982\u679C\u8FD8\u6CA1\u6709\u6A21\u677F\uFF0C\u53EF\u4EE5\u5148',
+                _react2.default.createElement(
+                  'a',
+                  { href: templateUrl, target: '_blank' },
+                  _react2.default.createElement(_icon2.default, { type: 'download' }),
+                  '\u4E0B\u8F7D\u6A21\u677F'
+                )
+              )
+            ),
+            _react2.default.createElement(
+              _row2.default,
+              null,
+              _react2.default.createElement(
+                _col2.default,
+                { span: 24 },
+                _react2.default.createElement(_ExcelForm2.default, {
+                  ref: function ref(form) {
+                    return _this2.nhForm = form;
+                  },
+                  formItemList: formItemList,
+                  baseUrl: baseUrl
+                })
+              )
+            ),
+            description && description.length > 0 && _react2.default.createElement(
+              'span',
+              null,
+              _react2.default.createElement(
+                _row2.default,
+                null,
+                _react2.default.createElement(
+                  _col2.default,
+                  { span: 24, style: { margin: '0 0', padding: '5px 0' } },
+                  _react2.default.createElement(_divider2.default, { style: { margin: '0px' } })
+                )
+              ),
+              _react2.default.createElement(
+                _row2.default,
+                null,
+                _react2.default.createElement(
+                  _col2.default,
+                  { span: 2 },
+                  '\u5907\u6CE8\uFF1A'
+                ),
+                _react2.default.createElement(
+                  _col2.default,
+                  { span: 22 },
+                  description.map(function (item, index) {
+                    return _react2.default.createElement(
+                      'font',
+                      { key: index },
+                      index + 1,
+                      '\u3001',
+                      item,
+                      _react2.default.createElement('br', null)
+                    );
+                  })
+                )
+              )
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { style: { display: runningFlag ? '' : 'none', height: '205px' } },
+            _react2.default.createElement(
+              'font',
+              { style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+              '\u5BFC\u5165\u72B6\u6001:'
+            ),
+            _react2.default.createElement(
+              'font',
+              { style: { color: '#1890FF', fontSize: '15px' } },
+              processTip
+            ),
+            _react2.default.createElement('br', null),
+            _react2.default.createElement(_progress2.default, { percent: percent, strokeWidth: 15 }),
+            _react2.default.createElement(
+              'div',
+              {
+                style: {
+                  display: resultFlag ? 'none' : '',
+                  width: '100%',
+                  height: '80px',
+                  lineHeight: '80px',
+                  textAlign: 'center'
+                }
+              },
+              _react2.default.createElement(_spin2.default, { size: 'large', tip: '上传中...' })
+            ),
+            _react2.default.createElement(
+              'div',
+              { style: { display: resultFlag ? '' : 'none' } },
+              _react2.default.createElement(
+                'font',
+                { key: 'a', style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+                '\u5BFC\u5165\u8BE6\u60C5\uFF1A',
+                _react2.default.createElement('br', null)
+              ),
+              importStatus === 'error' ? _react2.default.createElement(
+                'font',
+                { style: { color: 'red' } },
+                '\u672C\u6B21\u5BFC\u5165\u64CD\u4F5C\u5931\u8D25\uFF01'
+              ) : _react2.default.createElement(
+                'span',
+                null,
+                _react2.default.createElement(
+                  'font',
+                  { key: 'b', style: { lineHeight: '30px', fontSize: '15px' } },
+                  _react2.default.createElement(_badge2.default, { status: 'warning' }),
+                  '\u5BFC\u5165\u6570\u636E\u6761\u6570\uFF1A',
+                  _react2.default.createElement(
+                    'font',
+                    { style: { fontWeight: 'bold', color: '#323232', fontStyle: 'italic' } },
+                    totalCount
+                  ),
+                  _react2.default.createElement('br', null)
+                ),
+                _react2.default.createElement(
+                  'font',
+                  { key: 'c', style: { lineHeight: '30px', fontSize: '15px' } },
+                  _react2.default.createElement(_badge2.default, { status: 'processing' }),
+                  '\u6B63\u786E\u6570\u636E\u6761\u6570\uFF1A',
+                  _react2.default.createElement(
+                    'font',
+                    { style: { fontWeight: 'bold', color: '#09B2F0', fontStyle: 'italic' } },
+                    successCount
+                  ),
+                  _react2.default.createElement('br', null)
+                ),
+                _react2.default.createElement(
+                  'font',
+                  { key: 'd', style: { lineHeight: '30px', fontSize: '15px' } },
+                  _react2.default.createElement(_badge2.default, { status: 'error' }),
+                  '\u9519\u8BEF\u6570\u636E\u6761\u6570\uFF1A',
+                  _react2.default.createElement(
+                    'font',
+                    { style: { fontWeight: 'bold', color: '#FA0101', fontStyle: 'italic' } },
+                    errorCount
+                  ),
+                  _react2.default.createElement('br', null)
+                )
+              ),
+              errorFileUuid && _react2.default.createElement(
+                'span',
+                null,
+                _react2.default.createElement(
+                  'font',
+                  { key: 'f' },
+                  _react2.default.createElement(
+                    'font',
+                    { style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+                    '\u53EF\u70B9\u51FB\uFF1A'
+                  ),
+                  _react2.default.createElement(
+                    'a',
+                    {
+                      href: errorUrl,
+                      target: '_blank',
+                      style: { color: '#1B8FFF', fontSize: '15px' }
+                    },
+                    errorFileName
+                  ),
+                  _react2.default.createElement('br', null)
+                ),
+                _react2.default.createElement(
+                  'font',
+                  { key: 'g', style: { color: '#999999', fontSize: '15px' } },
+                  '\u4E0B\u8F7D\u9519\u8BEF\u6587\u6863\uFF0C\u67E5\u770B\u9519\u8BEF\u8BE6\u60C5'
+                )
+              )
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return KyExcel;
+}(_react.Component);
+
+KyExcel.defaultProps = {
+  title: undefined, //导入控件的标题
+  templateUrl: undefined, //导入模板下载路径
+  templateName: undefined, //导入模板名称
+  templateSign: undefined, //导入模板问标志，主要通过该标志获取文件
+  onCancel: undefined, //关闭Excel导入控件的回调事件
+  onSuccess: undefined, //导入成功时的回调事件
+  formItemList: undefined, //自定义参数表单，格式：[{label:'类型',key:'key',required:true,message:'错误信息提示',initialValue:'1',render:()=>{ return <Input></Input>}}]
+  description: undefined, //描述，格式：['第一行的提示','第二行的提示',<font color="red">第三行描述</font>]
+  importUrl: undefined, //导入数据的请求路径
+  params: {}, //初始化参数
+  baseUrl: undefined //服务根路径
+};
+exports.default = KyExcel;

package/lib/components/KyIcon/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+require('antd/lib/icon/style');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+require('../../../assets/components/KyIcon/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * @Description: 自定义图标
+ * @Author: 琴时
+ */
+var KyIcon = function KyIcon(props) {
+  var type = props.type,
+      icon = props.icon,
+      className = props.className,
+      other = (0, _objectWithoutProperties3.default)(props, ['type', 'icon', 'className']);
+
+  if (type === 'svg') {
+    return React.createElement(_icon2.default, (0, _extends3.default)({ className: (0, _classnames2.default)('ky-icon', className), component: icon }, other));
+  } else if (type === 'image') {
+    return React.createElement('img', (0, _extends3.default)({ className: (0, _classnames2.default)('ky-icon', className), src: icon }, other, { alt: '' }));
+  } else {
+    return React.createElement(_icon2.default, (0, _extends3.default)({ className: (0, _classnames2.default)('ky-icon', className), type: icon }, other));
+  }
+};
+KyIcon.defaultProps = {
+  type: 'icon', //图片类型:svg、image、默认icon
+  icon: 'picture' //icon图标
+};
+exports.default = KyIcon;

package/lib/components/KyModal/buildTitle.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.default = undefined;
 
 var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
 

package/lib/components/KyModal/dragM.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.default = undefined;
 
 var _extends2 = require('babel-runtime/helpers/extends');