@tarojs/taro-h5 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/index.js

@@ -80,6 +80,7 @@ export { createTCPSocket } from './api/network/tcp.js';
 export { createUDPSocket } from './api/network/udp.js';
 export { uploadFile } from './api/network/upload.js';
 export { closeSocket, connectSocket, onSocketClose, onSocketError, onSocketMessage, onSocketOpen, sendSocketMessage } from './api/network/websocket/index.js';
+export { SocketTask } from './api/network/websocket/socketTask.js';
 export { getAccountInfoSync } from './api/open-api/account.js';
 export { chooseAddress } from './api/open-api/address.js';
 export { authorize, authorizeForMiniProgram } from './api/open-api/authorize.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/handler.js

@@ -54,6 +54,10 @@ class CallbackManager {
                     this.callbacks.splice(pos, 1);
                 }
             }
+            else {
+                // Note: 参数为空，则取消所有的事件监听
+                this.callbacks = [];
+            }
         };
         /** 获取回调函数数量 */
         this.count = () => {

package/dist/utils/handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"handler.js","sources":["../../src/utils/handler.ts"],"sourcesContent":["import { isFunction } from '@tarojs/shared'\n\ntype TCallback<T = Partial<TaroGeneral.CallbackResult>> = (res: T) => Promise<void> | void\ninterface IMethodParam<T = Partial<TaroGeneral.CallbackResult>> {\n  name: string\n  success?: TCallback<T & TaroGeneral.CallbackResult>\n  fail?: TCallback\n  complete?: TCallback\n}\ninterface IMockPromise {\n  resolve?: typeof Promise.resolve | TFunc\n  reject?: typeof Promise.reject | TFunc\n}\n\nexport class MethodHandler<T = Partial<TaroGeneral.CallbackResult>> {\n  methodName: string\n\n  protected __success?: TCallback<T>\n  protected __fail?: TCallback\n  protected __complete?: TCallback\n\n  protected isHandlerError = false\n\n  constructor ({ name, success, fail, complete }: IMethodParam<T>) {\n    this.methodName = name\n    this.__success = success\n    this.__fail = fail\n    this.__complete = complete\n\n    this.isHandlerError = isFunction(this.__complete) || isFunction(this.__fail)\n  }\n\n  success<U = Record<string, unknown>> (res: Partial<T> & Partial<TaroGeneral.CallbackResult> = {}, promise: IMockPromise = {}): Promise<T & U & TaroGeneral.CallbackResult> {\n    if (!res.errMsg) {\n      res.errMsg = `${this.methodName}:ok`\n    }\n    isFunction(this.__success) && this.__success(res as T)\n    isFunction(this.__complete) && this.__complete(res)\n\n    const { resolve = Promise.resolve.bind(Promise) } = promise\n    return resolve(res as Required<T & U & TaroGeneral.CallbackResult>)\n  }\n\n  fail<U = Record<string, unknown>> (res: Partial<T> & Partial<TaroGeneral.CallbackResult> = {}, promise: IMockPromise = {}): Promise<T & U & TaroGeneral.CallbackResult> {\n    if (!res.errMsg) {\n      res.errMsg = `${this.methodName}:fail`\n    } else {\n      res.errMsg = `${this.methodName}:fail ${res.errMsg}`\n    }\n    isFunction(this.__fail) && this.__fail(res)\n    isFunction(this.__complete) && this.__complete(res)\n\n    const {\n      resolve = Promise.resolve.bind(Promise),\n      reject = Promise.reject.bind(Promise)\n    } = promise\n    return this.isHandlerError\n      ? resolve(res as Required<T & U & TaroGeneral.CallbackResult>)\n      : reject(res)\n  }\n}\n\ntype TCallbackManagerFunc<T extends unknown[] = unknown[]> = (...arr: T) => void\ninterface ICallbackManagerOption<T extends unknown[] = unknown[]> {\n  callback?: TCallbackManagerFunc<T>\n  ctx?: any\n  [key: string]: unknown\n}\ntype TCallbackManagerUnit<T extends unknown[] = unknown[]> = (TCallbackManagerFunc<T> | ICallbackManagerOption<T>)\n\nexport class CallbackManager<T extends unknown[] = unknown[]> {\n  callbacks: TCallbackManagerUnit<T>[] = []\n\n  /** 添加回调 */\n  add = (opt?: TCallbackManagerUnit<T>) => {\n    if (opt) this.callbacks.push(opt)\n  }\n\n  /** 移除回调 */\n  remove = (opt?: TCallbackManagerUnit<T>) => {\n    if (opt) {\n      let pos = -1\n      this.callbacks.forEach((callback, k) => {\n        if (callback === opt) {\n          pos = k\n        }\n      })\n      if (pos > -1) {\n        this.callbacks.splice(pos, 1)\n      }\n    }\n  }\n\n  /** 获取回调函数数量 */\n  count = () => {\n    return this.callbacks.length\n  }\n\n  /** 触发回调 */\n  trigger = (...args: T) => {\n    this.callbacks.forEach(opt => {\n      if (isFunction(opt)) {\n        opt(...args)\n      } else {\n        const { callback, ctx } = opt\n        isFunction(callback) && callback.call(ctx, ...args)\n      }\n    })\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"handler.js","sources":["../../src/utils/handler.ts"],"sourcesContent":["import { isFunction } from '@tarojs/shared'\n\ntype TCallback<T = Partial<TaroGeneral.CallbackResult>> = (res: T) => Promise<void> | void\ninterface IMethodParam<T = Partial<TaroGeneral.CallbackResult>> {\n  name: string\n  success?: TCallback<T & TaroGeneral.CallbackResult>\n  fail?: TCallback\n  complete?: TCallback\n}\ninterface IMockPromise {\n  resolve?: typeof Promise.resolve | TFunc\n  reject?: typeof Promise.reject | TFunc\n}\n\nexport class MethodHandler<T = Partial<TaroGeneral.CallbackResult>> {\n  methodName: string\n\n  protected __success?: TCallback<T>\n  protected __fail?: TCallback\n  protected __complete?: TCallback\n\n  protected isHandlerError = false\n\n  constructor ({ name, success, fail, complete }: IMethodParam<T>) {\n    this.methodName = name\n    this.__success = success\n    this.__fail = fail\n    this.__complete = complete\n\n    this.isHandlerError = isFunction(this.__complete) || isFunction(this.__fail)\n  }\n\n  success<U = Record<string, unknown>> (res: Partial<T> & Partial<TaroGeneral.CallbackResult> = {}, promise: IMockPromise = {}): Promise<T & U & TaroGeneral.CallbackResult> {\n    if (!res.errMsg) {\n      res.errMsg = `${this.methodName}:ok`\n    }\n    isFunction(this.__success) && this.__success(res as T)\n    isFunction(this.__complete) && this.__complete(res)\n\n    const { resolve = Promise.resolve.bind(Promise) } = promise\n    return resolve(res as Required<T & U & TaroGeneral.CallbackResult>)\n  }\n\n  fail<U = Record<string, unknown>> (res: Partial<T> & Partial<TaroGeneral.CallbackResult> = {}, promise: IMockPromise = {}): Promise<T & U & TaroGeneral.CallbackResult> {\n    if (!res.errMsg) {\n      res.errMsg = `${this.methodName}:fail`\n    } else {\n      res.errMsg = `${this.methodName}:fail ${res.errMsg}`\n    }\n    isFunction(this.__fail) && this.__fail(res)\n    isFunction(this.__complete) && this.__complete(res)\n\n    const {\n      resolve = Promise.resolve.bind(Promise),\n      reject = Promise.reject.bind(Promise)\n    } = promise\n    return this.isHandlerError\n      ? resolve(res as Required<T & U & TaroGeneral.CallbackResult>)\n      : reject(res)\n  }\n}\n\ntype TCallbackManagerFunc<T extends unknown[] = unknown[]> = (...arr: T) => void\ninterface ICallbackManagerOption<T extends unknown[] = unknown[]> {\n  callback?: TCallbackManagerFunc<T>\n  ctx?: any\n  [key: string]: unknown\n}\ntype TCallbackManagerUnit<T extends unknown[] = unknown[]> = (TCallbackManagerFunc<T> | ICallbackManagerOption<T>)\n\nexport class CallbackManager<T extends unknown[] = unknown[]> {\n  callbacks: TCallbackManagerUnit<T>[] = []\n\n  /** 添加回调 */\n  add = (opt?: TCallbackManagerUnit<T>) => {\n    if (opt) this.callbacks.push(opt)\n  }\n\n  /** 移除回调 */\n  remove = (opt?: TCallbackManagerUnit<T>) => {\n    if (opt) {\n      let pos = -1\n      this.callbacks.forEach((callback, k) => {\n        if (callback === opt) {\n          pos = k\n        }\n      })\n      if (pos > -1) {\n        this.callbacks.splice(pos, 1)\n      }\n    } else {\n      // Note: 参数为空，则取消所有的事件监听\n      this.callbacks = []\n    }\n  }\n\n  /** 获取回调函数数量 */\n  count = () => {\n    return this.callbacks.length\n  }\n\n  /** 触发回调 */\n  trigger = (...args: T) => {\n    this.callbacks.forEach(opt => {\n      if (isFunction(opt)) {\n        opt(...args)\n      } else {\n        const { callback, ctx } = opt\n        isFunction(callback) && callback.call(ctx, ...args)\n      }\n    })\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/taro-h5",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.21",
   "description": "Taro h5 framework",
   "browser": "dist/index.js",
   "main:h5": "dist/index.esm.js",
@@ -28,7 +28,6 @@
   "author": "O2Team",
   "license": "MIT",
   "dependencies": {
-    "@types/node": "^14.14.31",
     "abortcontroller-polyfill": "^1.7.5",
     "base64-js": "^1.3.0",
     "ics": "^3.1.0",
@@ -39,10 +38,10 @@
     "query-string": "^7.1.1",
     "tslib": "^2.6.2",
     "whatwg-fetch": "^3.4.0",
-    "@tarojs/api": "4.0.0-beta.2",
-    "@tarojs/router": "4.0.0-beta.2",
-    "@tarojs/shared": "4.0.0-beta.2",
-    "@tarojs/runtime": "4.0.0-beta.2"
+    "@tarojs/api": "4.0.0-beta.21",
+    "@tarojs/router": "4.0.0-beta.21",
+    "@tarojs/runtime": "4.0.0-beta.21",
+    "@tarojs/shared": "4.0.0-beta.21"
   },
   "devDependencies": {
     "@babel/core": "^7.14.5",
@@ -70,10 +69,10 @@
     "rollup-plugin-ts": "^3.0.2",
     "ts-jest": "^29.0.5",
     "typescript": "^4.7.4",
-    "@tarojs/components": "4.0.0-beta.2"
+    "@tarojs/components": "4.0.0-beta.21"
   },
   "peerDependencies": {
-    "@tarojs/components": "~4.0.0-beta.2"
+    "@tarojs/components": "~4.0.0-beta.21"
   },
   "scripts": {
     "prebuild": "rimraf --impl=move-remove ./dist",