@tarojs/components 3.6.0-canary.7 → 3.6.0-canary.8

package/dist/react/component-lib/index.js

@@ -1,6 +1,7 @@
 import { Fragment } from 'react';
-import reactifyWc from './reactify-wc'; // 视图容器
+import reactifyWc from './reactify-wc';
 
+// 视图容器
 export var CoverImage = reactifyWc('taro-cover-image-core');
 export var CoverView = reactifyWc('taro-cover-view-core');
 export var MatchMedia = reactifyWc('taro-match-media-core');
@@ -12,13 +13,15 @@ export var ScrollView = reactifyWc('taro-scroll-view-core');
 export var ShareElement = reactifyWc('taro-share-element-core');
 export var Swiper = reactifyWc('taro-swiper-core');
 export var SwiperItem = reactifyWc('taro-swiper-item-core');
-export var View = reactifyWc('taro-view-core'); // 基础内容
+export var View = reactifyWc('taro-view-core');
 
+// 基础内容
 export var Icon = reactifyWc('taro-icon-core');
 export var Progress = reactifyWc('taro-progress-core');
 export var RichText = reactifyWc('taro-rich-text-core');
-export var Text = reactifyWc('taro-text-core'); // 表单组件
+export var Text = reactifyWc('taro-text-core');
 
+// 表单组件
 export var Button = reactifyWc('taro-button-core');
 export var Checkbox = reactifyWc('taro-checkbox-core');
 export var CheckboxGroup = reactifyWc('taro-checkbox-group-core');
@@ -34,31 +37,38 @@ export var Radio = reactifyWc('taro-radio-core');
 export var RadioGroup = reactifyWc('taro-radio-group-core');
 export var Slider = reactifyWc('taro-slider-core');
 export var Switch = reactifyWc('taro-switch-core');
-export var Textarea = reactifyWc('taro-textarea-core'); // 导航
+export var Textarea = reactifyWc('taro-textarea-core');
 
+// 导航
 export var FunctionalPageNavigator = reactifyWc('taro-functional-page-navigator-core');
 export var Navigator = reactifyWc('taro-navigator-core');
-export var NavigationBar = reactifyWc('taro-navigation-bar-core'); // 媒体组件
+export var NavigationBar = reactifyWc('taro-navigation-bar-core');
 
+// 媒体组件
 export var Audio = reactifyWc('taro-audio-core');
 export var Camera = reactifyWc('taro-camera-core');
 export var Image = reactifyWc('taro-image-core');
 export var LivePlayer = reactifyWc('taro-live-player-core');
 export var LivePusher = reactifyWc('taro-live-pusher-core');
 export var Video = reactifyWc('taro-video-core');
-export var VoipRoom = reactifyWc('taro-voip-room-core'); // 地图
+export var VoipRoom = reactifyWc('taro-voip-room-core');
 
-export var Map = reactifyWc('taro-map-core'); // 画布
+// 地图
+export var Map = reactifyWc('taro-map-core');
 
-export var Canvas = reactifyWc('taro-canvas-core'); // 开放能力
+// 画布
+export var Canvas = reactifyWc('taro-canvas-core');
 
+// 开放能力
 export var Ad = reactifyWc('taro-ad-core');
 export var AdCustom = reactifyWc('taro-ad-custom-core');
 export var OfficialAccount = reactifyWc('taro-official-account-core');
 export var OpenData = reactifyWc('taro-open-data-core');
-export var WebView = reactifyWc('taro-web-view-core'); // 页面属性配置节点
+export var WebView = reactifyWc('taro-web-view-core');
 
-export var PageMeta = reactifyWc('taro-page-meta-core'); // 其他
+// 页面属性配置节点
+export var PageMeta = reactifyWc('taro-page-meta-core');
 
+// 其他
 export var Block = Fragment;
 export var CustomWrapper = reactifyWc('taro-custom-wrapper-core');

package/dist/react/component-lib/input.js

@@ -2,16 +2,15 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import reactifyWc from './reactify-wc';
 var Input = reactifyWc('taro-input-core');
-var h = React.createElement; // eslint-disable-next-line react/display-name
+var h = React.createElement;
 
+// eslint-disable-next-line react/display-name
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
   var args = _objectSpread({}, props);
-
   if (args.hasOwnProperty('focus')) {
     args.autoFocus = Boolean(args.focus);
     delete args.focus;
   }
-
   return h(Input, _objectSpread(_objectSpread({}, args), {}, {
     ref: ref
   }));

package/dist/react/component-lib/reactify-wc.js

@@ -8,7 +8,6 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-
 /**
  * https://github.com/BBKolton/reactify-wc/
  * modified event naming
@@ -16,8 +15,9 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React, { createElement, createRef } from 'react';
 var h = React.createElement;
 var SCROLL_VIEW = 'taro-scroll-view-core';
-var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
+var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 
+// 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
 function getClassName(wc, prevProps, props) {
   var classList = Array.from(wc.classList);
   var oldClassNames = (prevProps.className || prevProps.class || '').split(' ');
@@ -36,7 +36,6 @@ function getClassName(wc, prevProps, props) {
   finalClassNames = [].concat(_toConsumableArray(finalClassNames), _toConsumableArray(incomingClassNames));
   return finalClassNames.join(' ');
 }
-
 function updateStyle(dom, key, val) {
   if (/^--/.test(key)) {
     // css variable
@@ -47,32 +46,26 @@ function updateStyle(dom, key, val) {
     dom.style[key] = val + 'px';
   }
 }
-
 function updateProp(ctx, comp, propKey, prevProps, props) {
   var dom = ctx.ref.current;
   var val = props[propKey];
   var prevVal = prevProps ? prevProps[propKey] : undefined;
-
   if (propKey === 'children') {
     return;
   }
-
   if (propKey.toLowerCase() === 'classname') {
     dom.className = prevProps ? getClassName(dom, prevProps, props) : val;
     return;
   }
-
   if (propKey === 'style') {
     if (typeof val === 'string') {
       dom.setAttribute(propKey, val);
       return;
     }
-
     if (!val) {
       dom.removeAttribute(propKey);
       return;
     }
-
     if (prevProps) {
       if (typeof prevVal === 'string') {
         dom.style.cssText = '';
@@ -82,87 +75,66 @@ function updateProp(ctx, comp, propKey, prevProps, props) {
         }
       }
     }
-
     for (var _styleKey in val) {
       updateStyle(dom, _styleKey, val[_styleKey]);
     }
-
     return;
   }
-
   if (/^data-.+/.test(propKey)) {
     dom.setAttribute(propKey, val);
   }
-
   if (comp === SCROLL_VIEW) {
     if (propKey === 'scrollTop') {
       dom.mpScrollTop = val;
       return;
     }
-
     if (propKey === 'scrollLeft') {
       dom.mpScrollLeft = val;
       return;
     }
-
     if (propKey === 'scrollIntoView') {
       dom.mpScrollIntoView = val;
       return;
     }
   }
-
   if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {
     var event = propKey.substr(2).toLowerCase();
     ctx.eventHandlers.push([event, val]);
     return dom.addEventListener(event, val);
   }
-
   if (typeof val === 'string' || typeof val === 'number') {
     dom.setAttribute(propKey, val);
     dom[propKey] = val;
     return;
   }
-
   if (typeof val === 'boolean') {
     if (val) {
       dom[propKey] = true;
       return dom.setAttribute(propKey, val);
     }
-
     dom[propKey] = false;
     return dom.removeAttribute(propKey);
   }
-
   dom[propKey] = val;
 }
-
 var reactifyWebComponent = function reactifyWebComponent(WC) {
   var Index = /*#__PURE__*/function (_React$Component) {
     _inherits(Index, _React$Component);
-
     var _super = _createSuper(Index);
-
     function Index(props) {
       var _this;
-
       _classCallCheck(this, Index);
-
       _this = _super.call(this, props);
-
       _defineProperty(_assertThisInitialized(_this), "eventHandlers", void 0);
-
       _defineProperty(_assertThisInitialized(_this), "ref", void 0);
-
       _this.eventHandlers = [];
       _this.ref = /*#__PURE__*/createRef();
       return _this;
     }
-
     _createClass(Index, [{
       key: "update",
       value: function update(prevProps) {
         var _this2 = this;
-
         this.clearEventHandlers();
         if (!this.ref.current) return;
         Object.keys(prevProps || {}).forEach(function (key) {
@@ -183,7 +155,6 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
       key: "componentDidMount",
       value: function componentDidMount() {
         var forwardRef = this.props.forwardRef;
-
         if (typeof forwardRef === 'function') {
           forwardRef(this.ref.current);
         } else if (forwardRef && _typeof(forwardRef) === 'object' && forwardRef.hasOwnProperty('current')) {
@@ -191,7 +162,6 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
         } else if (typeof forwardRef === 'string') {
           console.warn('内置组件不支持字符串 ref');
         }
-
         this.update(undefined);
       }
     }, {
@@ -203,14 +173,11 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
       key: "clearEventHandlers",
       value: function clearEventHandlers() {
         var _this3 = this;
-
         this.eventHandlers.forEach(function (_ref) {
           var _ref2 = _slicedToArray(_ref, 2),
-              event = _ref2[0],
-              handler = _ref2[1];
-
+            event = _ref2[0],
+            handler = _ref2[1];
           if (!_this3.ref.current) return;
-
           _this3.ref.current.removeEventListener(event, handler);
         });
         this.eventHandlers = [];
@@ -219,8 +186,8 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            children = _this$props.children,
-            dangerouslySetInnerHTML = _this$props.dangerouslySetInnerHTML;
+          children = _this$props.children,
+          dangerouslySetInnerHTML = _this$props.dangerouslySetInnerHTML;
         var props = {
           ref: this.ref
         };
@@ -228,16 +195,12 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
         return /*#__PURE__*/createElement(WC, props, children);
       }
     }]);
-
     return Index;
   }(React.Component); // eslint-disable-next-line react/display-name
-
-
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return h(Index, _objectSpread(_objectSpread({}, props), {}, {
       forwardRef: ref
     }));
   });
 };
-
 export default reactifyWebComponent;

package/dist/react/components.js

@@ -1,7 +1,5 @@
 /* eslint-disable */
-
 /* tslint:disable */
-
 /* auto-generated react proxies */
 import { Fragment } from 'react';
 import { manipulatePropsFunction } from './helper';

package/dist/react/react-component-lib/createComponent.js

@@ -14,30 +14,20 @@ export var createReactComponent = function createReactComponent(tagName, ReactCo
   if (defineCustomElement !== undefined) {
     defineCustomElement();
   }
-
   var displayName = dashToPascalCase(tagName);
-
   var ReactComponent = /*#__PURE__*/function (_React$Component) {
     _inherits(ReactComponent, _React$Component);
-
     var _super = _createSuper(ReactComponent);
-
     function ReactComponent(props) {
       var _this;
-
       _classCallCheck(this, ReactComponent);
-
       _this = _super.call(this, props);
-
       _defineProperty(_assertThisInitialized(_this), "componentEl", void 0);
-
       _defineProperty(_assertThisInitialized(_this), "setComponentElRef", function (element) {
         _this.componentEl = element;
       });
-
       return _this;
     }
-
     _createClass(ReactComponent, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -52,19 +42,16 @@ export var createReactComponent = function createReactComponent(tagName, ReactCo
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            children = _this$props.children,
-            forwardedRef = _this$props.forwardedRef,
-            style = _this$props.style,
-            className = _this$props.className,
-            ref = _this$props.ref,
-            cProps = _objectWithoutProperties(_this$props, _excluded);
-
+          children = _this$props.children,
+          forwardedRef = _this$props.forwardedRef,
+          style = _this$props.style,
+          className = _this$props.className,
+          ref = _this$props.ref,
+          cProps = _objectWithoutProperties(_this$props, _excluded);
         var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
           var value = cProps[name];
-
           if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
             var eventName = name.substring(2).toLowerCase();
-
             if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
               acc[name] = value;
             }
@@ -72,23 +59,20 @@ export var createReactComponent = function createReactComponent(tagName, ReactCo
             // we should only render strings, booleans, and numbers as attrs in html.
             // objects, functions, arrays etc get synced via properties on mount.
             var type = _typeof(value);
-
             if (type === 'string' || type === 'boolean' || type === 'number') {
               acc[camelToDashCase(name)] = value;
             }
           }
-
           return acc;
         }, {});
-
         if (manipulatePropsFunction) {
           propsToPass = manipulatePropsFunction(this.props, propsToPass);
         }
-
         var newProps = _objectSpread(_objectSpread({}, propsToPass), {}, {
           ref: mergeRefs(forwardedRef, this.setComponentElRef),
           style: style
         });
+
         /**
          * We use createElement here instead of
          * React.createElement to work around a
@@ -96,8 +80,6 @@ export var createReactComponent = function createReactComponent(tagName, ReactCo
          * React.createElement causes all elements to be rendered
          * as <tagname> instead of the actual Web Component.
          */
-
-
         return /*#__PURE__*/createElement(tagName, newProps, children);
       }
     }], [{
@@ -106,14 +88,12 @@ export var createReactComponent = function createReactComponent(tagName, ReactCo
         return displayName;
       }
     }]);
-
     return ReactComponent;
-  }(React.Component); // If context was passed to createReactComponent then conditionally add it to the Component Class
-
+  }(React.Component);
 
+  // If context was passed to createReactComponent then conditionally add it to the Component Class
   if (ReactComponentContext) {
     ReactComponent.contextType = ReactComponentContext;
   }
-
   return createForwardRef(ReactComponent, displayName);
 };

package/dist/react/react-component-lib/createOverlayComponent.js

@@ -21,31 +21,21 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
   var willDismissEventName = "on".concat(displayName, "WillDismiss");
   var willPresentEventName = "on".concat(displayName, "WillPresent");
   var isDismissing = false;
-
   var Overlay = /*#__PURE__*/function (_React$Component) {
     _inherits(Overlay, _React$Component);
-
     var _super = _createSuper(Overlay);
-
     function Overlay(props) {
       var _this;
-
       _classCallCheck(this, Overlay);
-
       _this = _super.call(this, props);
-
       _defineProperty(_assertThisInitialized(_this), "overlay", void 0);
-
       _defineProperty(_assertThisInitialized(_this), "el", void 0);
-
       if (typeof document !== 'undefined') {
         _this.el = document.createElement('div');
       }
-
       _this.handleDismiss = _this.handleDismiss.bind(_assertThisInitialized(_this));
       return _this;
     }
-
     _createClass(Overlay, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -66,7 +56,6 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
         if (this.props.onDidDismiss) {
           this.props.onDidDismiss(event);
         }
-
         setRef(this.props.forwardedRef, null);
       }
     }, {
@@ -76,7 +65,6 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
         if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
           isDismissing = true;
         }
-
         return true;
       }
     }, {
@@ -90,29 +78,24 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
                   if (this.overlay) {
                     attachProps(this.overlay, this.props, prevProps);
                   }
-
                   if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
                     this.present(prevProps);
                   }
-
                   if (!(this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) {
                     _context.next = 7;
                     break;
                   }
-
                   _context.next = 5;
                   return this.overlay.dismiss();
-
                 case 5:
                   isDismissing = false;
+
                   /**
                    * Now that the overlay is dismissed
                    * we need to render again so that any
                    * inner components will be unmounted
                    */
-
                   this.forceUpdate();
-
                 case 7:
                 case "end":
                   return _context.stop();
@@ -120,11 +103,9 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
             }
           }, _callee, this);
         }));
-
         function componentDidUpdate(_x) {
           return _componentDidUpdate.apply(this, arguments);
         }
-
         return componentDidUpdate;
       }()
     }, {
@@ -132,10 +113,8 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
       value: function () {
         var _present = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(prevProps) {
           var _this2 = this,
-              _objectSpread2;
-
+            _objectSpread2;
           var _this$props, children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, cProps, elementProps;
-
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
@@ -155,14 +134,12 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
                     component: this.el,
                     componentProps: {}
                   }));
-
                 case 4:
                   this.overlay = _context2.sent;
                   setRef(this.props.forwardedRef, this.overlay);
                   attachProps(this.overlay, elementProps, prevProps);
                   _context2.next = 9;
                   return this.overlay.present();
-
                 case 9:
                 case "end":
                   return _context2.stop();
@@ -170,11 +147,9 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
             }
           }, _callee2, this);
         }));
-
         function present(_x2) {
           return _present.apply(this, arguments);
         }
-
         return present;
       }()
     }, {
@@ -193,10 +168,8 @@ export var createOverlayComponent = function createOverlayComponent(tagName, con
         return displayName;
       }
     }]);
-
     return Overlay;
   }(React.Component);
-
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/_jsx(Overlay, _objectSpread(_objectSpread({}, props), {}, {
       forwardedRef: ref

package/dist/react/react-component-lib/utils/attachProps.js

@@ -2,33 +2,26 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import { camelToDashCase } from './case';
 export var attachProps = function attachProps(node, newProps) {
   var oldProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
   // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
   if (node instanceof Element) {
     // add any classes in className to the class list
     var className = getClassName(node.classList, newProps, oldProps);
-
     if (className !== '') {
       node.className = className;
     }
-
     Object.keys(newProps).forEach(function (name) {
       if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
         return;
       }
-
       if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
         var eventName = name.substring(2);
         var eventNameLc = eventName.toLowerCase();
-
         if (!isCoveredByReact(eventNameLc)) {
           syncEvent(node, eventNameLc, newProps[name]);
         }
       } else {
         node[name] = newProps[name];
-
         var propType = _typeof(newProps[name]);
-
         if (propType === 'string') {
           node.setAttribute(camelToDashCase(name), newProps[name]);
         }
@@ -38,14 +31,14 @@ export var attachProps = function attachProps(node, newProps) {
 };
 export var getClassName = function getClassName(classList, newProps, oldProps) {
   var newClassProp = newProps.className || newProps.class;
-  var oldClassProp = oldProps.className || oldProps.class; // map the classes to Maps for performance
-
+  var oldClassProp = oldProps.className || oldProps.class;
+  // map the classes to Maps for performance
   var currentClasses = arrayToMap(classList);
   var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
   var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-  var finalClassNames = []; // loop through each of the current classes on the component
+  var finalClassNames = [];
+  // loop through each of the current classes on the component
   // to see if it should be a part of the classNames added
-
   currentClasses.forEach(function (currentClass) {
     if (incomingPropClasses.has(currentClass)) {
       // add it as its already included in classnames coming in from newProps
@@ -61,43 +54,41 @@ export var getClassName = function getClassName(classList, newProps, oldProps) {
   });
   return finalClassNames.join(' ');
 };
+
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-
 export var isCoveredByReact = function isCoveredByReact(eventNameSuffix) {
   if (typeof document === 'undefined') {
     return true;
   } else {
     var eventName = 'on' + eventNameSuffix;
     var isSupported = (eventName in document);
-
     if (!isSupported) {
       var element = document.createElement('div');
       element.setAttribute(eventName, 'return;');
       isSupported = typeof element[eventName] === 'function';
     }
-
     return isSupported;
   }
 };
 export var syncEvent = function syncEvent(node, eventName, newEventHandler) {
   var eventStore = node.__events || (node.__events = {});
-  var oldEventHandler = eventStore[eventName]; // Remove old listener so they don't double up.
+  var oldEventHandler = eventStore[eventName];
 
+  // Remove old listener so they don't double up.
   if (oldEventHandler) {
     node.removeEventListener(eventName, oldEventHandler);
-  } // Bind new listener.
-
+  }
 
+  // Bind new listener.
   node.addEventListener(eventName, eventStore[eventName] = function handler(e) {
     if (newEventHandler) {
       newEventHandler.call(this, e);
     }
   });
 };
-
 var arrayToMap = function arrayToMap(arr) {
   var map = new Map();
   arr.forEach(function (s) {

package/dist/react/react-component-lib/utils/index.js

@@ -13,7 +13,6 @@ export var mergeRefs = function mergeRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-
   return function (value) {
     refs.forEach(function (ref) {
       setRef(ref, value);
@@ -26,7 +25,6 @@ export var createForwardRef = function createForwardRef(ReactComponent, displayN
       forwardedRef: ref
     }));
   };
-
   forwardRef.displayName = displayName;
   return /*#__PURE__*/React.forwardRef(forwardRef);
 };