easy3wui 4.0.31-beta2 → 4.0.33-beta.1

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

@@ -6,6 +6,10 @@ var _extends2 = require('babel-runtime/helpers/extends');
 
 var _extends3 = _interopRequireDefault(_extends2);
 
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
 var _notification2 = require('antd/lib/notification');
 
 var _notification3 = _interopRequireDefault(_notification2);
@@ -28,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');
@@ -38,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);
@@ -77,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
       );
@@ -99,30 +103,195 @@ var Easy3wModal = function (_Component) {
       );
     }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
+  // 获取loading状态
+
+
+  // 供脚手架index存store
+  Easy3wModal.setGetLoading = function setGetLoading(fn) {
+    Easy3wModal.getLoading = fn;
+  };
+  // 返回一个promise
+
+
+  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
+
+
+  Easy3wModal.confirm = function confirm() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _onOk = 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({
+            message: '温馨提示',
+            description: '操作正在进行中，请稍后！',
+            duration: 3
+          });
+          return Promise.reject(); // 阻止 Modal 自动关闭
+        }
+
+        // 2. onOk不是函数，关闭
+        if (typeof _onOk !== 'function') {
+          return true; // 直接关闭 Modal
+        }
+
+        // 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 = '';
+          }
+        });
+      }
+    }));
+  };
+
+  // 展示modal
+
+
+  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,
+        _onCancel2 = options.onCancel,
+        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk', 'onCancel']);
+
+    // 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() {
+        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] : {};
+
+    return this.showModal('success', props);
+  };
+
+  // error
+
+
+  Easy3wModal.error = function error() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('error', props);
+  };
+
+  // warning
+
+
+  Easy3wModal.warning = function warning() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('warning', props);
+  };
 
   Easy3wModal.prototype.render = function render() {
     var _props = this.props,
         title = _props.title,
         children = _props.children,
         visible = _props.visible,
-        loading = _props.loading,
+        loadingFlag = _props.loadingFlag,
         cancelHandler = _props.cancelHandler,
         onOk = _props.onOk,
-        width = _props.width;
+        width = _props.width,
+        footer = _props.footer,
+        footBtnArr = _props.footBtnArr;
 
-    var btnObj = this.getBtnObj();
+    var btnObj = footer && footer.length ? footer : footBtnArr && footBtnArr.length ? this.getBtnObj() : null;
     return _react2['default'].createElement(
       _modal2['default'],
       (0, _extends3['default'])({
         title: title,
         visible: visible,
-        confirmLoading: loading,
+        confirmLoading: loadingFlag,
         onCancel: cancelHandler,
         onOk: onOk,
         footer: btnObj,
         width: width,
         destroyOnClose: true,
-        style: { top: 20 }
+        maskClosable: false,
+        style: { top: 20, zIndex: 99998 }
       }, this.props, {
         afterClose: function afterClose() {
           document.body.style.overflow = '';
@@ -135,6 +304,10 @@ var Easy3wModal = function (_Component) {
   return Easy3wModal;
 }(_react.Component);
 
+Easy3wModal.getLoading = function () {
+  return false;
+};
+
 exports['default'] = (0, _dva.connect)(function (state) {
   return {
     loadingFlag: state.loading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "4.0.31-beta2",
+  "version": "4.0.33-beta.1",
   "description": "easy3wui components for react",
   "keywords": [
     "react",