@tarojs/components 3.5.0-canary.1 → 3.5.0

package/dist/types/components.d.ts

@@ -152,8 +152,16 @@ export namespace Components {
         "updateHeight": (height: number, columnId: string, needRevise?: boolean) => void;
     }
     interface TaroPickerViewColumnCore {
+        "col": string;
+        "initialPosition": string;
+        "paddingVertical": number;
     }
     interface TaroPickerViewCore {
+        "indicatorClass": string;
+        "indicatorStyle": string;
+        "maskClass": string;
+        "maskStyle": string;
+        "value": number[];
     }
     interface TaroProgressCore {
         "active": boolean;
@@ -1009,8 +1017,22 @@ declare namespace LocalJSX {
         "updateHeight"?: (height: number, columnId: string, needRevise?: boolean) => void;
     }
     interface TaroPickerViewColumnCore {
+        "col"?: string;
+        "initialPosition"?: string;
+        "onOnselect"?: (event: CustomEvent<any>) => void;
+        "onOnselectend"?: (event: CustomEvent<any>) => void;
+        "onOnselectstart"?: (event: CustomEvent<any>) => void;
+        "paddingVertical"?: number;
     }
     interface TaroPickerViewCore {
+        "indicatorClass"?: string;
+        "indicatorStyle"?: string;
+        "maskClass"?: string;
+        "maskStyle"?: string;
+        "onChange"?: (event: CustomEvent<any>) => void;
+        "onPickend"?: (event: CustomEvent<any>) => void;
+        "onPickstart"?: (event: CustomEvent<any>) => void;
+        "value"?: number[];
     }
     interface TaroProgressCore {
         "active"?: boolean;

package/dist/types/home/runner/work/taro/taro/packages/taro-components/.stencil/types/props.d.ts

@@ -0,0 +1,62 @@
+export { StandardProps } from './common';
+/** 视图容器 */
+export { BlockProps } from './Block';
+export { CoverImageProps } from './CoverImage';
+export { CoverViewProps } from './CoverView';
+export { MatchMediaProps } from './MatchMedia';
+export { MovableAreaProps } from './MovableArea';
+export { MovableViewProps } from './MovableView';
+export { PageContainerProps } from './PageContainer';
+export { ScrollViewProps } from './ScrollView';
+export { ShareElementProps } from './ShareElement';
+export { SwiperProps } from './Swiper';
+export { SwiperItemProps } from './SwiperItem';
+export { ViewProps } from './View';
+/** 基础内容 */
+export { IconProps } from './Icon';
+export { ProgressProps } from './Progress';
+export { RichTextProps } from './RichText';
+export { TextProps } from './Text';
+/** 表单组件 */
+export { ButtonProps } from './Button';
+export { CheckboxProps } from './Checkbox';
+export { CheckboxGroupProps } from './CheckboxGroup';
+export { EditorProps } from './Editor';
+export { FormProps } from './Form';
+export { InputProps } from './Input';
+export { KeyboardAccessoryProps } from './KeyboardAccessory';
+export { LabelProps } from './Label';
+export { PickerDateProps, PickerMultiSelectorProps, PickerRegionProps, PickerSelectorProps, PickerTimeProps } from './Picker';
+export { PickerViewProps } from './PickerView';
+export { PickerViewColumnProps } from './PickerViewColumn';
+export { RadioProps } from './Radio';
+export { RadioGroupProps } from './RadioGroup';
+export { SliderProps } from './Slider';
+export { SwitchProps } from './Switch';
+export { TextareaProps } from './Textarea';
+/** 导航 */
+export { FunctionalPageNavigatorProps } from './FunctionalPageNavigator';
+export { NavigationBarProps } from './NavigationBar';
+export { NavigatorProps } from './Navigator';
+/** 媒体组件 */
+export { AudioProps } from './Audio';
+export { CameraProps } from './Camera';
+export { ImageProps } from './Image';
+export { LivePlayerProps } from './LivePlayer';
+export { LivePusherProps } from './LivePusher';
+export { VideoProps } from './Video';
+export { VoipRoomProps } from './VoipRoom';
+/** 地图 */
+export { MapProps } from './Map';
+/** 画布 */
+export { CanvasProps } from './Canvas';
+/** 开放能力 */
+export { AdProps } from './Ad';
+export { AdCustomProps } from './AdCustom';
+export { OfficialAccountProps } from './OfficialAccount';
+export { OpenDataProps } from './OpenData';
+export { WebViewProps } from './WebView';
+/** 配置节点 */
+export { CustomWrapperProps } from './CustomWrapper';
+export { PageMetaProps } from './PageMeta';
+export { SlotProps } from './Slot';

package/dist/types/props.js

@@ -0,0 +1 @@
+export {};

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/dist/types/utils/index.d.ts

@@ -1,8 +1,4 @@
-export declare function throttle(fn: any, threshhold: any, scope: any): () => void;
-export declare const normalizePath: (url: any) => any;
-export declare const splitUrl: (_url: any) => {
-  path: null;
-  query: null;
-  fragment: null;
-};
-export declare const isNumber: (obj: any) => boolean;
+export declare function throttle(fn: any, threshold?: number, scope?: any): (...args: any[]) => void;
+export declare function debounce(fn: any, ms?: number, scope?: any): (...args: any[]) => void;
+export * from './style';
+export * from './url';

package/dist/types/utils/style.d.ts

@@ -0,0 +1 @@
+export declare function convertStyle(style?: string): Record<string, string> | undefined;

package/dist/types/utils/url.d.ts

@@ -0,0 +1,6 @@
+export declare const normalizePath: (url: any) => any;
+export declare const splitUrl: (_url: any) => {
+  path: null;
+  query: null;
+  fragment: null;
+};

package/dist-h5/react/components/index.js

@@ -0,0 +1,63 @@
+import { Fragment } from 'react';
+import reactifyWc from '../utils/reactify-wc'; // 视图容器
+
+export var CoverImage = reactifyWc('taro-cover-image-core');
+export var CoverView = reactifyWc('taro-cover-view-core');
+export var MatchMedia = reactifyWc('taro-match-media-core');
+export var MovableArea = reactifyWc('taro-movable-area-core');
+export var MovableView = reactifyWc('taro-movable-view-core');
+export var PageContainer = reactifyWc('taro-page-container-core');
+export var ScrollView = reactifyWc('taro-scroll-view-core');
+export var ShareElement = reactifyWc('taro-share-element-core');
+export var Swiper = reactifyWc('taro-swiper-core');
+export var SwiperItem = reactifyWc('taro-swiper-item-core');
+export var View = reactifyWc('taro-view-core'); // 基础内容
+
+export var Icon = reactifyWc('taro-icon-core');
+export var Progress = reactifyWc('taro-progress-core');
+export var RichText = reactifyWc('taro-rich-text-core');
+export var Text = reactifyWc('taro-text-core'); // 表单组件
+
+export var Button = reactifyWc('taro-button-core');
+export var Checkbox = reactifyWc('taro-checkbox-core');
+export var CheckboxGroup = reactifyWc('taro-checkbox-group-core');
+export var Editor = reactifyWc('taro-editor-core');
+export var Form = reactifyWc('taro-form-core');
+export { default as Input } from './input';
+export var KeyboardAccessory = reactifyWc('taro-keyboard-accessory-core');
+export var Label = reactifyWc('taro-label-core');
+export var Picker = reactifyWc('taro-picker-core');
+export var PickerView = reactifyWc('taro-picker-view-core');
+export var PickerViewColumn = reactifyWc('taro-picker-view-column-core');
+export var Radio = reactifyWc('taro-radio-core');
+export var RadioGroup = reactifyWc('taro-radio-group-core');
+export var Slider = reactifyWc('taro-slider-core');
+export var Switch = reactifyWc('taro-switch-core');
+export var Textarea = reactifyWc('taro-textarea-core'); // 导航
+
+export var FunctionalPageNavigator = reactifyWc('taro-functional-page-navigator-core');
+export var Navigator = reactifyWc('taro-navigator-core'); // 媒体组件
+
+export var Audio = reactifyWc('taro-audio-core');
+export var Camera = reactifyWc('taro-camera-core');
+export var Image = reactifyWc('taro-image-core');
+export var LivePlayer = reactifyWc('taro-live-player-core');
+export var Video = reactifyWc('taro-video-core');
+export var VoipRoom = reactifyWc('taro-voip-room-core'); // 地图
+
+export var Map = reactifyWc('taro-map-core'); // 画布
+
+export var Canvas = reactifyWc('taro-canvas-core'); // 开放能力
+
+export var WebView = reactifyWc('taro-web-view-core');
+export var Ad = reactifyWc('taro-ad-core');
+export var AdCustom = reactifyWc('taro-ad-custom-core');
+export var OfficialAccount = reactifyWc('taro-official-account-core');
+export var OpenData = reactifyWc('taro-open-data-core'); // 导航栏
+
+export var NavigationBar = reactifyWc('taro-navigation-bar-core'); // 页面属性配置节点
+
+export var PageMeta = reactifyWc('taro-page-meta-core'); // 其他
+
+export var Block = Fragment;
+export var CustomWrapper = reactifyWc('taro-custom-wrapper-core');

package/dist-h5/react/components/input.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React from 'react';
 import reactifyWc from '../utils/reactify-wc';

package/dist-h5/react/index.js

@@ -1,46 +1 @@
-import { Fragment } from 'react';
-import reactifyWc from './utils/reactify-wc';
-import ReactInput from './components/input';
-export var View = reactifyWc('taro-view-core');
-export var Icon = reactifyWc('taro-icon-core');
-export var Progress = reactifyWc('taro-progress-core');
-export var RichText = reactifyWc('taro-rich-text-core');
-export var Text = reactifyWc('taro-text-core');
-export var Button = reactifyWc('taro-button-core');
-export var Checkbox = reactifyWc('taro-checkbox-core');
-export var CheckboxGroup = reactifyWc('taro-checkbox-group-core');
-export var Editor = reactifyWc('taro-editor-core');
-export var Form = reactifyWc('taro-form-core');
-export var Input = ReactInput;
-export var Label = reactifyWc('taro-label-core');
-export var Picker = reactifyWc('taro-picker-core');
-export var PickerView = reactifyWc('taro-picker-view-core');
-export var PickerViewColumn = reactifyWc('taro-picker-view-column-core');
-export var Radio = reactifyWc('taro-radio-core');
-export var RadioGroup = reactifyWc('taro-radio-group-core');
-export var Slider = reactifyWc('taro-slider-core');
-export var Switch = reactifyWc('taro-switch-core');
-export var CoverImage = reactifyWc('taro-cover-image-core');
-export var Textarea = reactifyWc('taro-textarea-core');
-export var CoverView = reactifyWc('taro-cover-view-core');
-export var MovableArea = reactifyWc('taro-movable-area-core');
-export var MovableView = reactifyWc('taro-movable-view-core');
-export var ScrollView = reactifyWc('taro-scroll-view-core');
-export var Swiper = reactifyWc('taro-swiper-core');
-export var SwiperItem = reactifyWc('taro-swiper-item-core');
-export var FunctionalPageNavigator = reactifyWc('taro-functional-page-navigator-core');
-export var Navigator = reactifyWc('taro-navigator-core');
-export var Audio = reactifyWc('taro-audio-core');
-export var Camera = reactifyWc('taro-camera-core');
-export var Image = reactifyWc('taro-image-core');
-export var LivePlayer = reactifyWc('taro-live-player-core');
-export var Video = reactifyWc('taro-video-core');
-export var Map = reactifyWc('taro-map-core');
-export var Canvas = reactifyWc('taro-canvas-core');
-export var Ad = reactifyWc('taro-ad-core');
-export var OfficialAccount = reactifyWc('taro-official-account-core');
-export var OpenData = reactifyWc('taro-open-data-core');
-export var WebView = reactifyWc('taro-web-view-core');
-export var NavigationBar = reactifyWc('taro-navigation-bar-core');
-export var Block = Fragment;
-export var CustomWrapper = reactifyWc('taro-custom-wrapper-core');
+export * from './components';

package/dist-h5/react/utils/reactify-wc.js

@@ -8,9 +8,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -20,10 +20,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * https://github.com/BBKolton/reactify-wc/
  * modified event naming
  **/
-import React, { createRef, createElement } from 'react'; // eslint-disable-next-line
+import React, { createElement, createRef } from 'react'; // eslint-disable-next-line
 
 var h = React.createElement;
-var SCROLL_VIEW = 'taro-scroll-view-core'; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
+var SCROLL_VIEW = 'taro-scroll-view-core';
+var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
 
 function getClassName(wc, prevProps, props) {
   var classList = Array.from(wc.classList);
@@ -48,8 +49,10 @@ function updateStyle(dom, key, val) {
   if (/^--/.test(key)) {
     // css variable
     dom.style.setProperty(key, val);
-  } else {
+  } else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {
     dom.style[key] = val;
+  } else {
+    dom.style[key] = val + 'px';
   }
 }
 

package/dist-h5/vue/components/index.js

@@ -0,0 +1,60 @@
+import Icon from './icon';
+import Image from './image';
+import Picker from './picker';
+import ScrollView from './scroll-view';
+import Text from './text';
+var components = [// 视图容器
+'taro-cover-image', 'taro-cover-view', 'taro-match-media', 'taro-movable-area', 'taro-movable-view', 'taro-page-container', ['taro-scroll-view', {
+  type: 'component',
+  component: ScrollView
+}], 'taro-share-element', 'taro-swiper', ['taro-swiper-item', {
+  classNames: ['swiper-slide']
+}], 'taro-view', // 基础内容
+['taro-icon', {
+  type: 'component',
+  component: Icon
+}], ['taro-progress', {
+  classNames: ['weui-progress']
+}], 'taro-rich-text', ['taro-text', {
+  type: 'component',
+  component: Text
+}], // 表单组件
+'taro-button', ['taro-checkbox', {
+  classNames: ['weui-cells_checkbox']
+}], 'taro-checkbox-group', 'taro-editor', 'taro-form', ['taro-input', {
+  type: 'forms',
+  event: 'input'
+}], 'taro-keyboard-accessory', 'taro-label', ['taro-picker', {
+  type: 'component',
+  component: Picker
+}], 'taro-picker-view', 'taro-picker-view-column', ['taro-radio', {
+  classNames: ['weui-cells_checkbox']
+}], ['taro-radio-group', {
+  classNames: ['weui-cells_radiogroup']
+}], ['taro-slider', {
+  type: 'forms',
+  event: 'change',
+  modelValue: 'value',
+  classNames: ['weui-slider-box']
+}], ['taro-switch', {
+  type: 'forms',
+  event: 'change',
+  modelValue: 'checked'
+}], ['taro-textarea', {
+  type: 'forms',
+  event: 'input'
+}], // 导航
+'taro-functional-page-navigator', 'taro-navigator', // 媒体组件
+'taro-audio', 'taro-camera', ['taro-image', {
+  type: 'component',
+  component: Image
+}], 'taro-live-player', ['taro-video', {
+  classNames: ['taro-video-container']
+}], 'taro-voip-room', // 地图
+'taro-map', // 画布
+'taro-canvas', // 开放能力
+'taro-web-view', 'taro-ad', 'taro-ad-custom', 'taro-official-account', 'taro-open-data', // 导航栏
+'taro-navigation-bar', // 页面属性配置节点
+'taro-page-meta', // 其他
+'taro-block', 'taro-custom-wrapper', 'taro-slot'];
+export default components;

package/dist-h5/vue/components/picker.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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';

package/dist-h5/vue/components/scroll-view.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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';

package/dist-h5/vue/createComponent.js

@@ -13,6 +13,7 @@ export default function createComponent(name) {
         domProps: {
           nativeProps: this.nativeProps
         },
+        attrs: this.$attrs,
         on: this.listeners
       }, this.$slots.default);
     }

package/dist-h5/vue/createFormsComponent.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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';
@@ -41,7 +41,7 @@ export default function createFormsComponent(name, event) {
     render: function render(createElement) {
       // eslint-disable-next-line
       var self = this;
-      var attrs = {};
+      var attrs = this.$attrs || {};
 
       if (name === 'taro-input') {
         attrs['auto-focus'] = self.focus;

package/dist-h5/vue/index.js

@@ -1,32 +1,29 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Vue from 'vue';
+import components from './components';
 import createComponent from './createComponent';
 import createFormsComponent from './createFormsComponent';
-import Picker from './components/picker';
-import Text from './components/text';
-import Image from './components/image';
-import Icon from './components/icon';
-import ScrollView from './components/scroll-view';
-import { simpleComponents } from './simpleComponents';
-simpleComponents.map(function (component) {
-  if (typeof component === 'string') {
-    Vue.component(component, createComponent(component));
-  } else {
-    var name = component.name,
-        classNames = component.classNames;
-    Vue.component(name, createComponent(name, classNames));
+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 classNames = props.classNames,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'simple' : _props$type;
+
+    if (type === 'simple') {
+      Vue.component(name, createComponent(name, classNames));
+    } else if (type === 'forms') {
+      var event = props.event,
+          modelValue = props.modelValue;
+      Vue.component(name, createFormsComponent(name, event, modelValue, classNames));
+    } else if (type === 'component') {
+      Vue.component(name, props.component);
+    }
   }
 });
-var Input = createFormsComponent('taro-input', 'input');
-var Textarea = createFormsComponent('taro-textarea', 'input');
-var Switch = createFormsComponent('taro-switch', 'change', 'checked');
-var Slider = createFormsComponent('taro-slider', 'change', 'value', ['weui-slider-box']);
-Vue.component('taro-input', Input);
-Vue.component('taro-textarea', Textarea);
-Vue.component('taro-switch', Switch);
-Vue.component('taro-slider', Slider);
-Vue.component('taro-text', Text);
-Vue.component('taro-picker', Picker);
-Vue.component('taro-image', Image);
-Vue.component('taro-icon', Icon);
-Vue.component('taro-scroll-view', ScrollView);
 Vue.config.ignoredElements = ['root', 'block', /^taro-/];

package/dist-h5/vue/mixins/listeners.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 listeners = {
   computed: {

package/dist-h5/vue3/components/icon.js

@@ -1,4 +1,5 @@
 import { h } from 'vue';
+import { useForwardRef } from '../forwardRef';
 export default {
   emits: ['tap'],
   setup: function setup(props, _ref) {
@@ -6,8 +7,10 @@ export default {
         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);

package/dist-h5/vue3/components/image.js

@@ -1,12 +1,15 @@
 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'
         }],

package/dist-h5/vue3/components/index.js

@@ -0,0 +1,64 @@
+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 { 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');