@tarojs/components 3.5.7 → 3.6.0-canary.1

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",
-  "description": "",
+  "version": "3.6.0-canary.1",
+  "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",
-    "@tarojs/taro": "3.5.7",
-    "better-scroll": "^1.14.1",
+    "@tarojs/router": "3.6.0-canary.1",
+    "@tarojs/taro": "3.6.0-canary.1",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
     "intersection-observer": "^0.7.0",
@@ -43,20 +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",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "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",
-    "webpack": "4.46.0",
-    "workbox-build": "4.3.1"
+    "typescript": "^4.7.4"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -70,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/Ad.d.ts

@@ -21,21 +21,6 @@ interface AdProps extends StandardProps {
    */
   adTheme?: 'white' | 'black'
 
-  /** 广告加载成功的回调
-   * @supported weapp, swan, tt, qq
-   */
-  onLoad?: CommonEventFunction
-
-  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象 event.detail = {errCode: 1002}
-   * @supported weapp, swan, tt, qq
-   */
-  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
-
-  /** 广告关闭的回调
-   * @supported weapp, swan, tt
-   */
-  onClose?: CommonEventFunction
-
   /** 小程序应用 ID
    * @supported swan
    */
@@ -57,11 +42,6 @@ interface AdProps extends StandardProps {
    */
   updatetime?: string
 
-  /** 贴片类型广告播放期间触发
-   * @supported swan
-   */
-  onStatus?: CommonEventFunction
-
   /** 广告是否在屏幕中固定展示
    * @supported tt
    */
@@ -111,6 +91,26 @@ interface AdProps extends StandardProps {
    */
   testBannerType?: 'one' | 'three'
 
+  /** 广告加载成功的回调
+   * @supported weapp, swan, tt, qq
+   */
+  onLoad?: CommonEventFunction
+
+  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象 event.detail = {errCode: 1002}
+   * @supported weapp, swan, tt, qq
+   */
+  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
+
+  /** 广告关闭的回调
+   * @supported weapp, swan, tt
+   */
+  onClose?: CommonEventFunction
+
+  /** 贴片类型广告播放期间触发
+   * @supported swan
+   */
+  onStatus?: CommonEventFunction
+
   /** type 为 feeds 时广告实际宽高回调
    * @supported qq
    */
@@ -191,7 +191,6 @@ declare namespace AdProps {
      */
     1008
   }
-
   interface onSizeEventDetail {
     width: number
     height: number

package/types/Audio.d.ts

@@ -46,6 +46,11 @@ interface AudioProps extends StandardProps {
    */
   author?: string
 
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
+
   /** 当发生错误时触发 error 事件，detail = {errMsg: MediaError.code}
    * @supported weapp, swan, qq, h5
    */
@@ -70,11 +75,6 @@ interface AudioProps extends StandardProps {
    * @supported weapp, swan, qq, h5
    */
   onEnded?: CommonEventFunction
-
-  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
-   */
-  nativeProps?: Record<string, unknown>
 }
 declare namespace AudioProps {
   interface onErrorEventDetail {

package/types/Button.d.ts

@@ -132,10 +132,74 @@ interface ButtonProps extends StandardProps {
    */
   showMessageCard?: boolean
 
+  /** 生活号 id，必须是当前小程序同主体且已关联的生活号，open-type="lifestyle" 时有效。
+   * @supported alipay, qq
+   */
+  publicId?: string
+
+  /** 发送订阅类模板消息所用的模板库标题 ID ，可通过 getTemplateLibraryList 获取
+   * 当参数类型为 Array 时，可传递 1~3 个模板库标题 ID
+   * @supported swan
+   */
+  templateId?: string | Array<string>
+
+  /** 发送订阅类模板消息时所使用的唯一标识符，内容由开发者自定义，用来标识订阅场景
+   * 注意：同一用户在同一 subscribe-id 下的多次授权不累积下发权限，只能下发一条。若要订阅多条，需要不同 subscribe-id
+   * @supported swan
+   */
+  subscribeId?: string
+
+  /** 打开群资料卡时，传递的群号
+   * @supported qq
+   */
+  groupId?: string
+
+  /** 打开频道页面时，传递的频道号
+   * @supported qq
+   */
+  guildId?: string
+
+  /** 分享类型集合，请参考下面share-type有效值说明。share-type后续将不再维护，请更新为share-mode
+   * @supported qq
+   * @default 27
+   */
+  shareType?: string
+
+  /** 分享类型集合，请参考下面share-mode有效值说明
+   * @supported qq
+   * @default ['qq', 'qzone']
+   */
+  shareMode?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
+  /** 添加好友时，对方的 openid
+   * @supported qq
+   */
+  openId?: string
+
+  /** 发送对象的 FriendInfo
+   * @supported qq
+   */
+  shareMessageFriendInfo?: string
+
+  /** 转发标题，不传则默认使用当前小程序的昵称。 FriendInfo
+   * @supported qq
+   */
+  shareMessageTitle?: string
+
+  /** 转发显示图片的链接，可以是网络图片路径（仅 QQ CDN 域名路径）或本地图片文件路径或相对代码包根目录的图片文件路径。显示图片长宽比是 5:4FriendInfo
+   * @supported qq
+   */
+  shareMessageImg?: string
+
   /** 用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与 Taro.getUserInfo 返回的一致
    *
    * 生效时机: `open-type="getUserInfo"`
-   * @supported weapp, swan, qq, jd
+   * @supported weapp, alipay, swan, qq, jd
    */
   onGetUserInfo?: CommonEventFunction<ButtonProps.onGetUserInfoEventDetail>
 
@@ -156,7 +220,7 @@ interface ButtonProps extends StandardProps {
   /** 获取用户手机号回调
    *
    * 生效时机：`open-type="getphonenumber"`
-   * @supported weapp, swan, tt, jd
+   * @supported weapp, alipay, swan, tt, jd
    */
   onGetPhoneNumber?: CommonEventFunction<ButtonProps.onGetPhoneNumberEventDetail>
 
@@ -194,11 +258,6 @@ interface ButtonProps extends StandardProps {
    */
   onTap?: CommonEventFunction
 
-  /** 生活号 id，必须是当前小程序同主体且已关联的生活号，open-type="lifestyle" 时有效。
-   * @supported alipay, qq
-   */
-  publicId?: string
-
   /** 当 open-type 为 lifestyle 时有效。
    * 当点击按钮时触发。
    * event.detail = { followStatus }，followStatus 合法值有 1、2、3，其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误；
@@ -209,18 +268,6 @@ interface ButtonProps extends StandardProps {
     followStatus: 1 | 2 | 3 | true
   }>
 
-  /** 发送订阅类模板消息所用的模板库标题 ID ，可通过 getTemplateLibraryList 获取
-   * 当参数类型为 Array 时，可传递 1~3 个模板库标题 ID
-   * @supported swan
-   */
-  templateId?: string | Array<string>
-
-  /** 发送订阅类模板消息时所使用的唯一标识符，内容由开发者自定义，用来标识订阅场景
-   * 注意：同一用户在同一 subscribe-id 下的多次授权不累积下发权限，只能下发一条。若要订阅多条，需要不同 subscribe-id
-   * @supported swan
-   */
-  subscribeId?: string
-
   /** 用户点击该按钮时，调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址，从返回参数的 detail 中获取，和 swan.chooseAddress 一样的。和 open-type 搭配使用，使用时机：open-type="chooseAddress"
    * @supported swan
    */
@@ -241,53 +288,6 @@ interface ButtonProps extends StandardProps {
    */
   onSubscribe?: CommonEventFunction
 
-  /** 打开群资料卡时，传递的群号
-   * @supported qq
-   */
-  groupId?: string
-
-  /** 打开频道页面时，传递的频道号
-   * @supported qq
-   */
-  guildId?: string
-
-  /** 分享类型集合，请参考下面share-type有效值说明。share-type后续将不再维护，请更新为share-mode
-   * @supported qq
-   * @default 27
-   */
-  shareType?: string
-
-  /** 分享类型集合，请参考下面share-mode有效值说明
-   * @supported qq
-   * @default ['qq', 'qzone']
-   */
-  shareMode?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
-
-  /** 添加好友时，对方的 openid
-   * @supported qq
-   */
-  openId?: string
-
-  /** 发送对象的 FriendInfo
-   * @supported qq
-   */
-  shareMessageFriendInfo?: string
-
-  /** 转发标题，不传则默认使用当前小程序的昵称。 FriendInfo
-   * @supported qq
-   */
-  shareMessageTitle?: string
-
-  /** 转发显示图片的链接，可以是网络图片路径（仅 QQ CDN 域名路径）或本地图片文件路径或相对代码包根目录的图片文件路径。显示图片长宽比是 5:4FriendInfo
-   * @supported qq
-   */
-  shareMessageImg?: string
-
   /** 添加好友的回调
    * @supported qq
    */
@@ -330,10 +330,7 @@ declare namespace ButtonProps {
   }
 
   /** open-type 的合法值 */
-  type OpenType =
-    | keyof openTypeKeys['weapp']
-    | keyof openTypeKeys['alipay']
-    | keyof openTypeKeys['qq']
+  type OpenType = keyof openTypeKeys['weapp'] | keyof openTypeKeys['alipay'] | keyof openTypeKeys['qq']
 
   /** open-type 的合法值 */
   interface openTypeKeys {