@hi-ui/hiui 2.15.11 → 2.15.12

package/es/upload/upload-legacy/UploadPhoto.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = _interopRequireDefault(require("../../context"));
+
+var _Upload2 = _interopRequireDefault(require("./Upload"));
+
+var _Preview = _interopRequireDefault(require("./Preview"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var UploadPhoto =
+/*#__PURE__*/
+function (_Upload) {
+  (0, _inherits2["default"])(UploadPhoto, _Upload);
+
+  function UploadPhoto(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, UploadPhoto);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(UploadPhoto).call(this, props));
+    _this.state = Object.assign({
+      uploading: false,
+      progressNumber: 0,
+      showModal: false,
+      previewFile: {},
+      activeIndex: 0,
+      images: []
+    }, _this.state);
+    return _this;
+  }
+
+  (0, _createClass2["default"])(UploadPhoto, [{
+    key: "closeModal",
+    value: function closeModal() {
+      this.setState({
+        previewFile: {},
+        showModal: false
+      });
+    }
+  }, {
+    key: "previewImage",
+    value: function previewImage(file, activeIndex) {
+      this.setState({
+        previewFile: file,
+        showModal: true,
+        activeIndex: activeIndex
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          fileList = _this$state.fileList,
+          showModal = _this$state.showModal,
+          previewFile = _this$state.previewFile,
+          activeIndex = _this$state.activeIndex;
+      var _this$props = this.props,
+          onRemove = _this$props.onRemove,
+          disabled = _this$props.disabled,
+          accept = _this$props.accept,
+          localeDatas = _this$props.localeDatas;
+      var images = fileList.map(function (file) {
+        return {
+          url: file.url
+        };
+      });
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])('hi-upload-legacy hi-upload-legacy--photo', {
+          'hi-upload-legacy--disabled': disabled
+        })
+      }, _react["default"].createElement("ul", {
+        className: "hi-upload-legacy__list"
+      }, fileList.map(function (file, index) {
+        if (file.uploadState === 'loading') {
+          return _react["default"].createElement("li", {
+            key: index,
+            className: "hi-upload-legacy__item"
+          }, _react["default"].createElement("img", {
+            src: file.url,
+            className: "hi-upload-legacy__thumb"
+          }), _react["default"].createElement("div", {
+            className: "hi-upload-legacy__precent"
+          }, _react["default"].createElement("p", {
+            className: "hi-upload-legacy__loading-text"
+          }, file.progressNumber ? file.progressNumber < 100 ? file.progressNumber + '%' : localeDatas.upload.uploadSuccess : 0 + '%'), _react["default"].createElement("div", {
+            className: "hi-upload-legacy__loading-bar",
+            style: {
+              width: file.progressNumber * 1.4 + 'px'
+            }
+          })));
+        } else {
+          return _react["default"].createElement("li", {
+            key: index,
+            className: "hi-upload-legacy__item"
+          }, _react["default"].createElement("img", {
+            src: file.url,
+            className: "hi-upload-legacy__thumb ".concat(file.uploadState === 'error' && 'error'),
+            onClick: function onClick() {
+              return _this2.previewImage(file, index);
+            }
+          }), onRemove && _react["default"].createElement(_icon["default"], {
+            name: "close-circle",
+            className: "hi-upload-legacy__photo-del",
+            onClick: function onClick() {
+              return _this2.deleteFile(file, index);
+            }
+          }), file.uploadState === 'error' && _react["default"].createElement("div", {
+            className: "hi-upload-legacy__precent"
+          }, _react["default"].createElement("div", null, _react["default"].createElement(_icon["default"], {
+            name: "comment-circle-o"
+          }), _react["default"].createElement("br", null), localeDatas.upload.uploadFailed)));
+        }
+      }), _react["default"].createElement("li", {
+        className: "hi-upload-legacy__item hi-upload-legacy__item--upload"
+      }, _react["default"].createElement("label", {
+        style: {
+          display: 'block'
+        }
+      }, _react["default"].createElement("input", {
+        ref: function ref(node) {
+          _this2.uploadRef = node;
+        },
+        type: "file",
+        accept: accept,
+        disabled: disabled && 'disabled',
+        onChange: function onChange(e) {
+          return _this2.uploadFiles(e.target.files);
+        },
+        hidden: true
+      }), _react["default"].createElement(_icon["default"], {
+        name: "plus"
+      })))), showModal && _react["default"].createElement(_Preview["default"], {
+        src: previewFile.url,
+        images: images,
+        activeIndex: activeIndex,
+        show: showModal,
+        onClose: this.closeModal.bind(this)
+      }));
+    }
+  }]);
+  return UploadPhoto;
+}(_Upload2["default"]);
+
+UploadPhoto.defaultProps = Object.assign({}, _objectSpread({}, _Upload2["default"].defaultProps), {
+  accept: 'image/jpg,image/jpeg,image/png'
+});
+
+var _default = (0, _context["default"])(UploadPhoto);
+
+exports["default"] = _default;

package/es/upload/upload-legacy/UploadPictureCard.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Upload2 = _interopRequireDefault(require("./Upload"));
+
+var _context = _interopRequireDefault(require("../../context"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var UploadPictureCard =
+/*#__PURE__*/
+function (_Upload) {
+  (0, _inherits2["default"])(UploadPictureCard, _Upload);
+
+  function UploadPictureCard() {
+    (0, _classCallCheck2["default"])(this, UploadPictureCard);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(UploadPictureCard).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(UploadPictureCard, [{
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      var _this$props = this.props,
+          buttonText = _this$props.buttonText,
+          showUploadList = _this$props.showUploadList,
+          multiple = _this$props.multiple,
+          disabled = _this$props.disabled,
+          accept = _this$props.accept,
+          onRemove = _this$props.onRemove,
+          localeDatas = _this$props.localeDatas;
+      var fileList = this.state.fileList;
+      return _react["default"].createElement("div", {
+        className: "hi-upload-legacy hi-upload-legacy--picture-card"
+      }, _react["default"].createElement("div", null, _react["default"].createElement("label", null, _react["default"].createElement("input", {
+        ref: function ref(node) {
+          _this.uploadRef = node;
+        },
+        type: "file",
+        className: "upload-input",
+        onChange: function onChange(e) {
+          return _this.uploadFiles(e.target.files);
+        },
+        multiple: multiple && 'multiple',
+        disabled: disabled && 'disabled',
+        accept: accept,
+        hidden: true
+      }), _react["default"].createElement("span", {
+        className: "hi-upload-legacy__button ".concat(disabled ? 'hi-upload-legacy__button--disabled' : '')
+      }, buttonText || localeDatas.upload.buttonText))), showUploadList && _react["default"].createElement("ul", {
+        className: "hi-upload-legacy__list"
+      }, fileList.map(function (file, index) {
+        var fileNameCls = (0, _classnames["default"])('hi-upload-legacy__filename', file.uploadState === 'error' && 'hi-upload-legacy__filename--error');
+        var itemCls = (0, _classnames["default"])('hi-upload-legacy__item', file.uploadState === 'error' && 'hi-upload-legacy__item--error');
+        return _react["default"].createElement("li", {
+          key: index,
+          title: file.name,
+          className: itemCls
+        }, _react["default"].createElement("div", {
+          className: "img-wrap"
+        }, _react["default"].createElement("img", {
+          src: file.url
+        }), file.uploadState === 'loading' && _react["default"].createElement("div", {
+          className: "img-mask"
+        })), _react["default"].createElement("div", {
+          className: "hi-upload-legacy__right-content"
+        }, _react["default"].createElement("span", {
+          className: fileNameCls,
+          title: file.name
+        }, file.name), _react["default"].createElement("span", null, onRemove && _react["default"].createElement(_icon["default"], {
+          name: file.uploadState === 'loading' ? 'close' : 'delete',
+          onClick: function onClick() {
+            return _this.deleteFile(file, index);
+          }
+        })), file.uploadState === 'loading' && _react["default"].createElement("div", {
+          className: "hi-upload-legacy__upstatus"
+        }, _react["default"].createElement("i", {
+          className: "hi-upload-legacy__upstatus-line",
+          style: {
+            width: file.progressNumber + '%'
+          }
+        }))));
+      })));
+    }
+  }]);
+  return UploadPictureCard;
+}(_Upload2["default"]);
+
+UploadPictureCard.defaultProps = Object.assign({}, _objectSpread({}, _Upload2["default"].defaultProps), {
+  accept: 'image/jpg,image/jpeg,image/png'
+});
+
+var _default = (0, _context["default"])(UploadPictureCard);
+
+exports["default"] = _default;

package/es/upload/upload-legacy/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _UploadClick = _interopRequireDefault(require("./UploadClick"));
+
+var _UploadDrag = _interopRequireDefault(require("./UploadDrag"));
+
+var _UploadPhoto = _interopRequireDefault(require("./UploadPhoto"));
+
+var _UploadAvatar = _interopRequireDefault(require("./UploadAvatar"));
+
+var _UploadPictureCard = _interopRequireDefault(require("./UploadPictureCard"));
+
+require("./style/index");
+
+var Upload =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Upload, _Component);
+
+  function Upload() {
+    (0, _classCallCheck2["default"])(this, Upload);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Upload).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(Upload, [{
+    key: "render",
+    value: function render() {
+      var type = this.props.type;
+
+      if (type === 'normal') {
+        return _react["default"].createElement(_UploadClick["default"], this.props);
+      } else if (type === 'drag') {
+        return _react["default"].createElement(_UploadDrag["default"], this.props);
+      } else if (type === 'photo') {
+        return _react["default"].createElement(_UploadPhoto["default"], this.props);
+      } else if (type === 'avatar') {
+        return _react["default"].createElement(_UploadAvatar["default"], this.props);
+      } else if (type === 'pictureCard') {
+        return _react["default"].createElement(_UploadPictureCard["default"], this.props);
+      }
+    }
+  }]);
+  return Upload;
+}(_react.Component);
+
+exports["default"] = Upload;

package/es/upload/upload-legacy/style/index.css

@@ -0,0 +1 @@
+.hi-upload-legacy--disabled{cursor:not-allowed}.hi-upload-legacy__button{display:inline-block;width:88px;height:32px;font-size:14px;background:#4284f5;color:#fff;cursor:pointer;line-height:32px;text-align:center;border-radius:2px}.hi-upload-legacy__button--disabled{cursor:not-allowed;opacity:0.5}.hi-upload-legacy__tips{font-size:12px;color:#999}.hi-upload-legacy__tips--single-line{display:block;padding:12px 0 8px}.hi-upload-legacy__list{width:100%;overflow:hidden}.hi-upload-legacy__item{height:36px;cursor:default;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:8px;overflow:hidden;position:relative}.hi-upload-legacy__item-tips{color:#428ef5;background:#edf2fc;border-radius:2px;font-size:14px;padding:4px 6px;height:auto !important;border:1px solid #d8e5ff}.hi-upload-legacy__item .hi-icon{cursor:pointer;font-size:18px}.hi-upload-legacy__right-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:8px;overflow:hidden}.hi-upload-legacy__filename{-webkit-box-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}.hi-upload-legacy__filename--error{color:red}.hi-upload-legacy__upstatus{width:100%;height:2px;background:#f2f2f2;border-radius:9px;position:absolute;bottom:0}.hi-upload-legacy__upstatus-line{display:inline-block;height:2px;width:0;background:#4284f5;border-radius:4px 0 0 4px;position:absolute;left:0;top:0;-webkit-transition:width 0.1s linear;transition:width 0.1s linear}.hi-upload-legacy__upstatus-num{position:absolute;right:38px;top:-32px;font-style:normal;font-size:12px;color:#999}.hi-upload-legacy--drag{position:relative;width:100%;min-height:140px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dotted #dbdbdb;cursor:pointer;padding:12px}.hi-upload-legacy--drag:hover:not(.hi-upload-legacy--nohover){border-color:#4284f5}.hi-upload-legacy--drag .hi-upload-legacy__operate-icon{color:#4284f5;cursor:pointer}.hi-upload-legacy--drag.hi-upload-legacy--disabled{cursor:not-allowed;opacity:0.6}.hi-upload-legacy--drag.hi-upload-legacy--disabled,.hi-upload-legacy--drag.hi-upload-legacy--disabled:hover{border-color:#d9d9d9}.hi-upload-legacy--drag.hi-upload-legacy--disabled .drop-click{cursor:not-allowed}.hi-upload-legacy--drag .drop-content{display:none}.hi-upload-legacy--drag .show-drop-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:inline-block;height:60px;text-align:center;font-size:12px;color:#333;letter-spacing:0;line-height:20px;cursor:inherit}.hi-upload-legacy--drag .show-drop-content .icon{display:block;cursor:inherit;margin-bottom:10px}.hi-upload-legacy--drag .show-drop-content .icon::before{font-size:30px;color:#4284f5}.hi-upload-legacy--drag .drop-over{border:1px dashed #0099fb}.hi-upload-legacy--avatar.hi-upload-legacy--disabled .photo-upload,.hi-upload-legacy--photo.hi-upload-legacy--disabled .photo-upload{cursor:not-allowed}.hi-upload-legacy--avatar.hi-upload-legacy--disabled .photo-upload,.hi-upload-legacy--avatar.hi-upload-legacy--disabled .photo-upload:hover,.hi-upload-legacy--photo.hi-upload-legacy--disabled .photo-upload,.hi-upload-legacy--photo.hi-upload-legacy--disabled .photo-upload:hover{border-color:#d9d9d9}.hi-upload-legacy--avatar .hi-upload-legacy__list,.hi-upload-legacy--photo .hi-upload-legacy__list{overflow:visible}.hi-upload-legacy--avatar .hi-upload-legacy__item,.hi-upload-legacy--photo .hi-upload-legacy__item{width:140px;height:140px;display:inline-block;position:relative;text-align:center;padding:0;margin:8px;overflow:visible;vertical-align:middle;background:#fff}.hi-upload-legacy--avatar .hi-upload-legacy__item:not(:last-child),.hi-upload-legacy--photo .hi-upload-legacy__item:not(:last-child){background:#e7e7e7}.hi-upload-legacy--avatar .hi-upload-legacy__item img,.hi-upload-legacy--photo .hi-upload-legacy__item img{margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hi-upload-legacy--avatar .hi-upload-legacy__item--upload,.hi-upload-legacy--photo .hi-upload-legacy__item--upload{text-align:center;font-size:28px;color:#e7e7e7;border:1px dotted #bcbcbc;line-height:140px}.hi-upload-legacy--avatar .hi-upload-legacy__item--upload:hover,.hi-upload-legacy--photo .hi-upload-legacy__item--upload:hover{border-color:#0099fb}.hi-upload-legacy--avatar .hi-upload-legacy__item:hover .hi-upload-legacy__photo-del,.hi-upload-legacy--photo .hi-upload-legacy__item:hover .hi-upload-legacy__photo-del{display:block}.hi-upload-legacy__photo-del{position:absolute;right:-8px;top:-12px;font-size:18px;display:none;z-index:2}.hi-upload-legacy__precent{position:absolute;width:140px;height:140px;left:0;top:0;background:rgba(0,0,0,0.4);color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-upload-legacy__loading-bar{width:0;height:4px;position:absolute;left:0;bottom:0;background:#4284f5}.hi-upload-legacy__thumb{max-width:140px;max-height:140px}.hi-upload-legacy--picture-card .upload--disabled{cursor:not-allowed}.hi-upload-legacy--picture-card .hi-upload-legacy__list{margin-top:15px;overflow:auto}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item{height:64px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:2px;padding:8px 18px 8px 8px;margin-bottom:8px;font-size:12px;color:#333}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item--error{border:1px solid #f44141}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item:hover{background:#f7f7f7}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item.loading{color:#999}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item .img-wrap{float:left;width:50px;height:50px;margin-right:12px;position:relative}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item .img-wrap img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:50px;max-height:50px}.hi-upload-legacy--picture-card .hi-upload-legacy__list .hi-upload-legacy__item .img-wrap .img-mask{width:50px;height:50px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3)}.hi-upload-legacy p{margin:0;padding:0}.hi-upload-legacy ul{margin:0;padding:0;list-style:none}.hi-upload-legacy li{list-style:none}

package/es/upload/upload-legacy/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./index.css");
+
+require("../../../style/icon/diyIcon.css");

package/es/upload/upload-legacy/tool.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var AJAX = function AJAX(obj) {
+  // 做网络请求的时候，以对象形式传递进来
+
+  /*
+  //规定:obj里面包含属性有：
+  1.deleteAction
+  2.type---get还是 post
+  3.data--前端给后端传递的参数(前端传递的时候以"对象形式")
+  4.回调函数---success
+  5. hearders---请求头
+  */
+  var ajaxObj = null;
+
+  if (window.XMLHttpRequest) {
+    var XMLHttpRequest = window.XMLHttpRequest;
+    ajaxObj = new XMLHttpRequest();
+  } else {
+    var ActiveXObject = window.ActiveXObject;
+    ajaxObj = new ActiveXObject('Microsoft.XMLHTTP');
+  } // 检测状态的变化
+
+
+  ajaxObj.onreadystatechange = function () {
+    if (ajaxObj.readyState === 4) {
+      if (ajaxObj.status >= 200 && ajaxObj.status < 300 || ajaxObj.status === 304) {
+        if (obj.success) {
+          obj.success(JSON.parse(ajaxObj.responseText));
+        }
+      }
+    }
+  }; // --------------------------------------------
+
+
+  var params = ''; // 判断是否传递了参数
+
+  if (obj.data) {
+    for (var key in obj.data) {
+      params += key + '=' + obj.data[key] + '&';
+    }
+
+    params = params.slice(0, params.length - 1);
+  } // -------------------------------------------
+  // type 转化为小写,方便使用
+
+
+  var type = obj.type || 'get';
+  type = type.toLowerCase();
+
+  if (type === 'get') {
+    ajaxObj.open(type, obj.deleteAction + '?' + params, true); // 设置用户传入的请求头
+
+    if (obj.headers) {
+      for (var j in obj.headers) {
+        if (j) {
+          ajaxObj.setRequestHeader(j, obj.headers[j]);
+        }
+      }
+    }
+
+    ajaxObj.send();
+  } else {
+    ajaxObj.open(type, obj.deleteAction, true); // 设置用户传入的请求头
+
+    if (obj.headers) {
+      for (var _j in obj.headers) {
+        if (_j) {
+          ajaxObj.setRequestHeader(_j, obj.headers[_j]);
+        }
+      }
+    }
+
+    ajaxObj.send(params);
+  }
+};
+
+var _default = AJAX;
+exports["default"] = _default;

package/es/watermark/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _watermark = _interopRequireDefault(require("./watermark"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var Watermark =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Watermark, _React$Component);
+
+  function Watermark(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Watermark);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Watermark).call(this, props));
+    _this.rootRef = _react["default"].createRef();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Watermark, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var container = this.rootRef.current;
+
+      var options = _lodash["default"].cloneDeep(this.props);
+
+      delete options.children;
+      (0, _watermark["default"])(container, options);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return _react["default"].createElement("div", {
+        ref: this.rootRef,
+        style: {
+          overflow: 'hidden'
+        }
+      }, this.props.children);
+    }
+  }]);
+  return Watermark;
+}(_react["default"].Component);
+
+Watermark.propTypes = {
+  id: _propTypes["default"].string,
+  width: _propTypes["default"].number,
+  height: _propTypes["default"].number,
+  textAlign: _propTypes["default"].string,
+  font: _propTypes["default"].number,
+  color: _propTypes["default"].string,
+  content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
+  rotate: _propTypes["default"].number,
+  zIndex: _propTypes["default"].number,
+  logo: _propTypes["default"].string,
+  grayLogo: _propTypes["default"].bool,
+  isAutoWrap: _propTypes["default"].bool,
+  textOverflowEffect: _propTypes["default"].oneOf(['zoom', 'cut'])
+};
+Watermark.defaultProps = {
+  id: null,
+  density: 'default',
+  textAlign: 'left',
+  font: 14,
+  color: 'rgba(148, 148, 148, 0.2)',
+  content: '请勿外传',
+  rotate: -30,
+  zIndex: 1000,
+  logo: null,
+  grayLogo: true,
+  isAutoWrap: false,
+  textOverflowEffect: 'zoom'
+};
+Watermark.generate = _watermark["default"];
+var _default = Watermark;
+exports["default"] = _default;