easy3wui 4.0.33 → 4.0.35

package/lib/Easy3wDownLoad/index.js

@@ -68,7 +68,8 @@ var Easy3wDownLoad = function (_Component) {
 
     var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
 
-    _this.onPreview = function (file, url) {
+    _this.onPreview = function (e, file, url) {
+      e.preventDefault();
       var objPreviewFileNew = (0, _extends3['default'])({}, _comonConfig.objPreviewFile, _this.props.objPreviewFile);
       var previewFileUrl = objPreviewFileNew.previewFileUrl,
           previewFileType = objPreviewFileNew.previewFileType;
@@ -115,7 +116,8 @@ var Easy3wDownLoad = function (_Component) {
       }
     };
 
-    _this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
+    _this.showFileView = function (e, uid, name, apiKey, fileViewURL, fileCallURL) {
+      e.preventDefault();
       var callURl = fileCallURL + '?fileId=' + uid;
       var crypto = require('crypto');
       var hmac = crypto.createHmac('md5', apiKey);
@@ -126,6 +128,11 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ fileId: uid, fileName: name, fileViewFlag: true, viewFileUrl: viewFileUrl });
     };
 
+    _this.showPdfView = function (e, uid, url, name) {
+      e.preventDefault();
+      _this.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
+    };
+
     _this.hidePDFModal = function () {
       _this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
     };
@@ -138,7 +145,8 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ fileId: '', fileURL: '', fileName: '' });
     };
 
-    _this.showImageView = function (url) {
+    _this.showImageView = function (e, url) {
+      e.preventDefault();
       _this.setState({ imageViewURL: url });
     };
 
@@ -158,6 +166,12 @@ var Easy3wDownLoad = function (_Component) {
 
   // url处理
 
+  // 显示文件预览
+
+  // 显示pdf预览
+
+  // 图片预览
+
 
   Easy3wDownLoad.prototype.render = function render() {
     var _this2 = this;
@@ -173,7 +187,8 @@ var Easy3wDownLoad = function (_Component) {
 
     var objPreviewFileNew = (0, _extends3['default'])({}, _comonConfig.objPreviewFile, this.props.objPreviewFile);
     var previewFileFlag = objPreviewFileNew.previewFileFlag,
-        downloadFileFlag = objPreviewFileNew.downloadFileFlag,
+        _objPreviewFileNew$do = objPreviewFileNew.downloadFileFlag,
+        downloadFileFlag = _objPreviewFileNew$do === undefined ? '' : _objPreviewFileNew$do,
         previewFileType = objPreviewFileNew.previewFileType;
 
     var retObj = '';
@@ -196,8 +211,8 @@ var Easy3wDownLoad = function (_Component) {
               { placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
               _react2['default'].createElement(
                 'a',
-                { onClick: function onClick() {
-                    return _this2.onPreview(obj, url);
+                { href: url, onClick: function onClick(e) {
+                    return _this2.onPreview(e, obj, url);
                   }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
                 name
               )
@@ -214,8 +229,8 @@ var Easy3wDownLoad = function (_Component) {
             null,
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showPdfView(e, uid, url, name);
                 } },
               name
             )
@@ -226,8 +241,8 @@ var Easy3wDownLoad = function (_Component) {
             null,
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.showFileView(uid, name, apiKey, fileViewURL, fileCallURL);
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showFileView(e, uid, name, apiKey, fileViewURL, fileCallURL);
                 } },
               name
             )
@@ -238,8 +253,8 @@ var Easy3wDownLoad = function (_Component) {
             { style: { width: '100%', display: 'flex', alignItems: 'center' } },
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.showImageView(url);
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showImageView(e, url);
                 }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
               name
             ),

package/lib/Easy3wModal/index.js

@@ -32,8 +32,6 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _dva = require('dva');
-
 var _antd = require('antd');
 
 var _modal = require('antd/lib/modal');
@@ -42,6 +40,8 @@ var _modal2 = _interopRequireDefault(_modal);
 
 require('antd/lib/modal/style');
 
+var _dva = require('dva');
+
 var _button = require('antd/lib/button');
 
 var _button2 = _interopRequireDefault(_button);
@@ -81,12 +81,12 @@ var Easy3wModal = function (_Component) {
       return _react2['default'].createElement(
         _button2['default'],
         {
-          onClick: function onClick(e) {
-            return _this.onClickFunc(e, obj.func);
-          },
           type: 'primary',
           className: (0, _classnames2['default'])(['e3wFootBtn']),
-          loading: obj.loading
+          loading: obj.loading,
+          onClick: function onClick(e) {
+            return _this.onClickFunc(e, obj.func);
+          }
         },
         obj.cName
       );
@@ -110,22 +110,25 @@ var Easy3wModal = function (_Component) {
   Easy3wModal.setGetLoading = function setGetLoading(fn) {
     Easy3wModal.getLoading = fn;
   };
-  // 统一的 loading 检查
+  // 返回一个promise
 
 
-  Easy3wModal.checkLoadingAndRun = function checkLoadingAndRun(callback) {
-    var loadingFlag = Easy3wModal.getLoading();
-    if (loadingFlag) {
-      _notification3['default'].warning({
-        message: '温馨提示',
-        description: '操作正在进行中，请稍后！',
-        duration: 3
-      });
-      return;
-    }
-    if (typeof callback === 'function') {
-      return callback();
-    }
+  Easy3wModal.returnPromise = function returnPromise() {
+    var onOk = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+    return new Promise(function (resolve) {
+      try {
+        onOk();
+        setTimeout(function () {
+          resolve(); // 300ms 后关闭 Modal
+          document.body.style.overflow = '';
+        }, 300);
+      } catch (e) {
+        console.error('onOk 执行报错：', e);
+        resolve(); // 出错时不关闭
+        document.body.style.overflow = '';
+      }
+    });
   };
   // confirm
 
@@ -133,10 +136,18 @@ var Easy3wModal = function (_Component) {
   Easy3wModal.confirm = function confirm() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _onOk = props.onOk,
-        restProps = (0, _objectWithoutProperties3['default'])(props, ['onOk']);
+        _onCancel = props.onCancel,
+        restProps = (0, _objectWithoutProperties3['default'])(props, ['onOk', 'onCancel']);
 
     return _modal2['default'].confirm((0, _extends3['default'])({}, restProps, {
+      onCancel: function onCancel() {
+        if (_onCancel) {
+          _onCancel();
+        }
+        document.body.style.overflow = '';
+      },
       onOk: function onOk() {
+        // 1. 检查全局 loading 状态，阻止重复操作
         var loadingFlag = Easy3wModal.getLoading();
         if (loadingFlag) {
           _notification3['default'].warning({
@@ -146,80 +157,113 @@ var Easy3wModal = function (_Component) {
           });
           return Promise.reject(); // 阻止 Modal 自动关闭
         }
-        if (typeof _onOk === 'function') {
-          return _onOk();
+
+        // 2. onOk不是函数，关闭
+        if (typeof _onOk !== 'function') {
+          return true; // 直接关闭 Modal
         }
-        return true;
+
+        // 3. 执行onOk
+        return new Promise(function (resolve) {
+          try {
+            _onOk();
+            setTimeout(function () {
+              resolve(); // 300ms 后关闭 Modal
+              document.body.style.overflow = '';
+            }, 300);
+          } catch (e) {
+            console.error('onOk 执行报错：', e);
+            resolve(); // 出错时不关闭
+            document.body.style.overflow = '';
+          }
+        });
       }
     }));
   };
-  // info
 
+  // 展示modal
 
-  Easy3wModal.info = function info() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    // 判断类型
+  Easy3wModal.showModal = function showModal(type) {
+    var _this2 = this;
+
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    // 1. 判断参数类型
     var options = typeof props === 'string' || typeof props === 'number' ? { content: props } : props;
+
     var _onOk2 = options.onOk,
-        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk']);
+        _onCancel2 = options.onCancel,
+        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk', 'onCancel']);
 
-    return _modal2['default'].info((0, _extends3['default'])({}, restProps, {
+    // 2. 定义统一的关闭逻辑
+
+    var resetBodyOverflow = function resetBodyOverflow() {
+      document.body.style.overflow = '';
+    };
+
+    // 3. 调用对应类型的 Modal 方法
+    return _modal2['default'][type]((0, _extends3['default'])({}, restProps, {
+      onCancel: function onCancel() {
+        if (_onCancel2) {
+          _onCancel2();
+        }
+        resetBodyOverflow();
+      },
       onOk: function onOk() {
-        return Easy3wModal.checkLoadingAndRun(_onOk2);
+        if (_onOk2) {
+          var loadingFlag = Easy3wModal.getLoading();
+          if (loadingFlag) {
+            _notification3['default'].warning({
+              message: '温馨提示',
+              description: '操作正在进行中，请稍后！',
+              duration: 3
+            });
+            return;
+          }
+          if (typeof _onOk2 !== 'function') {
+            return true; // 直接关闭 Modal
+          }
+          _this2.returnPromise(_onOk2).then(function () {});
+        }
       }
     }));
   };
+
+  // info
+
+
+  Easy3wModal.info = function info() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('info', props);
+  };
+
   // success
 
 
   Easy3wModal.success = function success() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    // 判断类型
-    var options = typeof props === 'string' || typeof props === 'number' ? { content: props } : props;
-    var _onOk3 = options.onOk,
-        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk']);
-
-    return _modal2['default'].success((0, _extends3['default'])({}, restProps, {
-      onOk: function onOk() {
-        return Easy3wModal.checkLoadingAndRun(_onOk3);
-      }
-    }));
+    return this.showModal('success', props);
   };
+
   // error
 
 
   Easy3wModal.error = function error() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    // 判断类型
-    var options = typeof props === 'string' || typeof props === 'number' ? { content: props } : props;
-    var _onOk4 = options.onOk,
-        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk']);
-
-    return _modal2['default'].error((0, _extends3['default'])({}, restProps, {
-      onOk: function onOk() {
-        return Easy3wModal.checkLoadingAndRun(_onOk4);
-      }
-    }));
+    return this.showModal('error', props);
   };
+
   // warning
 
 
   Easy3wModal.warning = function warning() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    // 判断类型
-    var options = typeof props === 'string' || typeof props === 'number' ? { content: props } : props;
-    var _onOk5 = options.onOk,
-        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk']);
-
-    return _modal2['default'].warning((0, _extends3['default'])({}, restProps, {
-      onOk: function onOk() {
-        return Easy3wModal.checkLoadingAndRun(_onOk5);
-      }
-    }));
+    return this.showModal('warning', props);
   };
 
   Easy3wModal.prototype.render = function render() {
@@ -231,9 +275,10 @@ var Easy3wModal = function (_Component) {
         cancelHandler = _props.cancelHandler,
         onOk = _props.onOk,
         width = _props.width,
+        footer = _props.footer,
         footBtnArr = _props.footBtnArr;
 
-    var btnObj = footBtnArr && footBtnArr.length ? this.getBtnObj() : null;
+    var btnObj = footer && footer.length ? footer : footBtnArr && footBtnArr.length ? this.getBtnObj() : null;
     return _react2['default'].createElement(
       _modal2['default'],
       (0, _extends3['default'])({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "4.0.33",
+  "version": "4.0.35",
   "description": "easy3wui components for react",
   "keywords": [
     "react",