@tarojs/components 3.5.7-alpha.6 → 3.6.0-canary.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 → 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

@@ -7,9 +7,10 @@ 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,

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

@@ -4,8 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { listeners } from '../mixins/listeners';
-import { refs } from '../mixins/refs';
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
 export default {
   name: 'taro-picker',
   mixins: [listeners, refs],

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

@@ -4,8 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { listeners } from '../mixins/listeners';
-import { refs } from '../mixins/refs';
+import { listeners } from './mixins/listeners';
+import { refs } from './mixins/refs';
 export default {
   name: 'taro-scroll-view',
   mixins: [listeners, refs],

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],

package/dist/vue2/components.js

@@ -0,0 +1,479 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+
+/* eslint-disable */
+
+/* tslint:disable */
+
+/* auto-generated vue proxies */
+import Vue from 'vue';
+import { createCommonRender, createCommonMethod } from './vue-component-lib/utils';
+var customElementTags = ['taro-ad-core', 'taro-ad-custom-core', 'taro-audio-core', 'taro-block-core', 'taro-button-core', 'taro-camera-core', 'taro-canvas-core', 'taro-checkbox-core', 'taro-checkbox-group-core', 'taro-cover-image-core', 'taro-cover-view-core', 'taro-custom-wrapper-core', 'taro-editor-core', 'taro-form-core', 'taro-functional-page-navigator-core', 'taro-icon-core', 'taro-image-core', 'taro-input-core', 'taro-keyboard-accessory-core', 'taro-label-core', 'taro-live-player-core', 'taro-live-pusher-core', 'taro-map-core', 'taro-match-media-core', 'taro-movable-area-core', 'taro-movable-view-core', 'taro-navigation-bar-core', 'taro-navigator-core', 'taro-official-account-core', 'taro-open-data-core', 'taro-page-container-core', 'taro-page-meta-core', 'taro-picker-core', 'taro-picker-group', 'taro-picker-view-column-core', 'taro-picker-view-core', 'taro-progress-core', 'taro-pull-to-refresh', 'taro-radio-core', 'taro-radio-group-core', 'taro-rich-text-core', 'taro-root-portal-core', 'taro-scroll-view-core', 'taro-share-element-core', 'taro-slider-core', 'taro-slot-core', 'taro-swiper-core', 'taro-swiper-item-core', 'taro-switch-core', 'taro-tabbar', 'taro-text-core', 'taro-textarea-core', 'taro-video-control', 'taro-video-core', 'taro-video-danmu', 'taro-view-core', 'taro-voip-room-core', 'taro-web-view-core'];
+Vue.config.ignoredElements = [].concat(_toConsumableArray(Vue.config.ignoredElements), customElementTags);
+export var Ad = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-ad-core', [])
+});
+export var AdCustom = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-ad-custom-core', [])
+});
+export var Audio = /*@__PURE__*/Vue.extend({
+  props: {
+    src: {},
+    controls: {},
+    autoplay: {},
+    loop: {},
+    muted: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-audio-core', ['error', 'play', 'pause', 'timeupdate', 'ended'])
+});
+export var Block = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-block-core', [])
+});
+export var Button = /*@__PURE__*/Vue.extend({
+  props: {
+    disabled: {},
+    hoverClass: {},
+    type: {},
+    hoverStartTime: {},
+    hoverStayTime: {},
+    size: {},
+    plain: {},
+    loading: {},
+    formType: {}
+  },
+  render: createCommonRender('taro-button-core', ['tarobuttonsubmit', 'tarobuttonreset'])
+});
+export var Camera = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-camera-core', [])
+});
+export var Canvas = /*@__PURE__*/Vue.extend({
+  props: {
+    canvasId: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-canvas-core', ['longtap'])
+});
+export var Checkbox = /*@__PURE__*/Vue.extend({
+  props: {
+    name: {},
+    value: {},
+    color: {},
+    id: {},
+    checked: {},
+    disabled: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-checkbox-core', ['checkboxchange'])
+});
+export var CheckboxGroup = /*@__PURE__*/Vue.extend({
+  props: {
+    name: {}
+  },
+  render: createCommonRender('taro-checkbox-group-core', ['change'])
+});
+export var CoverImage = /*@__PURE__*/Vue.extend({
+  props: {
+    src: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-cover-image-core', ['load', 'error'])
+});
+export var CoverView = /*@__PURE__*/Vue.extend({
+  props: {
+    animation: {},
+    hoverClass: {},
+    hoverStartTime: {},
+    hoverStayTime: {}
+  },
+  render: createCommonRender('taro-cover-view-core', ['longpress'])
+});
+export var CustomWrapper = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-custom-wrapper-core', [])
+});
+export var Editor = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-editor-core', [])
+});
+export var Form = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-form-core', ['submit'])
+});
+export var FunctionalPageNavigator = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-functional-page-navigator-core', [])
+});
+export var Icon = /*@__PURE__*/Vue.extend({
+  props: {
+    type: {},
+    size: {},
+    color: {}
+  },
+  render: createCommonRender('taro-icon-core', [])
+});
+export var Image = /*@__PURE__*/Vue.extend({
+  props: {
+    src: {},
+    mode: {},
+    lazyLoad: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-image-core', ['load', 'error'])
+});
+export var Input = /*@__PURE__*/Vue.extend({
+  props: {
+    value: {},
+    type: {},
+    password: {},
+    placeholder: {},
+    disabled: {},
+    maxlength: {},
+    autoFocus: {},
+    confirmType: {},
+    name: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-input-core', ['input', 'paste', 'focus', 'blur', 'confirm', 'change', 'keydown'])
+});
+export var KeyboardAccessory = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-keyboard-accessory-core', [])
+});
+export var Label = /*@__PURE__*/Vue.extend({
+  props: {
+    for: {}
+  },
+  render: createCommonRender('taro-label-core', [])
+});
+export var LivePlayer = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-live-player-core', [])
+});
+export var LivePusher = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-live-pusher-core', [])
+});
+export var Map = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-map-core', [])
+});
+export var MatchMedia = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-match-media-core', [])
+});
+export var MovableArea = /*@__PURE__*/Vue.extend({
+  props: {
+    scaleArea: {}
+  },
+  render: createCommonRender('taro-movable-area-core', [])
+});
+export var MovableView = /*@__PURE__*/Vue.extend({
+  props: {
+    x: {},
+    y: {},
+    direction: {},
+    outOfBounds: {},
+    inertia: {},
+    friction: {},
+    damping: {},
+    disabled: {},
+    scale: {},
+    scaleMin: {},
+    scaleMax: {},
+    scaleValue: {},
+    animation: {}
+  },
+  methods: {
+    setParent: createCommonMethod('setParent'),
+    endScale: createCommonMethod('endScale'),
+    setScale: createCommonMethod('setScale')
+  },
+  render: createCommonRender('taro-movable-view-core', ['change', 'scale', 'htouchmove', 'vtouchmove'])
+});
+export var NavigationBar = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-navigation-bar-core', [])
+});
+export var Navigator = /*@__PURE__*/Vue.extend({
+  props: {
+    hoverClass: {},
+    url: {},
+    openType: {},
+    isHover: {},
+    delta: {}
+  },
+  render: createCommonRender('taro-navigator-core', ['cuccess', 'fail', 'Complete'])
+});
+export var OfficialAccount = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-official-account-core', [])
+});
+export var OpenData = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-open-data-core', [])
+});
+export var PageContainer = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-page-container-core', [])
+});
+export var PageMeta = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-page-meta-core', [])
+});
+export var Picker = /*@__PURE__*/Vue.extend({
+  props: {
+    mode: {},
+    disabled: {},
+    range: {},
+    rangeKey: {},
+    value: {},
+    start: {},
+    end: {},
+    fields: {},
+    name: {}
+  },
+  render: createCommonRender('taro-picker-core', ['change', 'columnchange', 'cancel'])
+});
+export var PickerGroup = /*@__PURE__*/Vue.extend({
+  props: {
+    mode: {},
+    range: {},
+    rangeKey: {},
+    height: {},
+    columnId: {},
+    updateHeight: {},
+    onColumnChange: {},
+    updateDay: {}
+  },
+  render: createCommonRender('taro-picker-group', [])
+});
+export var PickerViewColumn = /*@__PURE__*/Vue.extend({
+  props: {
+    col: {},
+    initialPosition: {},
+    paddingVertical: {}
+  },
+  render: createCommonRender('taro-picker-view-column-core', ['onselect', 'onselectstart', 'onselectend'])
+});
+export var PickerView = /*@__PURE__*/Vue.extend({
+  props: {
+    indicatorStyle: {},
+    indicatorClass: {},
+    value: {},
+    maskStyle: {},
+    maskClass: {}
+  },
+  render: createCommonRender('taro-picker-view-core', ['change', 'pickstart', 'pickend'])
+});
+export var Progress = /*@__PURE__*/Vue.extend({
+  props: {
+    percent: {},
+    showInfo: {},
+    borderRadius: {},
+    fontSize: {},
+    strokeWidth: {},
+    activeColor: {},
+    backgroundColor: {},
+    active: {}
+  },
+  render: createCommonRender('taro-progress-core', [])
+});
+export var PullToRefresh = /*@__PURE__*/Vue.extend({
+  props: {
+    prefixCls: {},
+    distanceToRefresh: {},
+    damping: {},
+    indicator: {}
+  },
+  render: createCommonRender('taro-pull-to-refresh', ['refresh'])
+});
+export var Radio = /*@__PURE__*/Vue.extend({
+  props: {
+    name: {},
+    value: {},
+    id: {},
+    checked: {},
+    disabled: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-radio-core', ['radiochange'])
+});
+export var RadioGroup = /*@__PURE__*/Vue.extend({
+  props: {
+    name: {}
+  },
+  render: createCommonRender('taro-radio-group-core', ['change'])
+});
+export var RichText = /*@__PURE__*/Vue.extend({
+  props: {
+    nodes: {}
+  },
+  render: createCommonRender('taro-rich-text-core', [])
+});
+export var RootPortal = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-root-portal-core', [])
+});
+export var ScrollView = /*@__PURE__*/Vue.extend({
+  props: {
+    scrollX: {},
+    scrollY: {},
+    upperThreshold: {},
+    lowerThreshold: {},
+    mpScrollTop: {},
+    mpScrollLeft: {},
+    mpScrollIntoView: {},
+    scrollWithAnimation: {}
+  },
+  render: createCommonRender('taro-scroll-view-core', ['scroll', 'scrolltoupper', 'scrolltolower'])
+});
+export var ShareElement = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-share-element-core', [])
+});
+export var Slider = /*@__PURE__*/Vue.extend({
+  props: {
+    min: {},
+    max: {},
+    step: {},
+    disabled: {},
+    value: {},
+    activeColor: {},
+    backgroundColor: {},
+    blockSize: {},
+    blockColor: {},
+    showValue: {},
+    name: {}
+  },
+  render: createCommonRender('taro-slider-core', ['change', 'changing'])
+});
+export var Slot = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-slot-core', [])
+});
+export var Swiper = /*@__PURE__*/Vue.extend({
+  props: {
+    indicatorDots: {},
+    indicatorColor: {},
+    indicatorActiveColor: {},
+    autoplay: {},
+    current: {},
+    interval: {},
+    duration: {},
+    circular: {},
+    vertical: {},
+    previousMargin: {},
+    nextMargin: {},
+    displayMultipleItems: {},
+    full: {}
+  },
+  render: createCommonRender('taro-swiper-core', ['change', 'animationfinish'])
+});
+export var SwiperItem = /*@__PURE__*/Vue.extend({
+  props: {
+    itemId: {}
+  },
+  render: createCommonRender('taro-swiper-item-core', [])
+});
+export var Switch = /*@__PURE__*/Vue.extend({
+  props: {
+    type: {},
+    checked: {},
+    color: {},
+    name: {},
+    disabled: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-switch-core', ['change'])
+});
+export var Tabbar = /*@__PURE__*/Vue.extend({
+  props: {
+    conf: {}
+  },
+  render: createCommonRender('taro-tabbar', ['longpress'])
+});
+export var Text = /*@__PURE__*/Vue.extend({
+  props: {
+    selectable: {}
+  },
+  render: createCommonRender('taro-text-core', [])
+});
+export var Textarea = /*@__PURE__*/Vue.extend({
+  props: {
+    value: {},
+    placeholder: {},
+    disabled: {},
+    maxlength: {},
+    autoFocus: {},
+    autoHeight: {},
+    name: {},
+    nativeProps: {}
+  },
+  render: createCommonRender('taro-textarea-core', ['input', 'focus', 'blur', 'change', 'linechange'])
+});
+export var VideoControl = /*@__PURE__*/Vue.extend({
+  props: {
+    controls: {},
+    currentTime: {},
+    duration: {},
+    isPlaying: {},
+    pauseFunc: {},
+    playFunc: {},
+    seekFunc: {},
+    showPlayBtn: {},
+    showProgress: {}
+  },
+  methods: {
+    setProgressBall: createCommonMethod('setProgressBall'),
+    toggleVisibility: createCommonMethod('toggleVisibility'),
+    getIsDraggingProgressBall: createCommonMethod('getIsDraggingProgressBall'),
+    setCurrentTime: createCommonMethod('setCurrentTime')
+  },
+  render: createCommonRender('taro-video-control', [])
+});
+export var Video = /*@__PURE__*/Vue.extend({
+  props: {
+    src: {},
+    duration: {},
+    controls: {},
+    autoplay: {},
+    loop: {},
+    muted: {},
+    initialTime: {},
+    poster: {},
+    objectFit: {},
+    showProgress: {},
+    showFullscreenBtn: {},
+    showPlayBtn: {},
+    showCenterPlayBtn: {},
+    showMuteBtn: {},
+    danmuList: {},
+    danmuBtn: {},
+    enableDanmu: {},
+    enablePlayGesture: {},
+    enableProgressGesture: {},
+    vslideGesture: {},
+    vslideGestureInFullscreen: {},
+    nativeProps: {}
+  },
+  methods: {
+    play: createCommonMethod('play'),
+    pause: createCommonMethod('pause'),
+    stop: createCommonMethod('stop'),
+    seek: createCommonMethod('seek'),
+    requestFullScreen: createCommonMethod('requestFullScreen'),
+    exitFullScreen: createCommonMethod('exitFullScreen')
+  },
+  render: createCommonRender('taro-video-core', ['play', 'pause', 'ended', 'timeupdate', 'error', 'fullscreenchange', 'progress', 'loadedmetadata'])
+});
+export var VideoDanmu = /*@__PURE__*/Vue.extend({
+  props: {
+    enable: {}
+  },
+  methods: {
+    sendDanmu: createCommonMethod('sendDanmu'),
+    tick: createCommonMethod('tick')
+  },
+  render: createCommonRender('taro-video-danmu', [])
+});
+export var View = /*@__PURE__*/Vue.extend({
+  props: {
+    animation: {},
+    hoverClass: {},
+    hoverStartTime: {},
+    hoverStayTime: {}
+  },
+  render: createCommonRender('taro-view-core', ['longpress'])
+});
+export var VoipRoom = /*@__PURE__*/Vue.extend({
+  render: createCommonRender('taro-voip-room-core', [])
+});
+export var WebView = /*@__PURE__*/Vue.extend({
+  props: {
+    src: {}
+  },
+  render: createCommonRender('taro-web-view-core', ['load', 'error'])
+});

package/dist/vue2/index.js

@@ -0,0 +1,26 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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];
+
+    if (definition) {
+      var tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
+      Vue.component(tagName, definition);
+    }
+  });
+}
+export * from './components';