@tarojs/components 3.5.7 → 3.6.0-canary.1

package/dist/vue2/components.js

@@ -0,0 +1,490 @@
+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: {}
+  },
+  methods: {
+    focus: createCommonMethod('focus')
+  },
+  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: {}
+  },
+  methods: {
+    handleMoveStart: createCommonMethod('handleMoveStart'),
+    handleMoving: createCommonMethod('handleMoving'),
+    handleMoveEnd: createCommonMethod('handleMoveEnd')
+  },
+  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: {}
+  },
+  methods: {
+    focus: createCommonMethod('focus')
+  },
+  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';

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

@@ -0,0 +1,45 @@
+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; }
+
+export var createCommonRender = function createCommonRender(tagName) {
+  var eventNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return function (createElement) {
+    var vueElement = this;
+    var allListeners = eventNames.reduce(function (listeners, eventName) {
+      return _objectSpread(_objectSpread({}, listeners), {}, _defineProperty({}, eventName, function (event) {
+        vueElement.$emit(eventName, event);
+      }));
+    }, vueElement.$listeners);
+    var attributes = vueElement.$props ? Object.keys(vueElement.$props).reduce(function (attrs, prop) {
+      var attributeName = toDashCase(prop);
+      attrs[attributeName] = vueElement.$props[prop];
+      return attrs;
+    }, {}) : {};
+    return createElement(tagName, {
+      ref: "wc",
+      domProps: vueElement.$props,
+      on: allListeners,
+      attrs: _objectSpread(_objectSpread({}, attributes), {}, {
+        "data-testid": tagName
+      })
+    }, [vueElement.$slots.default]);
+  };
+};
+export var createCommonMethod = function createCommonMethod(methodName) {
+  return function () {
+    var _this$$refs$wc;
+
+    (_this$$refs$wc = this.$refs.wc)[methodName].apply(_this$$refs$wc, arguments);
+  };
+};
+export var toLowerCase = function toLowerCase(str) {
+  return str.toLowerCase();
+};
+export var toDashCase = function toDashCase(str) {
+  return toLowerCase(str.replace(/([A-Z0-9])/g, function (g) {
+    return " " + g[0];
+  }).trim().replace(/ /g, "-"));
+};

package/{dist-h5/vue3 → dist/vue3/component-lib}/createComponent.js

@@ -5,7 +5,7 @@ export default function createComponent(name) {
   var classNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return {
     emits: ['tap'],
-    setup: function setup(props, _ref) {
+    setup: function setup(__props, _ref) {
       var slots = _ref.slots,
           emit = _ref.emit;
       var forwardRef = useForwardRef();

package/{dist-h5/vue3/components → dist/vue3/component-lib}/icon.js

@@ -1,8 +1,8 @@
 import { h } from 'vue';
-import { useForwardRef } from '../forwardRef';
+import { useForwardRef } from './forwardRef';
 export default {
   emits: ['tap'],
-  setup: function setup(props, _ref) {
+  setup: function setup(__props, _ref) {
     var slots = _ref.slots,
         emit = _ref.emit,
         attrs = _ref.attrs;

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

@@ -1,8 +1,8 @@
 import { h } from 'vue';
-import { useForwardRef } from '../forwardRef';
+import { useForwardRef } from './forwardRef';
 export default {
   emits: ['tap'],
-  setup: function setup(props, _ref) {
+  setup: function setup(__props, _ref) {
     var slots = _ref.slots,
         emit = _ref.emit,
         attrs = _ref.attrs;

package/{dist-h5/vue3/components → dist/vue3/component-lib}/index.js

@@ -1,5 +1,5 @@
-import createComponent from '../createComponent';
-import createFormsComponent from '../createFormsComponent'; // 视图容器
+import createComponent from './createComponent';
+import createFormsComponent from './createFormsComponent'; // 视图容器
 
 export var CoverImage = createComponent('taro-cover-image');
 export var CoverView = createComponent('taro-cover-view');

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

@@ -1,8 +1,8 @@
 import { h } from 'vue';
-import { useForwardRef } from '../forwardRef';
+import { useForwardRef } from './forwardRef';
 export default {
   emits: ['tap', 'scroll'],
-  setup: function setup(props, _ref) {
+  setup: function setup(__props, _ref) {
     var slots = _ref.slots,
         emit = _ref.emit,
         attrs = _ref.attrs;

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

@@ -1,8 +1,8 @@
 import { h } from 'vue';
-import { useForwardRef } from '../forwardRef';
+import { useForwardRef } from './forwardRef';
 export default {
   emits: ['tap'],
-  setup: function setup(props, _ref) {
+  setup: function setup(__props, _ref) {
     var slots = _ref.slots,
         emit = _ref.emit,
         attrs = _ref.attrs;