shineout 1.7.1 → 1.8.0-beta.2

package/es/Upload/FileInput.js

@@ -1,54 +1,67 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+var inputStyle = {
+  display: 'none'
+};
 
-const inputStyle = { display: 'none' }
+var FileInput =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(FileInput, _PureComponent);
 
-class FileInput extends PureComponent {
-  constructor(props) {
-    super(props)
+  function FileInput(props) {
+    var _this;
 
-    this.locked = false
-    this.bindElement = this.bindElement.bind(this)
+    _this = _PureComponent.call(this, props) || this;
+    _this.locked = false;
+    _this.bindElement = _this.bindElement.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  bindElement(el) {
-    this.input = el
-  }
+  var _proto = FileInput.prototype;
 
-  click() {
-    if (this.locked) return
-    this.locked = true
+  _proto.bindElement = function bindElement(el) {
+    this.input = el;
+  };
 
-    this.input.value = ''
-    this.input.click()
+  _proto.click = function click() {
+    var _this2 = this;
 
-    setTimeout(() => {
-      this.locked = false
-    }, 1000)
-  }
+    if (this.locked) return;
+    this.locked = true;
+    this.input.value = '';
+    this.input.click();
+    setTimeout(function () {
+      _this2.locked = false;
+    }, 1000);
+  };
 
-  render() {
-    const { accept, onChange, multiple, webkitdirectory } = this.props
-
-    return (
-      <input
-        ref={this.bindElement}
-        accept={accept}
-        multiple={multiple}
-        onChange={onChange}
-        style={inputStyle}
-        webkitdirectory={webkitdirectory}
-        type="file"
-      />
-    )
-  }
-}
+  _proto.render = function render() {
+    var _this$props = this.props,
+        accept = _this$props.accept,
+        onChange = _this$props.onChange,
+        multiple = _this$props.multiple,
+        webkitdirectory = _this$props.webkitdirectory;
+    return React.createElement("input", {
+      ref: this.bindElement,
+      accept: accept,
+      multiple: multiple,
+      onChange: onChange,
+      style: inputStyle,
+      webkitdirectory: webkitdirectory,
+      type: "file"
+    });
+  };
+
+  return FileInput;
+}(PureComponent);
 
 FileInput.propTypes = {
   accept: PropTypes.string,
   multiple: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
-  webkitdirectory: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-}
-
-export default FileInput
+  webkitdirectory: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
+};
+export default FileInput;

package/es/Upload/Image.js

@@ -1,25 +1,38 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import immer from 'immer'
-import classname from 'classnames'
-import { uploadClass } from './styles'
-import Upload from './Upload'
-import { ERROR } from './request'
-import { getLocale } from '../locale'
-
-export const Handler = ({ className, disabled, urlInvalid, children, style, width, height, ...otherProps }) => {
-  const mc = classname(
-    uploadClass('image-plus', 'image-item', disabled && 'disabled', urlInvalid && 'url-invalid-border'),
-    className
-  )
-  const ms = Object.assign({}, { width, height }, style)
-  return (
-    <div {...otherProps} style={ms} tabIndex={disabled ? -1 : 0} className={mc}>
-      {children || <div className={uploadClass('indicator', urlInvalid && 'url-invalid-indicator')} />}
-    </div>
-  )
-}
-
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import immer from 'immer';
+import classname from 'classnames';
+import { uploadClass } from './styles';
+import Upload from './Upload';
+import { ERROR } from './request';
+import { getLocale } from '../locale';
+export var Handler = function Handler(_ref) {
+  var className = _ref.className,
+      disabled = _ref.disabled,
+      urlInvalid = _ref.urlInvalid,
+      children = _ref.children,
+      style = _ref.style,
+      width = _ref.width,
+      height = _ref.height,
+      otherProps = _objectWithoutPropertiesLoose(_ref, ["className", "disabled", "urlInvalid", "children", "style", "width", "height"]);
+
+  var mc = classname(uploadClass('image-plus', 'image-item', disabled && 'disabled', urlInvalid && 'url-invalid-border'), className);
+  var ms = Object.assign({}, {
+    width: width,
+    height: height
+  }, style);
+  return React.createElement("div", _extends({}, otherProps, {
+    style: ms,
+    tabIndex: disabled ? -1 : 0,
+    className: mc
+  }), children || React.createElement("div", {
+    className: uploadClass('indicator', urlInvalid && 'url-invalid-indicator')
+  }));
+};
 Handler.propTypes = {
   className: PropTypes.string,
   disabled: PropTypes.bool,
@@ -27,106 +40,138 @@ Handler.propTypes = {
   children: PropTypes.node,
   style: PropTypes.object,
   width: PropTypes.number,
-  height: PropTypes.number,
-}
-
+  height: PropTypes.number
+};
 Handler.defaultProps = {
   width: 80,
-  height: 80,
-}
-
-class Image extends PureComponent {
-  constructor(props) {
-    super(props)
-    this.beforeUpload = this.beforeUpload.bind(this)
-    this.handleMouseDown = this.handleMouseDown.bind(this)
-    this.handleKeyDown = this.handleKeyDown.bind(this)
-    this.state = {
-      urlInvalid: false,
-    }
-    this.timeout = null
+  height: 80
+};
+
+var Image =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Image, _PureComponent);
+
+  function Image(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.beforeUpload = _this.beforeUpload.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.state = {
+      urlInvalid: false
+    };
+    _this.timeout = null;
+    return _this;
   }
 
-  beforeUpload(blob, validatorHandle) {
-    return new Promise((resolve, reject) => {
-      const { imageSize } = this.props.validator
-      const file = {}
-      const reader = new FileReader()
-
-      reader.onload = e => {
-        const data = e.target.result
-        file.data = data
-
-        const image = new window.Image()
-        image.onerror = () => {
-          this.setState(
-            immer(draft => {
-              draft.urlInvalid = true
-            })
-          )
-          reject()
-        }
-        image.onload = () => {
+  var _proto = Image.prototype;
+
+  _proto.beforeUpload = function beforeUpload(blob, validatorHandle) {
+    var _this2 = this;
+
+    return new Promise(function (resolve, reject) {
+      var imageSize = _this2.props.validator.imageSize;
+      var file = {};
+      var reader = new FileReader();
+
+      reader.onload = function (e) {
+        var data = e.target.result;
+        file.data = data;
+        var image = new window.Image();
+
+        image.onerror = function () {
+          _this2.setState(immer(function (draft) {
+            draft.urlInvalid = true;
+          }));
+
+          reject();
+        };
+
+        image.onload = function () {
           if (!imageSize) {
-            resolve(file)
-            return
+            resolve(file);
+            return;
           }
-          const res = imageSize(image)
+
+          var res = imageSize(image);
+
           if (res instanceof Error) {
-            if (!validatorHandle(res, blob)) reject()
-            file.status = ERROR
-            file.message = res.message
+            if (!validatorHandle(res, blob)) reject();
+            file.status = ERROR;
+            file.message = res.message;
           }
-          resolve(file)
-        }
-        image.src = data
-      }
 
-      reader.readAsDataURL(blob)
-    })
-  }
+          resolve(file);
+        };
 
-  handleKeyDown(e) {
-    this.setState({ urlInvalid: false })
-    if (e.keyCode === 13) e.target.click()
-  }
+        image.src = data;
+      };
 
-  handleMouseDown() {
-    this.setState({ urlInvalid: false })
-  }
+      reader.readAsDataURL(blob);
+    });
+  };
+
+  _proto.handleKeyDown = function handleKeyDown(e) {
+    this.setState({
+      urlInvalid: false
+    });
+    if (e.keyCode === 13) e.target.click();
+  };
+
+  _proto.handleMouseDown = function handleMouseDown() {
+    this.setState({
+      urlInvalid: false
+    });
+  };
+
+  _proto.render = function render() {
+    var _this3 = this;
+
+    var _this$props = this.props,
+        children = _this$props.children,
+        width = _this$props.width,
+        height = _this$props.height,
+        ignorePreview = _this$props.ignorePreview,
+        others = _objectWithoutPropertiesLoose(_this$props, ["children", "width", "height", "ignorePreview"]);
+
+    var urlInvalid = this.state.urlInvalid;
 
-  render() {
-    const { children, width, height, ignorePreview, ...others } = this.props
-    const { urlInvalid } = this.state
     if (urlInvalid) {
-      clearTimeout(this.timeout)
-      this.timeout = setTimeout(() => {
-        this.setState({ urlInvalid: false })
-      }, 3000)
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this3.setState({
+          urlInvalid: false
+        });
+      }, 3000);
     }
 
-    const style = { width, height }
-
-    return (
-      <Upload {...others} imageStyle={style} beforeUpload={ignorePreview ? undefined : this.beforeUpload}>
-        <Handler
-          disabled={this.props.disabled}
-          style={style}
-          onKeyDown={this.handleKeyDown}
-          onMouseDown={this.handleMouseDown}
-          urlInvalid={urlInvalid}
-        >
-          {children}
-        </Handler>
-        {urlInvalid && (
-          <div style={{ width: '100%', position: 'relative' }}>
-            <div className={uploadClass('url-invalid-message')}>{getLocale('urlInvalidMsg')}</div>
-          </div>
-        )}
-      </Upload>
-    )
-  }
-}
+    var style = {
+      width: width,
+      height: height
+    };
+    return React.createElement(Upload, _extends({}, others, {
+      imageStyle: style,
+      beforeUpload: ignorePreview ? undefined : this.beforeUpload
+    }), React.createElement(Handler, {
+      disabled: this.props.disabled,
+      style: style,
+      onKeyDown: this.handleKeyDown,
+      onMouseDown: this.handleMouseDown,
+      urlInvalid: urlInvalid
+    }, children), urlInvalid && React.createElement("div", {
+      style: {
+        width: '100%',
+        position: 'relative'
+      }
+    }, React.createElement("div", {
+      className: uploadClass('url-invalid-message')
+    }, getLocale('urlInvalidMsg'))));
+  };
+
+  return Image;
+}(PureComponent);
 
 Image.propTypes = {
   accept: PropTypes.string,
@@ -135,19 +180,17 @@ Image.propTypes = {
   recoverAble: PropTypes.bool,
   validator: PropTypes.shape({
     imageSize: PropTypes.func,
-    size: PropTypes.func,
+    size: PropTypes.func
   }),
   width: PropTypes.number,
   disabled: PropTypes.bool,
   ignorePreview: PropTypes.bool,
-  GapProps: PropTypes.shape({}),
-}
-
+  GapProps: PropTypes.shape({})
+};
 Image.defaultProps = {
   accept: 'image/*',
   height: 80,
   validator: {},
-  width: 80,
-}
-
-export default Image
+  width: 80
+};
+export default Image;

package/es/Upload/ImageFile.js

@@ -1,45 +1,66 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import Progress from '../Progress'
-import { uploadClass } from './styles'
-import Image from '../Image'
-import { ERROR } from './request'
-
-class ImageFile extends PureComponent {
-  constructor(props) {
-    super(props)
-    this.handleRemove = this.handleRemove.bind(this)
-  }
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Progress from '../Progress';
+import { uploadClass } from './styles';
+import Image from '../Image';
+import { ERROR } from './request';
 
-  handleRemove() {
-    this.props.onRemove(this.props.id)
-  }
+var ImageFile =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(ImageFile, _PureComponent);
 
-  render() {
-    const { process, status, style, data, message } = this.props
-    const className = uploadClass('image-item', status === ERROR && 'error')
-
-    return (
-      <div style={style} className={className}>
-        {data && <Image src={data} fit="center" width="auto" height={0} className={uploadClass('image-bg')} />}
-
-        {message && <div className={uploadClass('message')}>{message}</div>}
-
-        <span className={uploadClass('delete')} onClick={this.handleRemove} />
-
-        <div className={uploadClass('progress-bg')}>
-          <Progress
-            className={uploadClass('progress')}
-            color="#f2f2f2"
-            background="rgba(0,0,0,0.5)"
-            value={process}
-            strokeWidth={2}
-          />
-        </div>
-      </div>
-    )
+  function ImageFile(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleRemove = _this.handleRemove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
-}
+
+  var _proto = ImageFile.prototype;
+
+  _proto.handleRemove = function handleRemove() {
+    this.props.onRemove(this.props.id);
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        process = _this$props.process,
+        status = _this$props.status,
+        style = _this$props.style,
+        data = _this$props.data,
+        message = _this$props.message;
+    var className = uploadClass('image-item', status === ERROR && 'error');
+    return React.createElement("div", {
+      style: style,
+      className: className
+    }, data && React.createElement(Image, {
+      src: data,
+      fit: "center",
+      width: "auto",
+      height: 0,
+      className: uploadClass('image-bg')
+    }), message && React.createElement("div", {
+      className: uploadClass('message')
+    }, message), React.createElement("span", {
+      className: uploadClass('delete'),
+      onClick: this.handleRemove
+    }), React.createElement("div", {
+      className: uploadClass('progress-bg')
+    }, React.createElement(Progress, {
+      className: uploadClass('progress'),
+      color: "#f2f2f2",
+      background: "rgba(0,0,0,0.5)",
+      value: process,
+      strokeWidth: 2
+    })));
+  };
+
+  return ImageFile;
+}(PureComponent);
 
 ImageFile.propTypes = {
   id: PropTypes.string,
@@ -48,7 +69,6 @@ ImageFile.propTypes = {
   process: PropTypes.number,
   status: PropTypes.number,
   style: PropTypes.object,
-  data: PropTypes.string,
-}
-
-export default ImageFile
+  data: PropTypes.string
+};
+export default ImageFile;