@tarojs/components 3.6.0-canary.8 → 3.6.0

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

@@ -1,21 +0,0 @@
-import { h } from 'vue';
-import { useForwardRef } from './forwardRef';
-export default {
-  emits: ['tap'],
-  setup: function setup(__props, _ref) {
-    var slots = _ref.slots,
-      emit = _ref.emit,
-      attrs = _ref.attrs;
-    var iconType = attrs.type.replace(/_/g, '-');
-    var forwardRef = useForwardRef();
-    return function () {
-      return h('taro-icon-core', {
-        ref: forwardRef,
-        class: ['hydrated', "weui-icon-".concat(iconType)],
-        onClick: function onClick(e) {
-          emit('tap', e);
-        }
-      }, slots);
-    };
-  }
-};

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

@@ -1,22 +0,0 @@
-import { h } from 'vue';
-import { useForwardRef } from './forwardRef';
-export default {
-  emits: ['tap'],
-  setup: function setup(__props, _ref) {
-    var slots = _ref.slots,
-      emit = _ref.emit,
-      attrs = _ref.attrs;
-    var forwardRef = useForwardRef();
-    return function () {
-      return h('taro-image-core', {
-        ref: forwardRef,
-        class: ['hydrated', {
-          'taro-img__widthfix': attrs.mode === 'widthFix'
-        }],
-        onClick: function onClick(e) {
-          emit('tap', e);
-        }
-      }, slots);
-    };
-  }
-};

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

@@ -1,76 +0,0 @@
-import createComponent from './createComponent';
-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');
-export var MovableArea = createComponent('taro-movable-area');
-export var MovableView = createComponent('taro-movable-view');
-export var PageContainer = createComponent('taro-page-container');
-export var RootPortal = createComponent('taro-root-portal');
-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 { 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 var Button = createComponent('taro-button');
-export var Checkbox = createComponent('taro-checkbox', ['weui-cells_checkbox']);
-export var CheckboxGroup = createComponent('taro-checkbox-group');
-export var Editor = createComponent('taro-editor');
-export var Form = createComponent('taro-form');
-export var Input = createFormsComponent('taro-input', 'input');
-export var KeyboardAccessory = createComponent('taro-keyboard-accessory');
-export var Label = createComponent('taro-label');
-export var Picker = createFormsComponent('taro-picker', 'change');
-export var PickerView = createComponent('taro-picker-view');
-export var PickerViewColumn = createComponent('taro-picker-view-column');
-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 FunctionalPageNavigator = createComponent('taro-functional-page-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 Map = createComponent('taro-map');
-
-// 画布
-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 NavigationBar = createComponent('taro-navigation-bar');
-
-// 页面属性配置节点
-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

@@ -1,28 +0,0 @@
-import { h } from 'vue';
-import { useForwardRef } from './forwardRef';
-export default {
-  emits: ['tap', 'scroll'],
-  setup: function setup(__props, _ref) {
-    var slots = _ref.slots,
-      emit = _ref.emit,
-      attrs = _ref.attrs;
-    var forwardRef = useForwardRef();
-    return function () {
-      return h('taro-scroll-view-core', {
-        ref: forwardRef,
-        class: ['hydrated', {
-          'taro-scroll-view__scroll-x': attrs['scroll-x'] === '',
-          'taro-scroll-view__scroll-y': attrs['scroll-y'] === ''
-        }],
-        onClick: function onClick(e) {
-          emit('tap', e);
-        },
-        onScroll: function onScroll(e) {
-          if (e instanceof CustomEvent) {
-            emit('scroll', e);
-          }
-        }
-      }, slots);
-    };
-  }
-};

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

@@ -1,22 +0,0 @@
-import { h } from 'vue';
-import { useForwardRef } from './forwardRef';
-export default {
-  emits: ['tap'],
-  setup: function setup(__props, _ref) {
-    var slots = _ref.slots,
-      emit = _ref.emit,
-      attrs = _ref.attrs;
-    var forwardRef = useForwardRef();
-    return function () {
-      return h('taro-text-core', {
-        ref: forwardRef,
-        class: ['hydrated', {
-          'taro-text_selectable': attrs.selectable
-        }],
-        onClick: function onClick(e) {
-          emit('tap', e);
-        }
-      }, slots);
-    };
-  }
-};

package/dist/vue3/components.js

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

package/dist/vue3/index.js

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

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

@@ -1,175 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { defineComponent, getCurrentInstance, h, inject, ref } from 'vue';
-var UPDATE_VALUE_EVENT = 'update:modelValue';
-var MODEL_VALUE = 'modelValue';
-var ROUTER_LINK_VALUE = 'routerLink';
-var NAV_MANAGER = 'navManager';
-var ROUTER_PROP_PREFIX = 'router';
-
-/**
- * Starting in Vue 3.1.0, all properties are
- * added as keys to the props object, even if
- * they are not being used. In order to correctly
- * account for both value props and v-model props,
- * we need to check if the key exists for Vue <3.1.0
- * and then check if it is not undefined for Vue >= 3.1.0.
- * See https://github.com/vuejs/vue-next/issues/3889
- */
-var EMPTY_PROP = Symbol();
-var DEFAULT_EMPTY_PROP = {
-  default: EMPTY_PROP
-};
-var getComponentClasses = function getComponentClasses(classes) {
-  return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
-};
-var getElementClasses = function getElementClasses(ref, componentClasses) {
-  var _ref$value;
-  var defaultClasses = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return [].concat(_toConsumableArray(Array.from(((_ref$value = ref.value) === null || _ref$value === void 0 ? void 0 : _ref$value.classList) || [])), _toConsumableArray(defaultClasses)).filter(function (c, i, self) {
-    return !componentClasses.has(c) && self.indexOf(c) === i;
-  });
-};
-
-/**
-* Create a callback to define a Vue component wrapper around a Web Component.
-*
-* @prop name - The component tag name (i.e. `ion-button`)
-* @prop componentProps - An array of properties on the
-* component. These usually match up with the @Prop definitions
-* in each component's TSX file.
-* @prop customElement - An option custom element instance to pass
-* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
-* @prop modelProp - The prop that v-model binds to (i.e. value)
-* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
-* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
-* correctly updated when a user's event callback fires.
-*/
-export var defineContainer = function defineContainer(name, defineCustomElement) {
-  var componentProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var modelProp = arguments.length > 3 ? arguments[3] : undefined;
-  var modelUpdateEvent = arguments.length > 4 ? arguments[4] : undefined;
-  var externalModelUpdateEvent = arguments.length > 5 ? arguments[5] : undefined;
-  /**
-  * Create a Vue component wrapper around a Web Component.
-  * Note: The `props` here are not all properties on a component.
-  * They refer to whatever properties are set on an instance of a component.
-  */
-
-  if (defineCustomElement !== undefined) {
-    defineCustomElement();
-  }
-  var Container = defineComponent(function (props, _ref) {
-    var _currentInstance$appC;
-    var attrs = _ref.attrs,
-      slots = _ref.slots,
-      emit = _ref.emit;
-    var modelPropValue = props[modelProp];
-    var containerRef = ref();
-    var classes = new Set(getComponentClasses(attrs.class));
-    var onVnodeBeforeMount = function onVnodeBeforeMount(vnode) {
-      // Add a listener to tell Vue to update the v-model
-      if (vnode.el) {
-        var eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
-        eventsNames.forEach(function (eventName) {
-          vnode.el.addEventListener(eventName.toLowerCase(), function (e) {
-            modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
-            emit(UPDATE_VALUE_EVENT, modelPropValue);
-
-            /**
-             * We need to emit the change event here
-             * rather than on the web component to ensure
-             * that any v-model bindings have been updated.
-             * Otherwise, the developer will listen on the
-             * native web component, but the v-model will
-             * not have been updated yet.
-             */
-            if (externalModelUpdateEvent) {
-              emit(externalModelUpdateEvent, e);
-            }
-          });
-        });
-      }
-    };
-    var currentInstance = getCurrentInstance();
-    var hasRouter = currentInstance === null || currentInstance === void 0 ? void 0 : (_currentInstance$appC = currentInstance.appContext) === null || _currentInstance$appC === void 0 ? void 0 : _currentInstance$appC.provides[NAV_MANAGER];
-    var navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
-    var handleRouterLink = function handleRouterLink(ev) {
-      var routerLink = props.routerLink;
-      if (routerLink === EMPTY_PROP) return;
-      if (navManager !== undefined) {
-        var navigationPayload = {
-          event: ev
-        };
-        for (var key in props) {
-          var value = props[key];
-          if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
-            navigationPayload[key] = value;
-          }
-        }
-        navManager.navigate(navigationPayload);
-      } else {
-        console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
-      }
-    };
-    return function () {
-      modelPropValue = props[modelProp];
-      getComponentClasses(attrs.class).forEach(function (value) {
-        classes.add(value);
-      });
-      var oldClick = props.onClick;
-      var handleClick = function handleClick(ev) {
-        if (oldClick !== undefined) {
-          oldClick(ev);
-        }
-        if (!ev.defaultPrevented) {
-          handleRouterLink(ev);
-        }
-      };
-      var propsToAdd = {
-        ref: containerRef,
-        class: getElementClasses(containerRef, classes),
-        onClick: handleClick,
-        onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : undefined
-      };
-
-      /**
-       * We can use Object.entries here
-       * to avoid the hasOwnProperty check,
-       * but that would require 2 iterations
-       * where as this only requires 1.
-       */
-      for (var key in props) {
-        var value = props[key];
-        if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
-          propsToAdd[key] = value;
-        }
-      }
-      if (modelProp) {
-        /**
-         * If form value property was set using v-model
-         * then we should use that value.
-         * Otherwise, check to see if form value property
-         * was set as a static value (i.e. no v-model).
-         */
-        if (props[MODEL_VALUE] !== EMPTY_PROP) {
-          propsToAdd = _objectSpread(_objectSpread({}, propsToAdd), {}, _defineProperty({}, modelProp, props[MODEL_VALUE]));
-        } else if (modelPropValue !== EMPTY_PROP) {
-          propsToAdd = _objectSpread(_objectSpread({}, propsToAdd), {}, _defineProperty({}, modelProp, modelPropValue));
-        }
-      }
-      return h(name, propsToAdd, slots.default && slots.default());
-    };
-  });
-  Container.displayName = name;
-  Container.props = _defineProperty({}, ROUTER_LINK_VALUE, DEFAULT_EMPTY_PROP);
-  componentProps.forEach(function (componentProp) {
-    Container.props[componentProp] = DEFAULT_EMPTY_PROP;
-  });
-  if (modelProp) {
-    Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
-    Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];
-  }
-  return Container;
-};