@tarojs/components 3.5.7-alpha.6 → 3.6.0-canary.0

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;

package/dist/vue3/components.js

@@ -0,0 +1,64 @@
+/* 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 Audio = /*@__PURE__*/defineContainer('taro-audio-core', undefined, ['src', 'controls', 'autoplay', 'loop', 'muted', 'nativeProps', 'error', 'play', 'pause', 'timeupdate', 'ended']);
+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 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 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 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 LivePlayer = /*@__PURE__*/defineContainer('taro-live-player-core', undefined);
+export var LivePusher = /*@__PURE__*/defineContainer('taro-live-pusher-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 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 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', '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 Tabbar = /*@__PURE__*/defineContainer('taro-tabbar', undefined, ['conf', 'longpress']);
+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/vue-component-lib/utils.js

@@ -0,0 +1,201 @@
+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;
+};

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "taro-components-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tarojs/components",
-  "version": "3.5.7-alpha.6",
-  "description": "",
+  "version": "3.6.0-canary.0",
+  "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
   "main": "dist/index.js",
@@ -16,7 +16,6 @@
     "loader",
     "mini",
     "types",
-    "dist-h5",
     "virtual-list",
     "vue3.d.ts"
   ],
@@ -30,11 +29,8 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@stencil/core": "~2.13.0",
-    "@stencil/sass": "1.5.2",
-    "@tarojs/router": "3.5.7-alpha.6",
-    "@tarojs/taro": "3.5.7-alpha.6",
-    "better-scroll": "^1.14.1",
+    "@tarojs/router": "3.6.0-canary.0",
+    "@tarojs/taro": "3.6.0-canary.0",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
     "intersection-observer": "^0.7.0",
@@ -43,19 +39,20 @@
     "weui": "^1.1.2"
   },
   "devDependencies": {
+    "@stencil/core": "^2.18.1",
+    "@stencil/react-output-target": "0.3.1",
+    "@stencil/sass": "^2.0.0",
+    "@stencil/vue-output-target": "0.6.2",
+    "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
-    "css-loader": "3.4.2",
     "humps": "^2.0.1",
     "jquery": "^3.4.1",
-    "karmatic": "^2.1.0",
     "lodash": "^4.17.21",
     "miniapp-types": "latest",
-    "simulant": "^0.2.2",
-    "style-loader": "1.3.0",
+    "puppeteer": "^19.2.0",
+    "stencil-vue2-output-target": "0.0.4",
     "ts-node": "^10.9.1",
-    "typescript": "^4.7.4",
-    "webpack": "4.46.0",
-    "workbox-build": "4.3.1"
+    "typescript": "^4.7.4"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -69,13 +66,17 @@
     }
   },
   "scripts": {
-    "build-h5": "babel -d dist-h5 h5",
-    "build": "pnpm run build-h5 & cross-env NODE_ENV=production stencil build --config stencil.config.ts",
-    "dev": "cross-env NODE_ENV=development stencil build --config stencil.config.ts --watch",
-    "test": "karmatic --files '__tests__/setup.js,__tests__/**.spec.js' --coverage false",
-    "test:ci": "karmatic --files '__tests__/setup.js,__tests__/**.spec.js' --coverage false",
-    "test:debug": "karmatic debug --files '__tests__/setup.js,__tests__/**.spec.js' --coverage false",
-    "test:coverage": "karmatic --files '__tests__/setup.js,__tests__/**.spec.js'",
+    "build": "cross-env NODE_ENV=production run-s build:components build:library",
+    "build:components": "stencil build --config stencil.config.ts",
+    "build:library": "pnpm --filter @tarojs/components-library-react --filter @tarojs/components-library-vue2 --filter @tarojs/components-library-vue3 run build:ci",
+    "dev:components": "cross-env NODE_ENV=development pnpm run build:components --watch",
+    "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run build:ci --watch",
+    "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run build:ci --watch",
+    "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run build:ci --watch",
+    "test": "cross-env NODE_ENV=test stencil test --spec --e2e",
+    "test:ci": "pnpm run test --ci --no-build",
+    "test:coverage": "pnpm run test --ci --screenshot --coverage",
+    "test:watch": "pnpm run test --screenshot --watch",
     "sync:types": "ts-node scripts/json-schema-to-types.ts"
   }
 }

package/types/Input.d.ts

@@ -58,11 +58,13 @@ interface InputProps extends StandardProps, FormItemProps {
 
   /** (即将废弃，请直接使用 focus )自动聚焦，拉起键盘
    * @default false
-   * @supported weapp, qq, jd
+   * @deprecated
+   * @supported weapp, qq, jd, h5
    */
   autoFocus?: boolean
 
   /** 获取焦点
+   * @default false
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   focus?: boolean