@tarojs/components 3.5.7-alpha.0 → 3.5.7-alpha.10

package/types/Video.d.ts

@@ -221,71 +221,6 @@ interface VideoProps extends StandardProps {
    */
   backgroundPoster?: string
 
-  /** 当开始/继续播放时触发 play 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onPlay?: CommonEventFunction
-
-  /** 当暂停播放时触发 pause 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onPause?: CommonEventFunction
-
-  /** 当播放到末尾时触发 ended 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onEnded?: CommonEventFunction
-
-  /** 播放进度变化时触发, 触发频率 250ms 一次
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onTimeUpdate?: CommonEventFunction<VideoProps.onTimeUpdateEventDetail>
-
-  /** 当视频进入和退出全屏时触发
-   *
-   * @supported h5, rn
-   */
-  onFullscreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
-
-  /** 视频出现缓冲时触发
-   *
-   * @supported weapp, swan, tt, qq, jd
-   */
-  onWaiting?: CommonEventFunction<VideoProps.onWaitingEventDetail>
-
-  /** 视频播放出错时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onError?: CommonEventFunction
-
-  /** 加载进度变化时触发，只支持一段加载
-   * @supported weapp, tt, qq, h5
-   */
-  onProgress?: CommonEventFunction<VideoProps.onProgressEventDetail>
-
-  /** 视频元数据加载完成时触发
-   * @supported weapp, swan, tt, jd, rn
-   */
-  onLoadedMetaData?: CommonEventFunction<VideoProps.onLoadedMetaDataEventDetail>
-
-  /**
-   * 播放器进入小窗
-   * @supported weapp
-   */
-  onEnterPictureInPicture?: CommonEventFunction
-
-  /**
-   * 播放器退出小窗
-   * @supported weapp
-   */
-  onLeavePictureInPicture?: CommonEventFunction
-
-  /**
-   * seek 完成时触发
-   * @supported weapp, tt
-   */
-  onSeekComplete?: CommonEventFunction
-
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
    * @supported h5
    */
@@ -326,16 +261,6 @@ interface VideoProps extends StandardProps {
    */
   licenseUrl?: string
 
-  /** 视频进入和退出全屏时触发
-   * @supported weapp, alipay, swan, tt, qq, jd
-   */
-  onFullScreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
-
-  /** 切换 controls 显示隐藏时触发。
-   * @supported weapp
-   */
-  onControlsToggle?: CommonEventFunction<VideoProps.onControlsToggleEventDetail>
-
   /** 当 poster 高宽比跟视频高宽不匹配时，如何显示 poster，设置规则同 background-size 一致。
    * @supported alipay
    */
@@ -357,31 +282,6 @@ interface VideoProps extends StandardProps {
    */
   mobilenetHintType?: string
 
-  /** 视频出现缓冲时触发。
-   * @supported alipay
-   */
-  onLoading?: CommonEventFunction
-
-  /** 点击视频 view 时触发
-   * @supported alipay
-   */
-  onTap?: CommonEventFunction<VideoProps.onTapEventDetail>
-
-  /** 用户操作事件
-   * @supported alipay
-   */
-  onUserAction?: CommonEventFunction<VideoProps.onUserActionEventDetail>
-
-  /** 视频播放终止。
-   * @supported alipay
-   */
-  onStop?: CommonEventFunction
-
-  /** 当视频加载完真正开始播放时触发。
-   * @supported alipay
-   */
-  onRenderStart?: CommonEventFunction
-
   /** 浮窗设置。暂时不支持全局浮窗。
    * 可选值：
    *
@@ -441,6 +341,111 @@ interface VideoProps extends StandardProps {
    */
   signature?: string
 
+  /** 指定码率上界，单位为比特每秒
+   * @supported weapp
+   */
+  preferredPeakBitRate?: number
+
+  /** 当开始/继续播放时触发 play 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onPlay?: CommonEventFunction
+
+  /** 当暂停播放时触发 pause 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onPause?: CommonEventFunction
+
+  /** 当播放到末尾时触发 ended 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onEnded?: CommonEventFunction
+
+  /** 播放进度变化时触发, 触发频率 250ms 一次
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onTimeUpdate?: CommonEventFunction<VideoProps.onTimeUpdateEventDetail>
+
+  /** 当视频进入和退出全屏时触发
+   *
+   * @supported h5, rn
+   */
+  onFullscreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
+
+  /** 视频出现缓冲时触发
+   *
+   * @supported weapp, swan, tt, qq, jd
+   */
+  onWaiting?: CommonEventFunction<VideoProps.onWaitingEventDetail>
+
+  /** 视频播放出错时触发
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onError?: CommonEventFunction
+
+  /** 加载进度变化时触发，只支持一段加载
+   * @supported weapp, tt, qq, h5
+   */
+  onProgress?: CommonEventFunction<VideoProps.onProgressEventDetail>
+
+  /** 视频元数据加载完成时触发
+   * @supported weapp, swan, tt, jd, rn
+   */
+  onLoadedMetaData?: CommonEventFunction<VideoProps.onLoadedMetaDataEventDetail>
+
+  /**
+   * 播放器进入小窗
+   * @supported weapp
+   */
+  onEnterPictureInPicture?: CommonEventFunction
+
+  /**
+   * 播放器退出小窗
+   * @supported weapp
+   */
+  onLeavePictureInPicture?: CommonEventFunction
+
+  /**
+   * seek 完成时触发
+   * @supported weapp, tt
+   */
+  onSeekComplete?: CommonEventFunction
+
+  /** 视频进入和退出全屏时触发
+   * @supported weapp, alipay, swan, tt, qq, jd
+   */
+  onFullScreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
+
+  /** 切换 controls 显示隐藏时触发。
+   * @supported weapp
+   */
+  onControlsToggle?: CommonEventFunction<VideoProps.onControlsToggleEventDetail>
+
+  /** 视频出现缓冲时触发。
+   * @supported alipay
+   */
+  onLoading?: CommonEventFunction
+
+  /** 点击视频 view 时触发
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction<VideoProps.onTapEventDetail>
+
+  /** 用户操作事件
+   * @supported alipay
+   */
+  onUserAction?: CommonEventFunction<VideoProps.onUserActionEventDetail>
+
+  /** 视频播放终止。
+   * @supported alipay
+   */
+  onStop?: CommonEventFunction
+
+  /** 当视频加载完真正开始播放时触发。
+   * @supported alipay
+   */
+  onRenderStart?: CommonEventFunction
+
   /** 贴片广告开始播放时触发
    * @supported tt
    */
@@ -517,11 +522,6 @@ interface VideoProps extends StandardProps {
    */
   onSeeking?: CommonEventFunction
 
-  /** 指定码率上界，单位为比特每秒
-   * @supported weapp
-   */
-  preferredPeakBitRate?: number
-
   /** 贴片广告加载成功时触发，event.detail = { adType: 'preRollAd' | 'postRollAd' }
    * @supported tt
    */

package/types/View.d.ts

@@ -52,6 +52,27 @@ interface ViewProps extends StandardProps {
    */
   animation?: TaroGeneral.IAnyObject
 
+  /** 表示组件的语义角色。设置为 img 时，组件聚焦后读屏软件会朗读出 图像 ；设置为 button 时，聚焦后读屏软件会朗读出 按钮 。详情请参见 aria-component。
+   * @supported alipay
+   */
+  role?: string
+
+  /** 无障碍访问，（角色）标识元素的作用
+   * @supported qq
+   */
+  ariaRole?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
+  /** 是否以 catch 的形式绑定 touchmove 事件
+   * @supported weapp, alipay, swan, tt, qq, jd
+   * @version 3.1.0+
+   */
+  catchMove?: boolean
+
   /** 点击。
    * @supported alipay
    */
@@ -116,21 +137,6 @@ interface ViewProps extends StandardProps {
    * @supported alipay
    */
   onFirstAppear?: CommonEventFunction
-
-  /** 表示组件的语义角色。设置为 img 时，组件聚焦后读屏软件会朗读出 图像 ；设置为 button 时，聚焦后读屏软件会朗读出 按钮 。详情请参见 aria-component。
-   * @supported alipay
-   */
-  role?: string
-
-  /** 无障碍访问，（角色）标识元素的作用
-   * @supported qq
-   */
-  ariaRole?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
 }
 
 /** 视图容器

package/types/VoipRoom.d.ts

@@ -13,16 +13,16 @@ interface VoipRoomProps extends StandardProps {
    */
   devicePosition?: keyof VoipRoomProps.DevicePosition
 
-  /** 创建对话窗口失败时触发
-   * @supported weapp
-   */
-  onError?: CommonEventFunction
-
   /** 进入房间用户的 openid
    * @default none
    * @supported weapp
    */
   openId?: string
+
+  /** 创建对话窗口失败时触发
+   * @supported weapp
+   */
+  onError?: CommonEventFunction
 }
 declare namespace VoipRoomProps {
   /** 对话窗口类型 */

package/types/WebView.d.ts

@@ -6,6 +6,17 @@ interface WebViewProps extends StandardProps {
    */
   src: string
 
+  /** webview 的进度条颜色
+   * @supported tt
+   */
+  progressbarColor?: string
+
+  /** 若使用web-view组件引入第三方客服，必须填写type="im"
+   * @supported tt
+   * @default default
+   */
+  type?: string
+
   /** 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }
    * @supported weapp, alipay, swan, tt, qq, jd
    */
@@ -20,17 +31,6 @@ interface WebViewProps extends StandardProps {
    * @supported weapp, alipay, tt, qq, h5, rn
    */
   onError?: CommonEventFunction<WebViewProps.onErrorEventDetail>
-
-  /** webview 的进度条颜色
-   * @supported tt
-   */
-  progressbarColor?: string
-
-  /** 若使用web-view组件引入第三方客服，必须填写type="im"
-   * @supported tt
-   * @default default
-   */
-  type?: string
 }
 declare namespace WebViewProps {
   interface onMessageEventDetail {

package/dist/cjs/taro-movable-area-core.cjs.entry.js

@@ -1,157 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7c61bee9.js');
-
-const areaCss = "taro-movable-area-core{display:block;position:relative;width:10px;height:10px}";
-
-let MovableArea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** 子元素集合 */
-    this.views = [];
-    /** 手势缩放 */
-    this.scaleLength = 0;
-    this.viewsChanged = () => {
-      this.views = [];
-      const elements = this.element.querySelectorAll('taro-movable-view-core');
-      Array.from(elements).forEach((element) => {
-        this.views.push(element);
-      });
-      this.updateArea();
-    };
-    this.handleTouchStart = (e) => {
-      const touches = e.touches;
-      if (!touches || touches.length <= 1) {
-        return;
-      }
-      const gap = {
-        width: touches[1].pageX - touches[0].pageX,
-        height: touches[1].pageY - touches[0].pageY
-      };
-      this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height);
-      if (this.scaleArea) {
-        return;
-      }
-      const find = (target, views) => {
-        const loop = (e, t) => {
-          if (!(e = e.parentNode)) {
-            return false;
-          }
-          return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t));
-        };
-        for (let i = 0; i < views.length; i++) {
-          const view = views[i];
-          if (target === view["element"] || loop(target, view)) {
-            return view;
-          }
-        }
-      };
-      const touch1 = find(touches[0].target, this.views);
-      const touch2 = find(touches[1].target, this.views);
-      this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined;
-    };
-    this.handleTouchMove = (e) => {
-      const touches = e.touches;
-      if (!touches || touches.length <= 1) {
-        return;
-      }
-      e.preventDefault();
-      const gap = {
-        width: touches[1].pageX - touches[0].pageX,
-        height: touches[1].pageY - touches[0].pageY
-      };
-      if (this.scaleLength > 0) {
-        this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength);
-      }
-    };
-    this.handleTouchEnd = (e) => {
-      var _a, _b;
-      if ((e.touches && e.touches.length) || !e.changedTouches) {
-        return;
-      }
-      this.scaleLength = 0;
-      if (this.scaleArea) {
-        this.views.forEach((element) => {
-          var _a;
-          (_a = element["endScale"]) === null || _a === void 0 ? void 0 : _a.call(element);
-        });
-      }
-      else {
-        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["endScale"]) === null || _b === void 0 ? void 0 : _b.call(_a);
-      }
-      this.scaleTarget = undefined;
-    };
-    this.updateScale = (scale) => {
-      var _a, _b;
-      if (!scale || scale === 1) {
-        return;
-      }
-      if (this.scaleArea) {
-        this.views.forEach((element) => {
-          var _a;
-          (_a = element["setScale"]) === null || _a === void 0 ? void 0 : _a.call(element, scale);
-        });
-      }
-      else {
-        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["setScale"]) === null || _b === void 0 ? void 0 : _b.call(_a, scale);
-      }
-    };
-    this.updateArea = () => {
-      const computedStyle = window.getComputedStyle(this.element);
-      const clientRect = this.element.getBoundingClientRect();
-      const horizontal = ["Left", "Right"].map((e) => {
-        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
-      });
-      const vertical = ["Top", "Bottom"].map((e) => {
-        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
-      });
-      this.views.forEach((element) => {
-        var _a;
-        (_a = element["setParent"]) === null || _a === void 0 ? void 0 : _a.call(element, {
-          element: this.element,
-          area: {
-            height: clientRect.height - vertical[0] - vertical[1],
-            width: clientRect.width - horizontal[0] - horizontal[1]
-          }
-        });
-      });
-    };
-  }
-  connectedCallback() {
-    this.observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        var _a, _b;
-        if (mutation.attributeName === "class" || mutation.attributeName === "style") {
-          const offsetWidth = this.element.offsetWidth;
-          const offsetHeight = this.element.offsetHeight;
-          if (offsetWidth !== ((_a = this.offset) === null || _a === void 0 ? void 0 : _a.width) || offsetHeight !== ((_b = this.offset) === null || _b === void 0 ? void 0 : _b.height)) {
-            this.updateArea();
-          }
-          this.offset = {
-            width: offsetWidth,
-            height: offsetHeight
-          };
-        }
-      });
-    });
-    this.observer.observe(this.element, {
-      attributes: true
-    });
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  componentDidLoad() {
-    this.viewsChanged();
-  }
-  render() {
-    return (index.h(index.Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
-  }
-  get element() { return index.getElement(this); }
-};
-MovableArea.style = areaCss;
-
-exports.taro_movable_area_core = MovableArea;

package/dist/cjs/taro-picker-view-column-core.cjs.entry.js

@@ -1,95 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7c61bee9.js');
-const index$1 = require('./index-47a1959e.js');
-
-const columnCss = ".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";
-
-let PickerViewColumn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.onChange = index.createEvent(this, "onselect", 7);
-    this.onSelectStart = index.createEvent(this, "onselectstart", 7);
-    this.onSelectEnd = index.createEvent(this, "onselectend", 7);
-    // 初始化的选中位置
-    this.initialPosition = '0';
-    // 滑动距离上下留白区域-通过父视图和 indicator 计算而来
-    this.paddingVertical = 0;
-    this.isInit = false;
-    this.isMove = false;
-    // 滚动结束自动回到合适的位置
-    this.handleSelected = index$1.debounce(() => {
-      const childList = this.el.childNodes;
-      let sum = 0;
-      let selectedIndex = '0';
-      for (const index in childList) {
-        const item = childList[index];
-        const itemHeight = item.offsetHeight;
-        if (sum + itemHeight / 2.0 > this.el.scrollTop) {
-          selectedIndex = index;
-          break;
-        }
-        sum += itemHeight;
-      }
-      this.el.scrollTo({
-        top: sum,
-        behavior: 'smooth'
-      });
-      this.onChange.emit({
-        curIndex: this.col,
-        selectedIndex: selectedIndex
-      });
-      this.onSelectEnd.emit();
-    }, 500);
-  }
-  onScroll(_event) {
-    if (!this.isMove) {
-      this.isMove = true;
-      this.onSelectStart.emit();
-    }
-    this.handleSelected();
-  }
-  onMouseEnd() {
-    if (!this.isMove)
-      return;
-    this.isMove = false;
-    this.handleSelected();
-  }
-  onTouchEnd() {
-    this.isMove = false;
-    this.handleSelected();
-  }
-  componentDidUpdate() {
-    if (!this.isInit) {
-      this.isInit = true;
-      const childList = this.el.childNodes;
-      let idx = 0;
-      let sum = 0;
-      for (const index in childList) {
-        const item = childList[index];
-        if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
-          break;
-        }
-        sum += item.offsetHeight;
-        idx++;
-      }
-      this.el.scrollTo({ top: sum });
-      if (idx >= childList.length) {
-        this.onChange.emit({
-          curIndex: this.col,
-          selectedIndex: idx - 1
-        });
-      }
-    }
-  }
-  render() {
-    const { paddingVertical = 0 } = this;
-    return (index.h(index.Host, { class: "taro-picker-view-column-container", style: { 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` } }));
-  }
-  get el() { return index.getElement(this); }
-};
-PickerViewColumn.style = columnCss;
-
-exports.taro_picker_view_column_core = PickerViewColumn;