@tarojs/components 3.5.11 → 3.6.0-alpha.0

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**

package/{dist-h5/vue/components/index.js → 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-h5/vue → dist/vue2/component-lib}/createComponent.js

@@ -1,4 +1,4 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { listeners } from './mixins/listeners';
 import { refs } from './mixins/refs';
 export default function createComponent(name) {

package/{dist-h5/vue → dist/vue2/component-lib}/createFormsComponent.js

@@ -1,10 +1,5 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { listeners } from './mixins/listeners';
 import { refs } from './mixins/refs';
 export default function createFormsComponent(name, event) {
@@ -15,11 +10,9 @@ export default function createFormsComponent(name, event) {
       type: Object
     }
   };
-
   if (name === 'taro-input') {
     props.focus = Boolean;
   }
-
   return {
     name: name,
     mixins: [listeners, refs],
@@ -42,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-h5/vue/components → dist/vue2/component-lib}/icon.js

@@ -1,5 +1,5 @@
-import { listeners } from '../mixins/listeners';
-import { refs } from '../mixins/refs';
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
 export default {
   name: 'taro-icon',
   mixins: [listeners, refs],

package/{dist-h5/vue/components → dist/vue2/component-lib}/image.js

@@ -1,5 +1,5 @@
-import { listeners } from '../mixins/listeners';
-import { refs } from '../mixins/refs';
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
 export default {
   name: 'taro-image',
   mixins: [listeners, refs],

package/{dist-h5/vue → dist/vue2/component-lib}/index.js

@@ -1,4 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import Vue from 'vue';
 import components from './components';
 import createComponent from './createComponent';
@@ -7,19 +7,18 @@ components.forEach(function (params) {
   if (typeof params === 'string') {
     Vue.component(params, createComponent(params));
   } else if (params instanceof Array) {
-    var _params = _slicedToArray(params, 2),
-        name = _params[0],
-        props = _params[1];
-
+    var _ref = params,
+      _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/listeners.js

@@ -0,0 +1,14 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+export var listeners = {
+  computed: {
+    listeners: function listeners() {
+      // eslint-disable-next-line
+      var vm = this;
+      return _objectSpread(_objectSpread({}, vm.$listeners), {}, {
+        click: function click(e) {
+          vm.$emit('tap', e);
+        }
+      });
+    }
+  }
+};

package/{dist-h5/vue → dist/vue2/component-lib}/mixins/refs.js

@@ -1,22 +1,19 @@
-import _typeof from "@babel/runtime/helpers/typeof";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 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/component-lib/picker.js

@@ -0,0 +1,40 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
+export default {
+  name: 'taro-picker',
+  mixins: [listeners, refs],
+  model: {
+    event: 'model'
+  },
+  props: {
+    range: Array,
+    rangeKey: String,
+    value: [Number, String, Array]
+  },
+  mounted: function mounted() {
+    this.$el.value = this.value;
+  },
+  watch: {
+    value: function value(newVal) {
+      this.$el.value = newVal;
+    }
+  },
+  render: function render(createElement) {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    var self = this;
+    return createElement('taro-picker-core', {
+      class: 'hydrated',
+      domProps: {
+        range: self.range,
+        rangeKey: self.rangeKey
+      },
+      on: _objectSpread(_objectSpread({}, self.listeners), {}, {
+        change: function change(e) {
+          self.$emit('change', e);
+          self.$emit('model', e.target.value);
+        }
+      })
+    }, self.$slots.default);
+  }
+};

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

@@ -0,0 +1,32 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
+export default {
+  name: 'taro-scroll-view',
+  mixins: [listeners, refs],
+  props: {
+    scrollX: Boolean,
+    scrollY: Boolean
+  },
+  render: function render(createElement) {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    var self = this;
+    var attrs = {};
+    if (self.scrollX) attrs['scroll-x'] = true;
+    if (self.scrollY) attrs['scroll-y'] = true;
+    return createElement('taro-scroll-view-core', {
+      class: ['hydrated', {
+        'taro-scroll-view__scroll-x': self.scrollX,
+        'taro-scroll-view__scroll-y': self.scrollY
+      }],
+      attrs: attrs,
+      on: _objectSpread(_objectSpread({}, self.listeners), {}, {
+        scroll: function scroll(e) {
+          if (e instanceof CustomEvent) {
+            self.$emit('scroll', e);
+          }
+        }
+      })
+    }, self.$slots.default);
+  }
+};

package/{dist-h5/vue/components → dist/vue2/component-lib}/text.js

@@ -1,5 +1,5 @@
-import { listeners } from '../mixins/listeners';
-import { refs } from '../mixins/refs';
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
 export default {
   name: 'taro-text',
   mixins: [listeners, refs],