@tarojs/components 3.5.7-alpha.9 → 3.5.8

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

@@ -1,201 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-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 { 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;
-};