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

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

@@ -1,5 +1,6 @@
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var setRef = function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);
@@ -12,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);
@@ -21,15 +21,12 @@ export var mergeRefs = function mergeRefs() {
 };
 export var createForwardRef = function createForwardRef(ReactComponent, displayName) {
   var forwardRef = function forwardRef(props, ref) {
-    return h(ReactComponent, _mergeJSXProps([{}, props, {
-      "attrs": {
-        "forwardedRef": ref
-      }
-    }]));
+    return /*#__PURE__*/_jsx(ReactComponent, _objectSpread(_objectSpread({}, props), {}, {
+      forwardedRef: ref
+    }));
   };
-
   forwardRef.displayName = displayName;
-  return React.forwardRef(forwardRef);
+  return /*#__PURE__*/React.forwardRef(forwardRef);
 };
 export var defineCustomElement = function defineCustomElement(tagName, customElement) {
   if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {

package/dist/vue2/component-lib/components.js

@@ -3,13 +3,15 @@ import Image from './image';
 import Picker from './picker';
 import ScrollView from './scroll-view';
 import Text from './text';
-var components = [// 视图容器
+var components = [
+// 视图容器
 'taro-cover-image', 'taro-cover-view', 'taro-match-media', 'taro-movable-area', 'taro-movable-view', 'taro-page-container', 'taro-root-portal', ['taro-scroll-view', {
   type: 'component',
   component: ScrollView
 }], 'taro-share-element', 'taro-swiper', ['taro-swiper-item', {
   classNames: ['swiper-slide']
-}], 'taro-view', // 基础内容
+}], 'taro-view',
+// 基础内容
 ['taro-icon', {
   type: 'component',
   component: Icon
@@ -18,7 +20,8 @@ var components = [// 视图容器
 }], 'taro-rich-text', ['taro-text', {
   type: 'component',
   component: Text
-}], // 表单组件
+}],
+// 表单组件
 'taro-button', ['taro-checkbox', {
   classNames: ['weui-cells_checkbox']
 }], 'taro-checkbox-group', 'taro-editor', 'taro-form', ['taro-input', {
@@ -43,18 +46,26 @@ var components = [// 视图容器
 }], ['taro-textarea', {
   type: 'forms',
   event: 'input'
-}], // 导航
-'taro-functional-page-navigator', 'taro-navigator', // 媒体组件
+}],
+// 导航
+'taro-functional-page-navigator', 'taro-navigator',
+// 媒体组件
 'taro-audio', 'taro-camera', ['taro-image', {
   type: 'component',
   component: Image
 }], 'taro-live-player', ['taro-video', {
   classNames: ['taro-video-container']
-}], 'taro-voip-room', // 地图
-'taro-map', // 画布
-'taro-canvas', // 开放能力
-'taro-web-view', 'taro-ad', 'taro-ad-custom', 'taro-official-account', 'taro-open-data', // 导航栏
-'taro-navigation-bar', // 页面属性配置节点
-'taro-page-meta', // 其他
+}], 'taro-voip-room',
+// 地图
+'taro-map',
+// 画布
+'taro-canvas',
+// 开放能力
+'taro-web-view', 'taro-ad', 'taro-ad-custom', 'taro-official-account', 'taro-open-data',
+// 导航栏
+'taro-navigation-bar',
+// 页面属性配置节点
+'taro-page-meta',
+// 其他
 'taro-block', 'taro-custom-wrapper', 'taro-slot'];
 export default components;

package/dist/vue2/component-lib/createFormsComponent.js

@@ -10,11 +10,9 @@ export default function createFormsComponent(name, event) {
       type: Object
     }
   };
-
   if (name === 'taro-input') {
     props.focus = Boolean;
   }
-
   return {
     name: name,
     mixins: [listeners, refs],
@@ -37,13 +35,10 @@ export default function createFormsComponent(name, event) {
       // eslint-disable-next-line
       var self = this;
       var attrs = this.$attrs || {};
-
       if (name === 'taro-input') {
         attrs['auto-focus'] = self.focus;
       }
-
       var on = _objectSpread({}, self.listeners);
-
       on[event] = self[event];
       return createElement("".concat(name, "-core"), {
         class: ['hydrated'].concat(_toConsumableArray(classNames)),

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

@@ -8,19 +8,17 @@ components.forEach(function (params) {
     Vue.component(params, createComponent(params));
   } else if (params instanceof Array) {
     var _ref = params,
-        _ref2 = _slicedToArray(_ref, 2),
-        name = _ref2[0],
-        props = _ref2[1];
-
+      _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      props = _ref2[1];
     var classNames = props.classNames,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'simple' : _props$type;
-
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'simple' : _props$type;
     if (type === 'simple') {
       Vue.component(name, createComponent(name, classNames));
     } else if (type === 'forms') {
       var event = props.event,
-          modelValue = props.modelValue;
+        modelValue = props.modelValue;
       Vue.component(name, createFormsComponent(name, event, modelValue, classNames));
     } else if (type === 'component') {
       Vue.component(name, props.component);

package/dist/vue2/component-lib/mixins/refs.js

@@ -3,20 +3,17 @@ export var refs = {
   mounted: function mounted() {
     if (this.$parent && _typeof(this.$parent.$refs) === 'object' && Object.keys(this.$parent.$refs).length) {
       var _refs = this.$parent.$refs;
-
       if (this._refCacheKey) {
         _refs[this._refCacheKey] = this.$el;
       } else {
         for (var key in _refs) {
           var ref = _refs[key];
-
           if (ref === this) {
             this._refCacheKey = key;
             _refs[key] = this.$el;
             break;
           } else if (Array.isArray(ref)) {
             var index = ref.indexOf(this);
-
             if (index > -1) {
               ref[index] = this.$el;
               break;
@@ -29,14 +26,12 @@ export var refs = {
   beforeDestroy: function beforeDestroy() {
     if (this.$parent && _typeof(this.$parent.$refs) === 'object' && Object.keys(this.$parent.$refs).length) {
       var _refs2 = this.$parent.$refs;
-
       if (this._refCacheKey) {
         _refs2[this._refCacheKey] = this;
       } else {
         for (var key in _refs2) {
           if (Array.isArray(_refs2[key])) {
             var index = _refs2[key].indexOf(this.$el);
-
             if (index > -1) {
               _refs2[key][index] = this;
               break;

package/dist/vue2/components.js

@@ -1,9 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-
 /* eslint-disable */
-
 /* tslint:disable */
-
 /* auto-generated vue proxies */
 import Vue from 'vue';
 import { createCommonRender, createCommonMethod } from './vue-component-lib/utils';

package/dist/vue2/index.js

@@ -4,19 +4,15 @@ import Vue from 'vue';
 import * as components from './components';
 export function initVue2Components() {
   var _Vue$config$ignoredEl;
-
   var ignoredElements = [/^taro-/, 'root', 'block'];
-
   if (!((_Vue$config$ignoredEl = Vue.config.ignoredElements) !== null && _Vue$config$ignoredEl !== void 0 && _Vue$config$ignoredEl.includes(ignoredElements[0]))) {
     Vue.config.ignoredElements = [].concat(_toConsumableArray(Vue.config.ignoredElements), ignoredElements);
   }
-
   Object.entries(components).forEach(function (params) {
     var _ref = params,
-        _ref2 = _slicedToArray(_ref, 2),
-        name = _ref2[0],
-        definition = _ref2[1];
-
+      _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      definition = _ref2[1];
     if (definition) {
       var tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
       Vue.component(tagName, definition);

package/dist/vue2/vue-component-lib/utils.js

@@ -27,7 +27,6 @@ export var createCommonRender = function createCommonRender(tagName) {
 export var createCommonMethod = function createCommonMethod(methodName) {
   return function () {
     var _this$$refs$wc;
-
     (_this$$refs$wc = this.$refs.wc)[methodName].apply(_this$$refs$wc, arguments);
   };
 };

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

@@ -7,7 +7,7 @@ export default function createComponent(name) {
     emits: ['tap'],
     setup: function setup(__props, _ref) {
       var slots = _ref.slots,
-          emit = _ref.emit;
+        emit = _ref.emit;
       var forwardRef = useForwardRef();
       return function () {
         return h("".concat(name, "-core"), {

package/dist/vue3/component-lib/createFormsComponent.js

@@ -9,25 +9,20 @@ export default function createFormsComponent(name, eventName) {
   var props = {
     modelValue: null
   };
-
   if (name === 'taro-input') {
     props.focus = Boolean;
   }
-
   return {
     emits: ['tap', 'update:modelValue'],
     props: props,
     setup: function setup(props, _ref) {
       var slots = _ref.slots,
-          emit = _ref.emit;
-
+        emit = _ref.emit;
       var _toRefs = toRefs(props),
-          model = _toRefs.modelValue,
-          focus = _toRefs.focus;
-
+        model = _toRefs.modelValue,
+        focus = _toRefs.focus;
       var attrs = computed(function () {
         var _ref2;
-
         return name === 'taro-input' ? (_ref2 = {}, _defineProperty(_ref2, modelValue, model.value), _defineProperty(_ref2, 'auto-focus', focus.value), _ref2) : _defineProperty({}, modelValue, model.value);
       });
       var forwardRef = useForwardRef();

package/dist/vue3/component-lib/forwardRef.js

@@ -1,11 +1,9 @@
 import { getCurrentInstance } from 'vue';
 export function useForwardRef() {
   var instance = getCurrentInstance();
-
   function forwardRef(ref) {
     instance.exposed = ref;
     instance.exposeProxy = ref;
   }
-
   return forwardRef;
 }

package/dist/vue3/component-lib/icon.js

@@ -4,8 +4,8 @@ export default {
   emits: ['tap'],
   setup: function setup(__props, _ref) {
     var slots = _ref.slots,
-        emit = _ref.emit,
-        attrs = _ref.attrs;
+      emit = _ref.emit,
+      attrs = _ref.attrs;
     var iconType = attrs.type.replace(/_/g, '-');
     var forwardRef = useForwardRef();
     return function () {

package/dist/vue3/component-lib/image.js

@@ -4,8 +4,8 @@ export default {
   emits: ['tap'],
   setup: function setup(__props, _ref) {
     var slots = _ref.slots,
-        emit = _ref.emit,
-        attrs = _ref.attrs;
+      emit = _ref.emit,
+      attrs = _ref.attrs;
     var forwardRef = useForwardRef();
     return function () {
       return h('taro-image-core', {

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

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

package/dist/vue3/component-lib/scroll-view.js

@@ -4,8 +4,8 @@ export default {
   emits: ['tap', 'scroll'],
   setup: function setup(__props, _ref) {
     var slots = _ref.slots,
-        emit = _ref.emit,
-        attrs = _ref.attrs;
+      emit = _ref.emit,
+      attrs = _ref.attrs;
     var forwardRef = useForwardRef();
     return function () {
       return h('taro-scroll-view-core', {

package/dist/vue3/component-lib/text.js

@@ -4,8 +4,8 @@ export default {
   emits: ['tap'],
   setup: function setup(__props, _ref) {
     var slots = _ref.slots,
-        emit = _ref.emit,
-        attrs = _ref.attrs;
+      emit = _ref.emit,
+      attrs = _ref.attrs;
     var forwardRef = useForwardRef();
     return function () {
       return h('taro-text-core', {

package/dist/vue3/components.js

@@ -1,7 +1,5 @@
 /* eslint-disable */
-
 /* tslint:disable */
-
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-component-lib/utils';
 export var Ad = /*@__PURE__*/defineContainer('taro-ad-core', undefined);

package/dist/vue3/index.js

@@ -4,12 +4,10 @@ export function initVue3Components(app) {
   app.config.isCustomElement = function (tag) {
     return /^taro-/.test(tag) || tag === 'root' || tag === 'block';
   };
-
   Object.entries(components).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        name = _ref2[0],
-        component = _ref2[1];
-
+      name = _ref2[0],
+      component = _ref2[1];
     if (component) {
       var tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
       app.component(tagName, component);