@tarojs/taro-h5 3.5.0-theta.0 → 3.5.1

package/dist/api/ui/interaction/actionSheet.d.ts

@@ -0,0 +1,61 @@
+export default class ActionSheet {
+    options: {
+        itemList: never[];
+        itemColor: string;
+        success: () => void;
+        fail: () => void;
+        complete: () => void;
+    };
+    style: {
+        maskStyle: {
+            position: string;
+            'z-index': string;
+            top: string;
+            right: string;
+            left: string;
+            bottom: string;
+            background: string;
+        };
+        actionSheetStyle: {
+            'z-index': string;
+            position: string;
+            left: string;
+            bottom: string;
+            '-webkit-transform': string;
+            transform: string;
+            width: string;
+            'line-height': string;
+            background: string;
+            '-webkit-transition': string;
+            transition: string;
+        };
+        menuStyle: {
+            'background-color': string;
+        };
+        cellStyle: {
+            position: string;
+            padding: string;
+            'text-align': string;
+            'font-size': string;
+        };
+        cancelStyle: {
+            'margin-top': string;
+            padding: string;
+            'text-align': string;
+            'font-size': string;
+            color: string;
+            'background-color': string;
+        };
+    };
+    lastConfig: {};
+    el: HTMLDivElement;
+    actionSheet: HTMLDivElement;
+    menu: HTMLDivElement;
+    cells: HTMLDivElement[];
+    cancel: HTMLDivElement;
+    hideOpacityTimer: ReturnType<typeof setTimeout>;
+    hideDisplayTimer: ReturnType<typeof setTimeout>;
+    create(options?: {}): Promise<string | number>;
+    show(options?: {}): Promise<string | number>;
+    hide(): void;
+}

package/dist/api/ui/interaction/index.d.ts

@@ -0,0 +1,14 @@
+import Taro from '@tarojs/api';
+declare const showToast: typeof Taro.showToast;
+declare const hideToast: typeof Taro.hideToast;
+declare const showLoading: typeof Taro.showLoading;
+declare const hideLoading: typeof Taro.hideLoading;
+declare const showModal: typeof Taro.showModal;
+declare const showActionSheet: typeof Taro.showActionSheet;
+declare const enableAlertBeforeUnload: () => Promise<{
+    errMsg: string;
+}>;
+declare const disableAlertBeforeUnload: () => Promise<{
+    errMsg: string;
+}>;
+export { disableAlertBeforeUnload, enableAlertBeforeUnload, hideLoading, hideToast, showActionSheet, showLoading, showModal, showToast };

package/dist/api/ui/interaction/modal.d.ts

@@ -0,0 +1,69 @@
+export default class Modal {
+    options: {
+        title: string;
+        content: string;
+        showCancel: boolean;
+        cancelText: string;
+        cancelColor: string;
+        confirmText: string;
+        confirmColor: string;
+    };
+    style: {
+        maskStyle: {
+            position: string;
+            'z-index': string;
+            top: string;
+            right: string;
+            left: string;
+            bottom: string;
+            background: string;
+        };
+        modalStyle: {
+            'z-index': string;
+            position: string;
+            top: string;
+            left: string;
+            transform: string;
+            width: string;
+            'max-width': string;
+            'border-radius': string;
+            'text-align': string;
+            'line-height': string;
+            overflow: string;
+            background: string;
+        };
+        titleStyle: {
+            padding: string;
+            'font-size': string;
+        };
+        textStyle: {
+            padding: string;
+            'min-height': string;
+            'font-size': string;
+            'line-height': string;
+            color: string;
+        };
+        footStyle: {
+            position: string;
+            'line-height': string;
+            'font-size': string;
+            display: string;
+        };
+        btnStyle: {
+            position: string;
+            '-webkit-box-flex': string;
+            '-webkit-flex': string;
+            flex: string;
+        };
+    };
+    el: HTMLDivElement;
+    title: HTMLDivElement;
+    text: HTMLDivElement;
+    cancel: HTMLDivElement;
+    confirm: HTMLDivElement;
+    hideOpacityTimer: ReturnType<typeof setTimeout>;
+    hideDisplayTimer: ReturnType<typeof setTimeout>;
+    create(options?: {}): Promise<string>;
+    show(options?: {}): Promise<string>;
+    hide(): void;
+}

package/dist/api/ui/interaction/modal.js

@@ -143,6 +143,7 @@ export default class Modal {
                 this.text.setAttribute('style', inlineStyle(textStyle));
             }
             else {
+                this.title.textContent = '';
                 // block => none
                 this.title.style.display = 'none';
                 const textCSS = Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });

package/dist/api/ui/interaction/toast.d.ts

@@ -0,0 +1,85 @@
+export default class Toast {
+    options: {
+        title: string;
+        icon: string;
+        image: string;
+        duration: number;
+        mask: boolean;
+    };
+    style: {
+        maskStyle: {
+            position: string;
+            'z-index': string;
+            top: string;
+            right: string;
+            left: string;
+            bottom: string;
+        };
+        toastStyle: {
+            'z-index': string;
+            'box-sizing': string;
+            display: string;
+            'flex-direction': string;
+            'justify-content': string;
+            '-webkit-justify-content': string;
+            position: string;
+            top: string;
+            left: string;
+            'min-width': string;
+            'max-width': string;
+            'min-height': string;
+            padding: string;
+            transform: string;
+            'border-radius': string;
+            'text-align': string;
+            'line-height': string;
+            color: string;
+            background: string;
+        };
+        successStyle: {
+            margin: string;
+            width: string;
+            height: string;
+            background: string;
+            'background-size': string;
+        };
+        errrorStyle: {
+            margin: string;
+            width: string;
+            height: string;
+            background: string;
+            'background-size': string;
+        };
+        loadingStyle: {
+            margin: string;
+            width: string;
+            height: string;
+            '-webkit-animation': string;
+            animation: string;
+            background: string;
+            'background-size': string;
+        };
+        imageStyle: {
+            margin: string;
+            width: string;
+            height: string;
+            background: string;
+            'background-size': string;
+        };
+        textStyle: {
+            margin: string;
+            'font-size': string;
+        };
+    };
+    el: HTMLDivElement;
+    mask: HTMLDivElement;
+    icon: HTMLParagraphElement;
+    toast: HTMLDivElement;
+    title: HTMLParagraphElement;
+    type: any;
+    hideOpacityTimer: ReturnType<typeof setTimeout>;
+    hideDisplayTimer: ReturnType<typeof setTimeout>;
+    create(options?: {}, _type?: 'loading' | 'toast'): string;
+    show(options?: {}, _type?: 'loading' | 'toast'): string;
+    hide(duration: number | undefined, type: any): void;
+}

package/dist/api/ui/menu.d.ts

@@ -0,0 +1,3 @@
+export declare const getMenuButtonBoundingClientRect: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/ui/navigation-bar/index.d.ts

@@ -0,0 +1,15 @@
+import Taro from '@tarojs/api';
+export declare const showNavigationBarLoading: () => Promise<{
+    errMsg: string;
+}>;
+export declare function setNavigationBarTitle(options: any): Promise<Partial<TaroGeneral.CallbackResult> & Record<string, unknown> & TaroGeneral.CallbackResult>;
+/**
+ * 设置页面导航条颜色
+ */
+export declare const setNavigationBarColor: typeof Taro.setNavigationBarColor;
+export declare const hideNavigationBarLoading: () => Promise<{
+    errMsg: string;
+}>;
+export declare const hideHomeButton: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/ui/navigation-bar/index.js

@@ -1,3 +1,4 @@
+import { setTitle } from '@tarojs/router/dist/utils/navigate';
 import { getParameterError, shouldBeObject, temporarilyNotSupport } from '../../../utils';
 import { MethodHandler } from '../../../utils/handler';
 // 导航栏
@@ -21,9 +22,7 @@ export function setNavigationBarTitle(options) {
             })
         });
     }
-    if (document.title !== title) {
-        document.title = title;
-    }
+    setTitle(title);
     return handle.success();
 }
 /**

package/dist/api/ui/pull-down-refresh.d.ts

@@ -0,0 +1,9 @@
+import Taro from '@tarojs/api';
+/**
+ * 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
+ */
+export declare const startPullDownRefresh: typeof Taro.startPullDownRefresh;
+/**
+ * 停止当前页面下拉刷新。
+ */
+export declare const stopPullDownRefresh: typeof Taro.stopPullDownRefresh;

package/dist/api/ui/scroll/index.d.ts

@@ -0,0 +1,5 @@
+import Taro from '@tarojs/api';
+/**
+ * 将页面滚动到目标位置
+ */
+export declare const pageScrollTo: typeof Taro.pageScrollTo;

package/dist/api/ui/scroll/index.js

@@ -6,7 +6,7 @@ const FRAME_DURATION = 17;
 /**
  * 将页面滚动到目标位置
  */
-export const pageScrollTo = ({ scrollTop, selector = '', duration = 300, success, fail, complete }) => {
+export const pageScrollTo = ({ scrollTop, selector = '', offsetTop = 0, duration = 300, success, fail, complete }) => {
     let scrollFunc;
     const handle = new MethodHandler({ name: 'pageScrollTo', success, fail, complete });
     return new Promise((resolve, reject) => {
@@ -49,12 +49,12 @@ export const pageScrollTo = ({ scrollTop, selector = '', duration = 300, success
             }
             const from = scrollFunc();
             let to;
-            if (typeof scrollTop === 'number') {
-                to = scrollTop;
+            if (selector) {
+                const el = document.querySelector(selector);
+                to = ((el === null || el === void 0 ? void 0 : el.offsetTop) || 0) + offsetTop;
             }
             else {
-                const el = document.querySelector(selector);
-                to = (el === null || el === void 0 ? void 0 : el.offsetTop) || 0;
+                to = typeof scrollTop === 'number' ? scrollTop : 0;
             }
             const delta = to - from;
             const frameCnt = duration / FRAME_DURATION;

package/dist/api/ui/sticky.d.ts

@@ -0,0 +1,3 @@
+export declare const setTopBarText: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/ui/tab-bar.d.ts

@@ -0,0 +1,34 @@
+import Taro, { AppConfig } from '@tarojs/api';
+export declare function initTabBarApis(config?: AppConfig): void;
+/**
+ * 显示 tabBar 某一项的右上角的红点
+ */
+export declare const showTabBarRedDot: typeof Taro.showTabBarRedDot;
+/**
+ * 显示 tabBar
+ */
+export declare const showTabBar: typeof Taro.showTabBar;
+/**
+ * 动态设置 tabBar 的整体样式
+ */
+export declare const setTabBarStyle: typeof Taro.setTabBarStyle;
+/**
+ * 动态设置 tabBar 某一项的内容
+ */
+export declare const setTabBarItem: typeof Taro.setTabBarItem;
+/**
+ * 为 tabBar 某一项的右上角添加文本
+ */
+export declare const setTabBarBadge: typeof Taro.setTabBarBadge;
+/**
+ * 移除 tabBar 某一项右上角的文本
+ */
+export declare const removeTabBarBadge: typeof Taro.removeTabBarBadge;
+/**
+ * 隐藏 tabBar 某一项的右上角的红点
+ */
+export declare const hideTabBarRedDot: typeof Taro.hideTabBarRedDot;
+/**
+ * 隐藏 tabBar
+ */
+export declare const hideTabBar: typeof Taro.hideTabBar;

package/dist/api/ui/window.d.ts

@@ -0,0 +1,15 @@
+import Taro from '@tarojs/api';
+/**
+ * 设置窗口大小，该接口仅适用于 PC 平台，使用细则请参见指南
+ */
+export declare const setWindowSize: () => Promise<{
+    errMsg: string;
+}>;
+/**
+ * 监听窗口尺寸变化事件
+ */
+export declare const onWindowResize: typeof Taro.onWindowResize;
+/**
+ * 取消监听窗口尺寸变化事件
+ */
+export declare const offWindowResize: typeof Taro.offWindowResize;

package/dist/api/worker/index.d.ts

@@ -0,0 +1,3 @@
+export declare const createWorker: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/wxml/index.d.ts

@@ -0,0 +1,5 @@
+import Taro from '@tarojs/api';
+export declare const createSelectorQuery: typeof Taro.createSelectorQuery;
+export declare const createIntersectionObserver: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/wxml/nodesRef.d.ts

@@ -0,0 +1,13 @@
+import { SelectorQuery } from './selectorQuery';
+export declare class NodesRef implements Taro.NodesRef {
+    _component?: TaroGeneral.IAnyObject;
+    _selector: string;
+    _selectorQuery: SelectorQuery;
+    _single: boolean;
+    constructor(selector: string, querySelectorQuery: SelectorQuery, single: boolean);
+    context(cb: any): SelectorQuery;
+    node(cb: any): SelectorQuery;
+    boundingClientRect(cb: any): SelectorQuery;
+    scrollOffset(cb: any): SelectorQuery;
+    fields(fields: any, cb: any): SelectorQuery;
+}

package/dist/api/wxml/selectorQuery.d.ts

@@ -0,0 +1,24 @@
+import Taro from '@tarojs/api';
+import { NodesRef } from './nodesRef';
+interface ISelectorQueryQueue {
+    component: TaroGeneral.IAnyObject;
+    selector: string;
+    single: boolean;
+    fields: any;
+}
+declare type TSelectorQueryQueueCallback = (res: ISelectorQueryQueue) => void;
+export declare class SelectorQuery implements Taro.SelectorQuery {
+    _defaultWebviewId: string | null;
+    _webviewId: string | null;
+    _queue: ISelectorQueryQueue[];
+    _queueCb: (TSelectorQueryQueueCallback | null)[];
+    _component?: TaroGeneral.IAnyObject;
+    constructor();
+    in(component: TaroGeneral.IAnyObject): this;
+    select(selector: string): NodesRef;
+    selectAll(selector: string): NodesRef;
+    selectViewport(): NodesRef;
+    exec(cb: any): Taro.NodesRef;
+    _push(selector: string, component: any, single: any, fields: any, callback?: TSelectorQueryQueueCallback | null): void;
+}
+export {};

package/dist/api/wxml/selectorQuery.js

@@ -25,7 +25,7 @@ function filter(fields, dom, selector) {
             }
         }
         else {
-            // TODO https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
+            // TODO https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/ScrollViewContext.html
             // if (/^taro-scroll-view-core/i.test(tagName))
             res.nodeCanvasType = '';
             res.node = dom;