@tarojs/components-react 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/components/button/index.js

@@ -0,0 +1,84 @@
+import './style/index.scss.js';
+import classNames from 'classnames';
+import React from 'react';
+import { omit } from '../../utils/index.js';
+
+class Button extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hover: false,
+      touch: false
+    };
+  }
+  componentWillUnmount() {
+    this.startTimer && clearTimeout(this.startTimer);
+    this.endTimer && clearTimeout(this.endTimer);
+  }
+  render() {
+    const {
+      plain = false,
+      children,
+      disabled = false,
+      className,
+      style,
+      onClick,
+      onTouchStart,
+      onTouchEnd,
+      hoverClass = 'button-hover',
+      hoverStartTime = 20,
+      hoverStayTime = 70,
+      loading = false,
+      type
+    } = this.props;
+    const cls = classNames(className, 'taro-button-core', {
+      [`${hoverClass}`]: this.state.hover && !disabled
+    });
+    const _onTouchStart = e => {
+      this.setState(() => ({
+        touch: true
+      }));
+      if (hoverClass && hoverClass !== 'none' && !disabled) {
+        this.startTimer = setTimeout(() => {
+          if (this.state.touch) {
+            this.setState(() => ({
+              hover: true
+            }));
+          }
+        }, hoverStartTime);
+      }
+      onTouchStart && onTouchStart(e);
+    };
+    const _onTouchEnd = e => {
+      this.setState(() => ({
+        touch: false
+      }));
+      if (hoverClass && hoverClass !== 'none' && !disabled) {
+        this.endTimer = setTimeout(() => {
+          if (!this.state.touch) {
+            this.setState(() => ({
+              hover: false
+            }));
+          }
+        }, hoverStayTime);
+      }
+      onTouchEnd && onTouchEnd(e);
+    };
+    return React.createElement("button", Object.assign({}, omit(this.props, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading']), {
+      type: type,
+      className: cls,
+      style: style,
+      onClick: onClick,
+      disabled: disabled,
+      onTouchStart: _onTouchStart,
+      onTouchEnd: _onTouchEnd,
+      loading: loading.toString(),
+      plain: plain.toString()
+    }), !!loading && React.createElement("i", {
+      className: 'weui-loading'
+    }), children);
+  }
+}
+
+export { Button as default };
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { omit } from '../../utils'\n\ninterface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  size?: string\n  plain?: boolean\n  hoverClass?: string\n  hoverStartTime?: number\n  hoverStayTime?: number\n  disabled?: boolean\n  loading?: boolean\n  type?: string\n  className?: string\n}\n\ninterface IState {\n  hover:boolean\n  touch: boolean\n}\n\nclass Button extends React.Component<IProps, IState> {\n  constructor (props) {\n    super(props)\n    this.state = {\n      hover: false,\n      touch: false\n    }\n  }\n\n  startTimer: ReturnType<typeof setTimeout>\n  endTimer: ReturnType<typeof setTimeout>\n\n  componentWillUnmount () {\n    this.startTimer && clearTimeout(this.startTimer)\n    this.endTimer && clearTimeout(this.endTimer)\n  }\n\n  render () {\n    const {\n      plain = false,\n      children,\n      disabled = false,\n      className,\n      style,\n      onClick,\n      onTouchStart,\n      onTouchEnd,\n      hoverClass = 'button-hover',\n      hoverStartTime = 20,\n      hoverStayTime = 70,\n      loading = false,\n      type,\n    } = this.props\n    const cls = classNames(\n      className,\n      'taro-button-core',\n      {\n        [`${hoverClass}`]: this.state.hover && !disabled\n      }\n    )\n\n    const _onTouchStart = e => {\n      this.setState(() => ({\n        touch: true\n      }))\n      if (hoverClass && hoverClass !== 'none' && !disabled) {\n        this.startTimer = setTimeout(() => {\n          if (this.state.touch) {\n            this.setState(() => ({\n              hover: true\n            }))\n          }\n        }, hoverStartTime)\n      }\n      onTouchStart && onTouchStart(e)\n    }\n    const _onTouchEnd = e => {\n      this.setState(() => ({\n        touch: false\n      }))\n      if (hoverClass && hoverClass !== 'none' && !disabled) {\n        this.endTimer = setTimeout(() => {\n          if (!this.state.touch) {\n            this.setState(() => ({\n              hover: false\n            }))\n          }\n        }, hoverStayTime)\n      }\n      onTouchEnd && onTouchEnd(e)\n    }\n\n    return (\n      <button\n        {...omit(this.props, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading'])}\n        type={type}\n        className={cls}\n        style={style}\n        onClick={onClick}\n        disabled={disabled}\n        onTouchStart={_onTouchStart}\n        onTouchEnd={_onTouchEnd}\n        loading={loading.toString()}\n        plain={plain.toString()}\n      >\n        {!!loading && <i className='weui-loading' />}\n        {children}\n      </button>\n    )\n  }\n}\n\nexport default Button\n"],"names":["Button","React","Component","constructor","props","state","hover","touch","componentWillUnmount","startTimer","clearTimeout","endTimer","render","plain","children","disabled","className","style","onClick","onTouchStart","onTouchEnd","hoverClass","hoverStartTime","hoverStayTime","loading","type","cls","classNames","_onTouchStart","e","setState","setTimeout","_onTouchEnd","createElement","Object","assign","omit","toString"],"mappings":"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"}

package/dist/components/button/style/index.scss.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.scss.js.map

package/dist/components/button/style/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/icon/index.js

@@ -0,0 +1,28 @@
+import './style/index.scss.js';
+import classNames from 'classnames';
+import React from 'react';
+import { omit } from '../../utils/index.js';
+
+const Icon = props => {
+  let {
+    type,
+    className = '',
+    size = '23',
+    color
+  } = props;
+  if (type) type = type.replace(/_/g, '-');
+  const cls = classNames({
+    [`weui-icon-${type}`]: true
+  }, className);
+  const style = {
+    'font-size': size + 'px',
+    color: color
+  };
+  return React.createElement("i", Object.assign({}, omit(props, ['type', 'className']), {
+    className: cls,
+    style: style
+  }));
+};
+
+export { Icon as default };
+//# sourceMappingURL=index.js.map

package/dist/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { omit } from '../../utils'\n\n\ninterface IProps {\n  type: string\n  color: string\n  size?: number | string\n  className?: string\n}\n\nconst Icon = (props: IProps) => {\n  let { type, className = '', size = '23', color } = props\n  if (type) type = type.replace(/_/g, '-')\n  const cls = classNames(\n    {\n      [`weui-icon-${type}`]: true\n    },\n    className\n  )\n  const style = { 'font-size': size + 'px', color: color }\n\n  return (\n    <i {...omit(props, ['type', 'className'])} className={cls} style={style} />\n  )\n}\nexport default Icon\n"],"names":["Icon","props","type","className","size","color","replace","cls","classNames","style","React","omit"],"mappings":";;;;;AAeMA,MAAAA,IAAI,GAAIC,KAAa,IAAI;EAC7B,IAAI;IAAEC,IAAI;AAAEC,IAAAA,SAAS,GAAG,EAAE;AAAEC,IAAAA,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGJ,KAAK,CAAA;EACxD,IAAIC,IAAI,EAAEA,IAAI,GAAGA,IAAI,CAACI,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;EACxC,MAAMC,GAAG,GAAGC,UAAU,CACpB;IACE,CAAc,CAAA,UAAA,EAAAN,IAAM,CAAA,CAAA,GAAG,IAAA;GACxB,EACDC,SAAS,CACV,CAAA;AACD,EAAA,MAAMM,KAAK,GAAG;IAAE,WAAW,EAAEL,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,EAAEA,KAAAA;GAAO,CAAA;EAExD,OACEK,2CAAOC,IAAI,CAACV,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,EAAE;AAAAE,IAAAA,SAAS,EAAEI,GAAG;AAAEE,IAAAA,KAAK,EAAEA,KAAAA;AAAS,GAAA,CAAA,CAAA,CAAA;AAE/E;;;;"}

package/dist/components/icon/style/index.scss.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.scss.js.map

package/dist/components/icon/style/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/image/index.js

@@ -1,111 +1,89 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _createSuper from '@babel/runtime/helpers/createSuper';
 import { __rest } from 'tslib';
 import './style/index.css.js';
 import classNames from 'classnames';
 import React from 'react';
 
-var Image = /*#__PURE__*/function (_React$Component) {
-  _inherits(Image, _React$Component);
-  var _super = _createSuper(Image);
-  function Image(props) {
-    var _this;
-    _classCallCheck(this, Image);
-    _this = _super.call(this, props);
-    _this.observer = {};
-    _this.imgRef = null;
-    _this.state = {
+class Image extends React.Component {
+  constructor(props) {
+    super(props);
+    this.observer = {};
+    this.imgRef = null;
+    this.state = {
       isLoaded: false
     };
-    _this.imageOnLoad = _this.imageOnLoad.bind(_assertThisInitialized(_this));
+    this.imageOnLoad = this.imageOnLoad.bind(this);
     // this.observer = {}
-    return _this;
   }
-  _createClass(Image, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (this.props.lazyLoad) {
-        this.observer = new IntersectionObserver(function (entries) {
-          // 异步 api 关系
-          if (entries[entries.length - 1].isIntersecting) {
-            _this2.setState({
-              isLoaded: true
-            }, function () {
-              // findDOMNode(this).children[0].src = this.props.src
-              _this2.imgRef.src = _this2.props.src;
-            });
-          }
-        }, {
-          rootMargin: '300px 0px'
-        });
-        this.observer.observe(this.imgRef);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.observer.disconnect && this.observer.disconnect();
-    }
-  }, {
-    key: "imageOnLoad",
-    value: function imageOnLoad(e) {
-      var onLoad = this.props.onLoad;
-      Object.defineProperty(e, 'detail', {
-        enumerable: true,
-        writable: true,
-        value: {
-          width: e.target.width,
-          height: e.target.height
+
+  componentDidMount() {
+    if (this.props.lazyLoad) {
+      this.observer = new IntersectionObserver(entries => {
+        // 异步 api 关系
+        if (entries[entries.length - 1].isIntersecting) {
+          this.setState({
+            isLoaded: true
+          }, () => {
+            // findDOMNode(this).children[0].src = this.props.src
+            this.imgRef.src = this.props.src;
+          });
         }
+      }, {
+        rootMargin: '300px 0px'
       });
-      onLoad && onLoad(e);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _a = this.props,
-        className = _a.className,
-        _a$style = _a.style,
-        style = _a$style === void 0 ? {} : _a$style,
-        src = _a.src,
-        mode = _a.mode,
-        onError = _a.onError,
-        lazyLoad = _a.lazyLoad,
-        imgProps = _a.imgProps,
-        reset = __rest(_a, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps"]);
-      var cls = classNames('taro-img', {
-        'taro-img__widthfix': mode === 'widthFix'
-      }, className);
-      var imgCls = classNames('taro-img__mode-' + (mode || 'scaleToFill').toLowerCase().replace(/\s/g, ''));
-      return React.createElement("div", Object.assign({
-        className: cls,
-        style: style
-      }, reset), lazyLoad ? React.createElement("img", Object.assign({
-        ref: function ref(img) {
-          return _this3.imgRef = img;
-        },
-        className: imgCls,
-        "data-src": src,
-        onLoad: this.imageOnLoad,
-        onError: onError
-      }, imgProps)) : React.createElement("img", Object.assign({
-        ref: function ref(img) {
-          return _this3.imgRef = img;
-        },
-        className: imgCls,
-        src: src,
-        onLoad: this.imageOnLoad,
-        onError: onError
-      }, imgProps)));
+      this.observer.observe(this.imgRef);
     }
-  }]);
-  return Image;
-}(React.Component);
+  }
+  componentWillUnmount() {
+    this.observer.disconnect && this.observer.disconnect();
+  }
+  imageOnLoad(e) {
+    const {
+      onLoad
+    } = this.props;
+    Object.defineProperty(e, 'detail', {
+      enumerable: true,
+      writable: true,
+      value: {
+        width: e.target.width,
+        height: e.target.height
+      }
+    });
+    onLoad && onLoad(e);
+  }
+  render() {
+    const _a = this.props,
+      {
+        className,
+        style = {},
+        src,
+        mode,
+        onError,
+        lazyLoad,
+        imgProps
+      } = _a,
+      reset = __rest(_a, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps"]);
+    const cls = classNames('taro-img', {
+      'taro-img__widthfix': mode === 'widthFix'
+    }, className);
+    const imgCls = classNames('taro-img__mode-' + (mode || 'scaleToFill').toLowerCase().replace(/\s/g, ''));
+    return React.createElement("div", Object.assign({
+      className: cls,
+      style: style
+    }, reset), lazyLoad ? React.createElement("img", Object.assign({
+      ref: img => this.imgRef = img,
+      className: imgCls,
+      "data-src": src,
+      onLoad: this.imageOnLoad,
+      onError: onError
+    }, imgProps)) : React.createElement("img", Object.assign({
+      ref: img => this.imgRef = img,
+      className: imgCls,
+      src: src,
+      onLoad: this.imageOnLoad,
+      onError: onError
+    }, imgProps)));
+  }
+}
 
 export { Image as default };
 //# sourceMappingURL=index.js.map

package/dist/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string\n  mode: string\n  onError: () => void\n  onLoad: (e) => void\n  lazyLoad?: boolean\n  imgProps?: Record<string, any>\n}\n\nclass Image extends React.Component<IProps> {\n  constructor (props) {\n    super(props)\n    this.state = {\n      isLoaded: false\n    }\n    this.imageOnLoad = this.imageOnLoad.bind(this)\n    // this.observer = {}\n  }\n\n  observer: any = {}\n  imgRef: any = null\n\n  componentDidMount () {\n    if (this.props.lazyLoad) {\n      this.observer = new IntersectionObserver(\n        entries => {\n          // 异步 api 关系\n          if (entries[entries.length - 1].isIntersecting) {\n            this.setState({ isLoaded: true }, () => {\n              // findDOMNode(this).children[0].src = this.props.src\n              this.imgRef.src = this.props.src\n            })\n          }\n        },\n        {\n          rootMargin: '300px 0px'\n        }\n      )\n      this.observer.observe(this.imgRef)\n    }\n  }\n\n  componentWillUnmount () {\n    this.observer.disconnect && this.observer.disconnect()\n  }\n\n  imageOnLoad (e) {\n    const { onLoad } = this.props\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        width: e.target.width,\n        height: e.target.height\n      }\n    })\n\n    onLoad && onLoad(e)\n  }\n\n  render () {\n    const {\n      className,\n      style = {},\n      src,\n      mode,\n      onError,\n      lazyLoad,\n      imgProps,\n      ...reset\n    } = this.props\n    const cls = classNames(\n      'taro-img',\n      {\n        'taro-img__widthfix': mode === 'widthFix'\n      },\n      className\n    )\n    const imgCls = classNames(\n      'taro-img__mode-' +\n        (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n    )\n\n    return (\n      <div className={cls} style={style} {...reset}>\n        {lazyLoad ? (\n          <img\n            ref={img => (this.imgRef = img)}\n            className={imgCls}\n            data-src={src}\n            onLoad={this.imageOnLoad}\n            onError={onError}\n            {...imgProps}\n          />\n        ) : (\n          <img\n            ref={img => (this.imgRef = img)}\n            className={imgCls}\n            src={src}\n            onLoad={this.imageOnLoad}\n            onError={onError}\n            {...imgProps}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nexport default Image\n"],"names":["Image","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","observer","imgRef","state","isLoaded","imageOnLoad","bind","_assertThisInitialized","_createClass","key","value","componentDidMount","_this2","lazyLoad","IntersectionObserver","entries","length","isIntersecting","setState","src","rootMargin","observe","componentWillUnmount","disconnect","e","onLoad","Object","defineProperty","enumerable","writable","width","target","height","render","_this3","_a","className","_a$style","style","mode","onError","imgProps","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","React","createElement","assign","ref","img","Component"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string\n  mode: string\n  onError: () => void\n  onLoad: (e) => void\n  lazyLoad?: boolean\n  imgProps?: Record<string, any>\n}\n\nclass Image extends React.Component<IProps> {\n  constructor (props) {\n    super(props)\n    this.state = {\n      isLoaded: false\n    }\n    this.imageOnLoad = this.imageOnLoad.bind(this)\n    // this.observer = {}\n  }\n\n  observer: any = {}\n  imgRef: any = null\n\n  componentDidMount () {\n    if (this.props.lazyLoad) {\n      this.observer = new IntersectionObserver(\n        entries => {\n          // 异步 api 关系\n          if (entries[entries.length - 1].isIntersecting) {\n            this.setState({ isLoaded: true }, () => {\n              // findDOMNode(this).children[0].src = this.props.src\n              this.imgRef.src = this.props.src\n            })\n          }\n        },\n        {\n          rootMargin: '300px 0px'\n        }\n      )\n      this.observer.observe(this.imgRef)\n    }\n  }\n\n  componentWillUnmount () {\n    this.observer.disconnect && this.observer.disconnect()\n  }\n\n  imageOnLoad (e) {\n    const { onLoad } = this.props\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        width: e.target.width,\n        height: e.target.height\n      }\n    })\n\n    onLoad && onLoad(e)\n  }\n\n  render () {\n    const {\n      className,\n      style = {},\n      src,\n      mode,\n      onError,\n      lazyLoad,\n      imgProps,\n      ...reset\n    } = this.props\n    const cls = classNames(\n      'taro-img',\n      {\n        'taro-img__widthfix': mode === 'widthFix'\n      },\n      className\n    )\n    const imgCls = classNames(\n      'taro-img__mode-' +\n        (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n    )\n\n    return (\n      <div className={cls} style={style} {...reset}>\n        {lazyLoad ? (\n          <img\n            ref={img => (this.imgRef = img)}\n            className={imgCls}\n            data-src={src}\n            onLoad={this.imageOnLoad}\n            onError={onError}\n            {...imgProps}\n          />\n        ) : (\n          <img\n            ref={img => (this.imgRef = img)}\n            className={imgCls}\n            src={src}\n            onLoad={this.imageOnLoad}\n            onError={onError}\n            {...imgProps}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nexport default Image\n"],"names":["Image","React","Component","constructor","props","observer","imgRef","state","isLoaded","imageOnLoad","bind","componentDidMount","lazyLoad","IntersectionObserver","entries","length","isIntersecting","setState","src","rootMargin","observe","componentWillUnmount","disconnect","e","onLoad","Object","defineProperty","enumerable","writable","value","width","target","height","render","_a","className","style","mode","onError","imgProps","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","createElement","assign","ref","img"],"mappings":"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"}

package/dist/components/image/style/index.css.js

@@ -1,8 +1,4 @@
-import styleInject from '../../../node_modules/.pnpm/registry.npmjs.org_style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+var undefined$1 = undefined;
 
-var css_248z = "img[src=\"\"]{opacity:0}.taro-img{display:inline-block;font-size:0;height:240px;overflow:hidden;position:relative;width:320px}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-aspectfit,.taro-img__mode-scaletofill{height:100%;object-fit:contain;width:100%}.taro-img__mode-aspectfill{height:100%;object-fit:cover;width:100%}.taro-img__mode-top,.taro-img__mode-widthfix{width:100%}.taro-img__mode-bottom{bottom:0;position:absolute;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%}.taro-img__mode-right,.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{bottom:0;position:absolute}.taro-img__mode-bottomright{bottom:0;position:absolute;right:0}";
-var stylesheet="img[src=\"\"]{opacity:0}.taro-img{display:inline-block;font-size:0;height:240px;overflow:hidden;position:relative;width:320px}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-aspectfit,.taro-img__mode-scaletofill{height:100%;object-fit:contain;width:100%}.taro-img__mode-aspectfill{height:100%;object-fit:cover;width:100%}.taro-img__mode-top,.taro-img__mode-widthfix{width:100%}.taro-img__mode-bottom{bottom:0;position:absolute;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%}.taro-img__mode-right,.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{bottom:0;position:absolute}.taro-img__mode-bottomright{bottom:0;position:absolute;right:0}";
-styleInject(css_248z,{"insertAt":"top"});
-
-export { css_248z as default, stylesheet };
+export { undefined$1 as default };
 //# sourceMappingURL=index.css.js.map

package/dist/components/image/style/index.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/input/index.js

@@ -0,0 +1,228 @@
+import './style/index.scss.js';
+import classNames from 'classnames';
+import React from 'react';
+import { omit } from '../../utils/index.js';
+
+function getTrueType(type, confirmType, password) {
+  if (confirmType === 'search') type = 'search';
+  if (password) type = 'password';
+  if (typeof type === 'undefined') {
+    return 'text';
+  }
+  if (!type) {
+    throw new Error('unexpected type');
+  }
+  if (type === 'digit') type = 'number';
+  return type;
+}
+function fixControlledValue(value) {
+  return value !== null && value !== void 0 ? value : '';
+}
+class Input extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleBeforeInput = e => {
+      if (!e.data) return;
+      const isNumber = e.data && /[0-9]/.test(e.data);
+      if (this.props.type === 'number' && !isNumber) {
+        e.preventDefault();
+      }
+      if (this.props.type === 'digit' && !isNumber) {
+        if (e.data !== '.' || e.data === '.' && e.target.value.indexOf('.') > -1) {
+          e.preventDefault();
+        }
+      }
+    };
+    this.handleInput = this.handleInput.bind(this);
+    this.handlePaste = this.handlePaste.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.handleComposition = this.handleComposition.bind(this);
+    this.handleBeforeInput = this.handleBeforeInput.bind(this);
+    this.isOnComposition = false;
+    this.onInputExcuted = false;
+  }
+  componentDidMount() {
+    var _a, _b;
+    // 修复无法选择文件
+    if (this.props.type === 'file') {
+      (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.addEventListener('change', this.handleInput);
+    } else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('textInput', this.handleBeforeInput);
+    }
+    // 处理初始化是否 focus
+    if (this.props.focus && this.inputRef) this.inputRef.focus();
+  }
+  componentWillUnmount() {
+    var _a;
+    // 修复无法选择文件
+    if (this.props.type === 'file') {
+      this.inputRef.removeEventListener('change', this.handleInput);
+    } else {
+      (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('textInput', this.handleBeforeInput);
+    }
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (!this.props.focus && nextProps.focus && this.inputRef) this.inputRef.focus();
+  }
+  handleInput(e) {
+    e.stopPropagation();
+    const {
+      type,
+      maxlength = 140,
+      confirmType = 'done',
+      password = false,
+      onInput
+    } = this.props;
+    if (!this.isOnComposition && !this.onInputExcuted) {
+      let {
+        value
+      } = e.target;
+      const inputType = getTrueType(type, confirmType, password);
+      this.onInputExcuted = true;
+      /* 修复 number 类型 maxLength 无效 */
+      if (inputType === 'number' && value && maxlength <= value.length) {
+        value = value.substring(0, maxlength);
+        e.target.value = value;
+      }
+      Object.defineProperty(e, 'detail', {
+        value: {
+          value,
+          cursor: value.length
+        }
+      });
+      // // 修复 IOS 光标跳转问题
+      // if (!(['number', 'file'].indexOf(inputType) >= 0)) {
+      //   const pos = e.target.selectionEnd
+      //   setTimeout(
+      //     () => {
+      //       e.target.selectionStart = pos
+      //       e.target.selectionEnd = pos
+      //     }
+      //   )
+      // }
+      typeof onInput === 'function' && onInput(e);
+      this.onInputExcuted = false;
+    }
+  }
+  handlePaste(e) {
+    e.stopPropagation();
+    const {
+      onPaste
+    } = this.props;
+    this.onInputExcuted = false;
+    Object.defineProperty(e, 'detail', {
+      value: {
+        value: e.target.value
+      }
+    });
+    typeof onPaste === 'function' && onPaste(e);
+  }
+  handleFocus(e) {
+    e.stopPropagation();
+    const {
+      onFocus
+    } = this.props;
+    this.onInputExcuted = false;
+    Object.defineProperty(e, 'detail', {
+      value: {
+        value: e.target.value
+      }
+    });
+    onFocus && onFocus(e);
+  }
+  handleBlur(e) {
+    e.stopPropagation();
+    const {
+      onBlur
+    } = this.props;
+    Object.defineProperty(e, 'detail', {
+      value: {
+        value: e.target.value
+      }
+    });
+    onBlur && onBlur(e);
+  }
+  handleKeyDown(e) {
+    e.stopPropagation();
+    const {
+      onConfirm,
+      onKeyDown
+    } = this.props;
+    const {
+      value
+    } = e.target;
+    const keyCode = e.keyCode || e.code;
+    this.onInputExcuted = false;
+    if (typeof onKeyDown === 'function') {
+      Object.defineProperty(e, 'detail', {
+        value: {
+          value,
+          cursor: value.length,
+          keyCode
+        }
+      });
+      onKeyDown(e);
+    }
+    if (e.keyCode === 13 && typeof onConfirm === 'function') {
+      Object.defineProperty(e, 'detail', {
+        value: {
+          value
+        }
+      });
+      onConfirm(e);
+    }
+  }
+  handleComposition(e) {
+    e.stopPropagation();
+    if (!(e.target instanceof HTMLInputElement)) return;
+    if (e.type === 'compositionend') {
+      this.isOnComposition = false;
+      this.handleInput(e);
+    } else {
+      this.isOnComposition = true;
+    }
+  }
+  render() {
+    const {
+      className = '',
+      placeholder,
+      type,
+      password = false,
+      disabled = false,
+      maxlength = 140,
+      confirmType = 'done',
+      name,
+      value
+    } = this.props;
+    const cls = classNames('taro-input-core', 'weui-input', className);
+    const otherProps = omit(this.props, ['className', 'placeholder', 'disabled', 'password', 'type', 'maxlength', 'confirmType', 'focus', 'name']);
+    if ('value' in this.props) {
+      otherProps.value = fixControlledValue(value);
+    }
+    return React.createElement("input", Object.assign({
+      ref: input => {
+        this.inputRef = input;
+      }
+    }, otherProps, {
+      className: cls,
+      type: getTrueType(type, confirmType, password),
+      placeholder: placeholder,
+      disabled: disabled,
+      maxLength: maxlength,
+      name: name,
+      onInput: this.handleInput,
+      onPaste: this.handlePaste,
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      onKeyDown: this.handleKeyDown,
+      onCompositionStart: this.handleComposition,
+      onCompositionEnd: this.handleComposition,
+      onBeforeInput: this.handleBeforeInput
+    }));
+  }
+}
+
+export { Input as default };
+//# sourceMappingURL=index.js.map