@ucloud-fe/react-components 1.5.17 → 1.5.19

package/lib/components/Upload/Item.js

@@ -0,0 +1,209 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Item = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _Button = _interopRequireDefault(require("../../components/Button"));
+
+var _style = require("./style");
+
+var _Thumbnail = _interopRequireDefault(require("./Thumbnail"));
+
+var _Progress = _interopRequireDefault(require("./Progress"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Item = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Item, _Component);
+
+  var _super = _createSuper(Item);
+
+  function Item() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Item);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onPreview = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props = _this.props,
+          file = _this$props.file,
+          index = _this$props.index,
+          onPreview = _this$props.onPreview;
+      onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, index);
+    }.bind(this);
+
+    _this.onReupload = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props2 = _this.props,
+          file = _this$props2.file,
+          onReupload = _this$props2.onReupload;
+      onReupload(file);
+    }.bind(this);
+
+    _this.onRemove = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props3 = _this.props,
+          file = _this$props3.file,
+          index = _this$props3.index,
+          onRemove = _this$props3.onRemove;
+      onRemove(file, index);
+    }.bind(this);
+
+    _this.renderThumbnail = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props4 = _this.props,
+          file = _this$props4.file,
+          thumbnail = _this$props4.thumbnail;
+      return thumbnail ? /*#__PURE__*/_react.default.createElement(_Thumbnail.default, {
+        file: file
+      }) : null;
+    }.bind(this);
+
+    _this.renderName = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var file = _this.props.file;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.nameCls,
+        title: file.name
+      }, file.name);
+    }.bind(this);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Item, [{
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+          onRemove = _this$props5.onRemove,
+          onPreview = _this$props5.onPreview,
+          locale = _this$props5.locale,
+          thumbnail = _this$props5.thumbnail,
+          disabled = _this$props5.disabled,
+          file = _this$props5.file;
+      var status = file.status;
+      var removeBtn = !disabled && onRemove ? /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        size: "14px",
+        className: _style.removeCls,
+        type: "cross",
+        onClick: this.onRemove
+      }) : null;
+      var retryBtn = !disabled ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+        key: "reload",
+        size: "sm",
+        onClick: this.onReupload
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        type: "refresh"
+      }), " ", locale.retry) : null;
+
+      switch (status) {
+        case 'uploading':
+          {
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.itemCls
+            }, this.renderThumbnail(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls
+            }, thumbnail ? /*#__PURE__*/_react.default.createElement("div", null, this.renderName(), /*#__PURE__*/_react.default.createElement(_Progress.default, 'progress' in file ? {
+              percent: file.progress
+            } : {})) : /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.uploadingTipCLs
+            }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+              className: _style.uploadingIconCLs,
+              type: "ring-loading",
+              spin: true
+            }), locale.uploading)), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, removeBtn));
+          }
+
+        case 'error':
+          {
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: (0, _classnames.default)(_style.itemCls, _style.itemErrorCls)
+            }, this.renderThumbnail(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls
+            }, this.renderName(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.errorCls,
+              title: file.error + '' || locale.defaultUploadErrorTip
+            }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+              className: _style.errorIconCls,
+              size: "12px",
+              type: "exclamation-circle-filled"
+            }), file.error + '' || locale.defaultUploadErrorTip)), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, retryBtn, removeBtn));
+          }
+
+        default:
+          {
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: (0, _classnames.default)(_style.itemCls, onPreview && _style.previewAbleCls)
+            }, this.renderThumbnail(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls,
+              onClick: this.onPreview
+            }, this.renderName()), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, removeBtn));
+          }
+      }
+    }
+  }]);
+  return Item;
+}(_react.Component);
+
+exports.Item = Item;
+Item.propTypes = {
+  onRemove: _propTypes.default.func,
+  onPreview: _propTypes.default.func,
+  onReupload: _propTypes.default.func,
+  locale: _propTypes.default.object.isRequired,
+  thumbnail: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  file: _propTypes.default.object,
+  index: _propTypes.default.number
+};
+Item.defaultProps = {
+  removable: true
+};
+var _default = Item;
+exports.default = _default;

package/lib/components/Upload/List.js

@@ -0,0 +1,200 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _style = require("./style");
+
+var _Item = _interopRequireDefault(require("./Item"));
+
+var _CardItem = _interopRequireDefault(require("./CardItem"));
+
+var _utils = require("./utils");
+
+var _this5 = void 0;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * 文件列表控件
+ */
+var List = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(List, _PureComponent);
+
+  var _super = _createSuper(List);
+
+  function List() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, List);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onPreview = function (file, index) {
+      var _this3 = this;
+
+      (0, _newArrowCheck2.default)(this, _this2);
+      var onPreview = _this.props.onPreview;
+
+      if (onPreview) {
+        onPreview(file, index);
+      } else if (file.url) {
+        (0, _utils.openLink)(file.url);
+      } else {
+        var w = (0, _utils.openLink)('');
+        (0, _utils.readFile)(file).then(function (url) {
+          (0, _newArrowCheck2.default)(this, _this3);
+          var doc = w.document;
+          var img = doc.createElement('img');
+          img.src = url;
+          img.style.margin = 'auto';
+          img.style.display = 'block';
+          doc.write(img.outerHTML);
+        }.bind(this));
+      }
+    }.bind(this);
+
+    _this.renderFileItem = function () {
+      var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var index = arguments.length > 1 ? arguments[1] : undefined;
+      var _this$props = _this.props,
+          getRemovableOfItem = _this$props.getRemovableOfItem,
+          onRemove = _this$props.onRemove,
+          onPreview = _this$props.onPreview,
+          getPreviewableOfItem = _this$props.getPreviewableOfItem,
+          handleReupload = _this$props.handleReupload,
+          locale = _this$props.locale,
+          thumbnail = _this$props.thumbnail,
+          disabled = _this$props.disabled,
+          card = _this$props.card;
+      var removable = getRemovableOfItem === null || getRemovableOfItem === void 0 ? void 0 : getRemovableOfItem(file);
+      var previewable = false;
+
+      if (file.status === 'uploading' || file.status === 'error') {// empty
+      } else if (onPreview) {
+        if (getPreviewableOfItem) {
+          previewable = getPreviewableOfItem(file);
+        } else {
+          previewable = true;
+        }
+      } else if (onPreview === null) {
+        previewable = false;
+      } else if (file.url || file instanceof File && (0, _utils.getFileType)(file) === 'image') {
+        previewable = true;
+      }
+
+      var itemProps = {
+        onRemove: removable ? onRemove : null,
+        onPreview: previewable ? _this.onPreview : null,
+        onReupload: handleReupload,
+        locale: locale,
+        disabled: disabled,
+        file: file,
+        index: index
+      };
+      if (!card) itemProps.thumbnail = thumbnail;
+      var ItemComp = card ? _CardItem.default : _Item.default;
+      return /*#__PURE__*/_react.default.createElement(ItemComp, (0, _extends2.default)({
+        key: file.uid
+      }, itemProps));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(List, [{
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var _this$props2 = this.props,
+          fileList = _this$props2.fileList,
+          card = _this$props2.card;
+      return fileList.length ? /*#__PURE__*/_react.default.createElement(_style.ListWrap, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: card ? _style.cardListCls : _style.listCls
+      }, fileList.map(function (file, index) {
+        (0, _newArrowCheck2.default)(this, _this4);
+        return this.renderFileItem(file, index);
+      }.bind(this))))) : null;
+    }
+  }]);
+  return List;
+}(_react.PureComponent);
+
+exports.default = List;
+List.propTypes = {
+  /** 文件列表 */
+  fileList: _propTypes.default.array,
+
+  /** 渲染文件列表项 */
+  renderFileItem: _propTypes.default.func,
+
+  /** 删除文件 */
+  onRemove: _propTypes.default.func,
+
+  /** 自定义预览文件 */
+  onPreview: _propTypes.default.func,
+
+  /** 自定义文件是否可以预览 */
+  getPreviewableOfItem: _propTypes.default.func,
+
+  /** 自定义文件是否可删除 */
+  getRemovableOfItem: _propTypes.default.func,
+
+  /** 重新上传文件 */
+  handleReupload: _propTypes.default.func,
+
+  /** 是否禁用 */
+  disabled: _propTypes.default.bool,
+
+  /** 是否展示缩略图 */
+  thumbnail: _propTypes.default.bool,
+
+  /** 卡片列表 */
+  card: _propTypes.default.bool,
+
+  /** @ignore */
+  locale: _propTypes.default.object
+};
+List.defaultProps = {
+  getRemovableOfItem: function getRemovableOfItem(file) {
+    (0, _newArrowCheck2.default)(this, _this5);
+    return (file === null || file === void 0 ? void 0 : file.status) !== 'uploading';
+  }.bind(void 0)
+};

package/lib/components/Upload/Progress.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Progress = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Progress = _interopRequireDefault(require("../../components/Progress"));
+
+var _style = require("./style");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Progress = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Progress, _Component);
+
+  var _super = _createSuper(Progress);
+
+  function Progress(props) {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Progress);
+    _this = _super.call(this, props);
+    _this.state = {
+      percent: 0
+    };
+
+    _this.simulatePercent = function () {
+      var _this3 = this;
+
+      (0, _newArrowCheck2.default)(this, _this2);
+      _this.timer = setTimeout(function () {
+        var _this4 = this;
+
+        (0, _newArrowCheck2.default)(this, _this3);
+
+        var newPercent = _this.state.percent + Math.random() * _this.seed;
+
+        if (newPercent > 99) newPercent = 99;
+
+        _this.setState({
+          percent: newPercent
+        }, function () {
+          (0, _newArrowCheck2.default)(this, _this4);
+          newPercent < 99 && _this.simulatePercent();
+        }.bind(this));
+      }.bind(this), Math.random() * 1000 + 100);
+    }.bind(this);
+
+    if (!('percent' in props)) {
+      _this.seed = Math.random() * 10 + 1;
+
+      _this.simulatePercent();
+    }
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Progress, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.timer && clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var propsPercent = this.props.percent;
+      var percent = this.state.percent;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.progressWrapCls
+      }, /*#__PURE__*/_react.default.createElement(_Progress.default, {
+        className: _style.progressCls,
+        percent: 'percent' in this.props ? propsPercent : percent,
+        format: null
+      }));
+    }
+  }]);
+  return Progress;
+}(_react.Component);
+
+exports.Progress = Progress;
+Progress.propTypes = {
+  file: _propTypes.default.object,
+  percent: _propTypes.default.number
+};
+var _default = Progress;
+exports.default = _default;

package/lib/components/Upload/Selector.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Button = _interopRequireDefault(require("../../components/Button"));
+
+var _style = require("./style");
+
+var _excluded = ["disabled", "multiple", "accept", "selector", "locale", "onSelect"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * 文件选择控件
+ */
+var Selector = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(Selector, _PureComponent);
+
+  var _super = _createSuper(Selector);
+
+  function Selector() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Selector);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.trigger = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      _this._trigger && _this._trigger.click();
+    }.bind(this);
+
+    _this.cleanTrigger = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      _this._trigger && (_this._trigger.value = '');
+    }.bind(this);
+
+    _this.onChange = function (e) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var onSelect = _this.props.onSelect;
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(e.target.files);
+
+      _this.cleanTrigger();
+    }.bind(this);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Selector, [{
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      // eslint-disable-next-line no-unused-vars
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          multiple = _this$props.multiple,
+          accept = _this$props.accept,
+          selector = _this$props.selector,
+          locale = _this$props.locale,
+          onSelect = _this$props.onSelect,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return selector === null ? null : /*#__PURE__*/_react.default.createElement(_style.SelectorWrap, (0, _extends2.default)({
+        onClick: this.trigger,
+        disabled: disabled
+      }, rest), /*#__PURE__*/_react.default.createElement("input", {
+        type: "file",
+        hidden: true,
+        ref: function (ref) {
+          (0, _newArrowCheck2.default)(this, _this3);
+          return this._trigger = ref;
+        }.bind(this),
+        onChange: this.onChange,
+        disabled: disabled,
+        multiple: multiple,
+        accept: accept
+      }), selector ? selector : [/*#__PURE__*/_react.default.createElement(_Button.default, {
+        size: "md",
+        styleType: "primary",
+        disabled: disabled,
+        key: "button"
+      }, locale.selectFile), /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.tipCls,
+        key: "tip"
+      }, locale.selectFileTip)]);
+    }
+  }]);
+  return Selector;
+}(_react.PureComponent);
+
+exports.default = Selector;
+Selector.propTypes = {
+  /** 选取文件回调函数 */
+  onSelect: _propTypes.default.func,
+
+  /** 自定义触发图片选择的选择控件 */
+  selector: _propTypes.default.node,
+
+  /** 是否禁用 */
+  disabled: _propTypes.default.bool,
+
+  /** 是否可以多选 */
+  multiple: _propTypes.default.bool,
+
+  /** 可接受的文件类型，MIME，见Upload */
+  accept: _propTypes.default.string,
+
+  /** 文件大小限制 */
+  maxSize: _propTypes.default.number,
+
+  /** @ignore */
+  locale: _propTypes.default.object
+};