@tarojs/runtime 4.0.6 → 4.0.7-alpha.0

package/dist/index.d.ts

@@ -29,6 +29,6 @@ export { nextTick } from "./next-tick.js";
 export { options } from "./options.js";
 export * from "./perf.js";
 export * from "./utils/index.js";
-export * from "./instance-4c64b022.js";
+export * from "./instance-3211dc5e.js";
 export * from "./index-26658829.js";
 export * from "./polyfill/index.js";

package/dist/index.js

@@ -19,7 +19,7 @@ export { Style } from './dom/style.js';
 export { SVGElement } from './dom/svg.js';
 export { TaroText } from './dom/text.js';
 export { MutationObserver } from './dom-external/mutation-observer/index.js';
-export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, HEAD, HOOKS_APP_ID, HTML, ID, INPUT, KEY_CODE, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, UID, VALUE, VIEW } from './constants/index.js';
+export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, CLICK_VIEW, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, HEAD, HOOKS_APP_ID, HTML, ID, INPUT, KEY_CODE, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, UID, VALUE, VIEW } from './constants/index.js';
 export { Current, getCurrentInstance } from './current.js';
 export { eventSource } from './dom/event-source.js';
 export { createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify } from './dsl/common.js';

package/dist/runtime.esm.d.ts

@@ -68,7 +68,7 @@ interface MiniElementData {
     [Shortcuts.Class]?: string;
     [Shortcuts.Style]?: string;
     uid?: string;
-    sid: string;
+    [Shortcuts.Sid]: string;
     [key: string]: unknown;
 }
 interface MiniTextData {
@@ -141,6 +141,7 @@ declare class TaroEventTarget {
     addEventListener(type: string, handler: EventHandler, options?: boolean | AddEventListenerOptions): void;
     removeEventListener(type: string, handler: EventHandler): void;
     isAnyEventBinded(): boolean;
+    isOnlyClickBinded(): boolean;
 }
 declare class TaroRootElement extends TaroElement {
     private updatePayloads;
@@ -150,6 +151,7 @@ declare class TaroRootElement extends TaroElement {
     constructor();
     get _path(): string;
     get _root(): TaroRootElement;
+    scheduleTask(fn: TFunc): void;
     enqueueUpdate(payload: UpdatePayload): void;
     performUpdate(initRender?: boolean, prerender?: TFunc): void;
     enqueueUpdateCallback(cb: TFunc, ctx?: Record<string, any>): void;
@@ -161,7 +163,7 @@ interface RemoveChildOptions {
 }
 declare class TaroNode extends TaroEventTarget {
     uid: string;
-    sid: string;
+    [Shortcuts.Sid]: string;
     nodeType: NodeType;
     nodeName: string;
     parentNode: TaroNode | null;
@@ -626,6 +628,7 @@ declare const SET_TIMEOUT = "setTimeout";
 declare const COMPILE_MODE = "compileMode";
 declare const CATCHMOVE = "catchMove";
 declare const CATCH_VIEW = "catch-view";
+declare const CLICK_VIEW = "click-view";
 declare const COMMENT = "comment";
 declare const ON_LOAD = "onLoad";
 declare const ON_READY = "onReady";
@@ -807,4 +810,4 @@ declare const getHomePage: (path?: string, basename?: string, customRoutes?: Rec
 declare const getCurrentPage: (routerMode?: string, basename?: string) => string;
 declare function handlePolyfill(): void;
 export { hooks } from '@tarojs/shared';
-export { taroDocumentProvider as document, taroGetComputedStyleProvider as getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, TaroURLProvider as URL, URLSearchParams, taroHistoryProvider as history, taroLocationProvider as location, taroWindowProvider as window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, env, PROPERTY_THRESHOLD, TARO_RUNTIME, HOOKS_APP_ID, SET_DATA, PAGE_INIT, ROOT_STR, HTML, HEAD, BODY, APP, CONTAINER, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, ID, UID, CLASS, STYLE, FOCUS, VIEW, STATIC_VIEW, PURE_VIEW, PROPS, DATASET, OBJECT, VALUE, INPUT, CHANGE, CUSTOM_WRAPPER, TARGET, CURRENT_TARGET, TYPE, CONFIRM, TIME_STAMP, KEY_CODE, TOUCHMOVE, DATE, SET_TIMEOUT, COMPILE_MODE, CATCHMOVE, CATCH_VIEW, COMMENT, ON_LOAD, ON_READY, ON_SHOW, ON_HIDE, OPTIONS, EXTERNAL_CLASSES, EVENT_CALLBACK_RESULT, BEHAVIORS, A, CONTEXT_ACTIONS, Current, getCurrentInstance, eventSource, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, perf, incrementId, isElement, isText, isComment, isHasExtractProp, isParentBinded, shortcutAttr, customWrapperCache, extend, getComponentsAlias, convertNumber2PX, throttle, debounce, addLeadingSlash, hasBasename, stripBasename, stripTrailing, stripSuffix, getHomePage, getCurrentPage, Instance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniTextData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$1 as Options, TFunc, PageConfig, handlePolyfill };
+export { taroDocumentProvider as document, taroGetComputedStyleProvider as getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, TaroURLProvider as URL, URLSearchParams, taroHistoryProvider as history, taroLocationProvider as location, taroWindowProvider as window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, env, PROPERTY_THRESHOLD, TARO_RUNTIME, HOOKS_APP_ID, SET_DATA, PAGE_INIT, ROOT_STR, HTML, HEAD, BODY, APP, CONTAINER, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, ID, UID, CLASS, STYLE, FOCUS, VIEW, STATIC_VIEW, PURE_VIEW, PROPS, DATASET, OBJECT, VALUE, INPUT, CHANGE, CUSTOM_WRAPPER, TARGET, CURRENT_TARGET, TYPE, CONFIRM, TIME_STAMP, KEY_CODE, TOUCHMOVE, DATE, SET_TIMEOUT, COMPILE_MODE, CATCHMOVE, CATCH_VIEW, CLICK_VIEW, COMMENT, ON_LOAD, ON_READY, ON_SHOW, ON_HIDE, OPTIONS, EXTERNAL_CLASSES, EVENT_CALLBACK_RESULT, BEHAVIORS, A, CONTEXT_ACTIONS, Current, getCurrentInstance, eventSource, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, perf, incrementId, isElement, isText, isComment, isHasExtractProp, isParentBinded, shortcutAttr, customWrapperCache, extend, getComponentsAlias, convertNumber2PX, throttle, debounce, addLeadingSlash, hasBasename, stripBasename, stripTrailing, stripSuffix, getHomePage, getCurrentPage, Instance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniTextData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$1 as Options, TFunc, PageConfig, handlePolyfill };

package/dist/runtime.esm.js

@@ -42,6 +42,7 @@ const SET_TIMEOUT = 'setTimeout';
 const COMPILE_MODE = 'compileMode';
 const CATCHMOVE = 'catchMove';
 const CATCH_VIEW = 'catch-view';
+const CLICK_VIEW = 'click-view';
 const COMMENT = 'comment';
 const ON_LOAD = 'onLoad';
 const ON_READY = 'onReady';
@@ -112,9 +113,9 @@ class MutationObserverImpl {
         return this.records.splice(0, this.records.length);
     }
 }
-/** Match two TaroNodes by sid. */
+/** Match two TaroNodes by [Shortcuts.Sid]. */
 const sidMatches = (observerTarget, target) => {
-    return !!observerTarget && observerTarget.sid === (target === null || target === void 0 ? void 0 : target.sid);
+    return !!observerTarget && observerTarget["s" /* Shortcuts.Sid */] === (target === null || target === void 0 ? void 0 : target["s" /* Shortcuts.Sid */]);
 };
 const isConcerned = (record, options) => {
     const { characterData, characterDataOldValue, attributes, attributeOldValue, childList } = options;
@@ -1174,7 +1175,7 @@ function shortcutAttr(key) {
         case ID:
             return UID;
         case CLASS:
-            return "cl" /* Shortcuts.Class */;
+            return "l" /* Shortcuts.Class */;
         default:
             return key;
     }
@@ -1291,7 +1292,7 @@ class ClassList {
 
 class EventSource extends Map {
     removeNode(child) {
-        const { sid, uid } = child;
+        const { ["s" /* Shortcuts.Sid */]: sid, uid } = child;
         this.delete(sid);
         if (uid !== sid && uid)
             this.delete(uid);
@@ -1322,24 +1323,27 @@ function hydrate(node) {
     let compileModeName = null;
     if (isText(node)) {
         return {
-            sid: node.sid,
+            ["s" /* Shortcuts.Sid */]: node["s" /* Shortcuts.Sid */],
             ["v" /* Shortcuts.Text */]: node.nodeValue,
-            ["nn" /* Shortcuts.NodeName */]: ((_a = componentsAlias[nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8'
+            ["n" /* Shortcuts.NodeName */]: ((_a = componentsAlias[nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8'
         };
     }
     const data = {
-        ["nn" /* Shortcuts.NodeName */]: nodeName,
-        sid: node.sid
+        ["n" /* Shortcuts.NodeName */]: nodeName,
+        ["s" /* Shortcuts.Sid */]: node["s" /* Shortcuts.Sid */]
     };
-    if (node.uid !== node.sid) {
+    if (node.uid !== node["s" /* Shortcuts.Sid */]) {
         data.uid = node.uid;
     }
     if (!node.isAnyEventBinded() && SPECIAL_NODES.indexOf(nodeName) > -1) {
-        data["nn" /* Shortcuts.NodeName */] = `static-${nodeName}`;
+        data["n" /* Shortcuts.NodeName */] = `static-${nodeName}`;
         if (nodeName === VIEW && !isHasExtractProp(node)) {
-            data["nn" /* Shortcuts.NodeName */] = PURE_VIEW;
+            data["n" /* Shortcuts.NodeName */] = PURE_VIEW;
         }
     }
+    if (nodeName === VIEW && node.isOnlyClickBinded()) {
+        data["n" /* Shortcuts.NodeName */] = CLICK_VIEW;
+    }
     const { props } = node;
     for (const prop in props) {
         const propInCamelCase = toCamelCase(prop);
@@ -1355,26 +1359,26 @@ function hydrate(node) {
             nodeName === VIEW &&
             propInCamelCase === CATCHMOVE &&
             props[prop] !== false) {
-            data["nn" /* Shortcuts.NodeName */] = CATCH_VIEW;
+            data["n" /* Shortcuts.NodeName */] = CATCH_VIEW;
         }
         if (propInCamelCase === COMPILE_MODE) {
             compileModeName = props[prop];
         }
     }
     // Children
-    data["cn" /* Shortcuts.Childnodes */] = node.childNodes.filter(node => !isComment(node)).map(hydrate);
+    data["c" /* Shortcuts.Childnodes */] = node.childNodes.filter(node => !isComment(node)).map(hydrate);
     if (node.className !== '') {
-        data["cl" /* Shortcuts.Class */] = node.className;
+        data["l" /* Shortcuts.Class */] = node.className;
     }
     const cssText = node.cssText;
     if (cssText !== '' && nodeName !== 'swiper-item') {
         data["st" /* Shortcuts.Style */] = cssText;
     }
     hooks.call('modifyHydrateData', data, node);
-    const nn = data["nn" /* Shortcuts.NodeName */];
-    const componentAlias = componentsAlias[nn];
+    const n = data["n" /* Shortcuts.NodeName */];
+    const componentAlias = componentsAlias[n];
     if (componentAlias) {
-        data["nn" /* Shortcuts.NodeName */] = componentAlias._num;
+        data["n" /* Shortcuts.NodeName */] = componentAlias._num;
         for (const prop in data) {
             if (prop in componentAlias) {
                 data[componentAlias[prop]] = data[prop];
@@ -1383,7 +1387,7 @@ function hydrate(node) {
         }
     }
     if (compileModeName !== null) {
-        data["nn" /* Shortcuts.NodeName */] = compileModeName;
+        data["n" /* Shortcuts.NodeName */] = compileModeName;
     }
     const resData = hooks.call('transferHydrateData', data, node, componentAlias);
     return resData || data;
@@ -1461,9 +1465,14 @@ class TaroEventTarget {
         const isAnyEventBinded = Object.keys(handlers).find(key => handlers[key].length);
         return Boolean(isAnyEventBinded);
     }
+    isOnlyClickBinded() {
+        const handlers = this.__handlers;
+        const isOnlyClickBinded = handlers.tap && Object.keys(handlers).length === 1;
+        return Boolean(isOnlyClickBinded);
+    }
 }
 
-const CHILDNODES = "cn" /* Shortcuts.Childnodes */;
+const CHILDNODES = "c" /* Shortcuts.Childnodes */;
 const nodeId = incrementId();
 class TaroNode extends TaroEventTarget {
     constructor() {
@@ -1472,8 +1481,8 @@ class TaroNode extends TaroEventTarget {
         this.childNodes = [];
         this.hydrate = (node) => () => hydrate(node);
         this.uid = '_' + nodeId(); // dom 节点 id，开发者可修改
-        this.sid = this.uid; // dom 节点全局唯一 id，不可被修改
-        eventSource.set(this.sid, this);
+        this["s" /* Shortcuts.Sid */] = this.uid; // dom 节点全局唯一 id，不可被修改
+        eventSource.set(this["s" /* Shortcuts.Sid */], this);
     }
     updateChildNodes(isClean) {
         const cleanChildNodes = () => [];
@@ -1628,13 +1637,13 @@ class TaroNode extends TaroEventTarget {
                 // insertBefore 有两种更新模式
                 // 比方说有 A B C 三个节点，现在要在 C 前插入 D
                 // 1. 插入 D，然后更新整个父节点的 childNodes 数组
-                // setData({ cn: [A, B, D, C] })
+                // setData({ c: [A, B, D, C] })
                 // 2. 插入 D，然后更新 D 以及 D 之后每个节点的数据
                 // setData ({
-                //   cn.[2]: D,
-                //   cn.[3]: C,
+                //   c.[2]: D,
+                //   c.[3]: C,
                 // })
-                // 由于微信解析 ’cn.[2]‘ 这些路径的时候也需要消耗时间，
+                // 由于微信解析 ’c.[2]‘ 这些路径的时候也需要消耗时间，
                 // 所以根据 insertBefore 插入的位置来做不同的处理
                 const mark = childNodesLength * 2 / 3;
                 if (mark > index) {
@@ -2222,8 +2231,8 @@ class TaroElement extends TaroNode {
                 this.style.cssText = value;
                 break;
             case ID:
-                if (this.uid !== this.sid) {
-                    // eventSource[sid] 永远保留，直到组件卸载
+                if (this.uid !== this["s" /* Shortcuts.Sid */]) {
+                    // eventSource[Shortcuts.Sid] 永远保留，直到组件卸载
                     // eventSource[uid] 可变
                     eventSource.delete(this.uid);
                 }
@@ -2267,14 +2276,14 @@ class TaroElement extends TaroNode {
                 // catchMove = true: catch-view
                 // catchMove = false: view or static-view
                 this.enqueueUpdate({
-                    path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
+                    path: `${_path}.${"n" /* Shortcuts.NodeName */}`,
                     value: value ? catchViewAlias : (this.isAnyEventBinded() ? viewAlias : staticViewAlias)
                 });
             }
             else if (isPureView && isHasExtractProp(this)) {
                 // pure-view => static-view
                 this.enqueueUpdate({
-                    path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
+                    path: `${_path}.${"n" /* Shortcuts.NodeName */}`,
                     value: staticViewAlias
                 });
             }
@@ -2326,14 +2335,14 @@ class TaroElement extends TaroNode {
             if (qualifiedNameInCamelCase === CATCHMOVE) {
                 // catch-view => view or static-view or pure-view
                 this.enqueueUpdate({
-                    path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
+                    path: `${_path}.${"n" /* Shortcuts.NodeName */}`,
                     value: this.isAnyEventBinded() ? viewAlias : (isHasExtractProp(this) ? staticViewAlias : pureViewAlias)
                 });
             }
             else if (isStaticView && !isHasExtractProp(this)) {
                 // static-view => pure-view
                 this.enqueueUpdate({
-                    path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
+                    path: `${_path}.${"n" /* Shortcuts.NodeName */}`,
                     value: pureViewAlias
                 });
             }
@@ -2402,7 +2411,7 @@ class TaroElement extends TaroNode {
             const componentsAlias = getComponentsAlias();
             const alias = componentsAlias[name]._num;
             this.enqueueUpdate({
-                path: `${this._path}.${"nn" /* Shortcuts.NodeName */}`,
+                path: `${this._path}.${"n" /* Shortcuts.NodeName */}`,
                 value: alias
             });
         }
@@ -2418,7 +2427,7 @@ class TaroElement extends TaroNode {
             const value = isHasExtractProp(this) ? `static-${name}` : `pure-${name}`;
             const valueAlias = componentsAlias[value]._num;
             this.enqueueUpdate({
-                path: `${this._path}.${"nn" /* Shortcuts.NodeName */}`,
+                path: `${this._path}.${"n" /* Shortcuts.NodeName */}`,
                 value: valueAlias
             });
         }
@@ -3382,9 +3391,9 @@ class TaroEvent {
         const cacheTarget = this.cacheTarget;
         if (!cacheTarget) {
             const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
-            const currentEle = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.sid) || target.id || null);
+            const currentEle = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b["s" /* Shortcuts.Sid */]) || target.id || null);
             // Note：优先判断冒泡场景alipay的targetDataset的sid, 不然冒泡场景target属性吐出不对，其余拿取当前绑定id
-            const element = env.document.getElementById(((_c = target.targetDataset) === null || _c === void 0 ? void 0 : _c.sid) || ((_d = target.dataset) === null || _d === void 0 ? void 0 : _d.sid) || target.id || null);
+            const element = env.document.getElementById(((_c = target.targetDataset) === null || _c === void 0 ? void 0 : _c["s" /* Shortcuts.Sid */]) || ((_d = target.dataset) === null || _d === void 0 ? void 0 : _d["s" /* Shortcuts.Sid */]) || target.id || null);
             target.dataset = Object.assign(Object.assign({}, (currentEle !== null ? currentEle.dataset : EMPTY_OBJ)), (element !== null ? element.dataset : EMPTY_OBJ));
             for (const key in (_e = this.mpEvent) === null || _e === void 0 ? void 0 : _e.detail) {
                 target[key] = this.mpEvent.detail[key];
@@ -3402,8 +3411,8 @@ class TaroEvent {
         if (!cacheCurrentTarget) {
             const doc = env.document;
             const currentTarget = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget) || null);
-            const element = doc.getElementById(((_b = currentTarget.dataset) === null || _b === void 0 ? void 0 : _b.sid) || currentTarget.id || null);
-            const targetElement = doc.getElementById(((_e = (_d = (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.dataset) === null || _e === void 0 ? void 0 : _e.sid) || ((_g = (_f = this.mpEvent) === null || _f === void 0 ? void 0 : _f.target) === null || _g === void 0 ? void 0 : _g.id) || null);
+            const element = doc.getElementById(((_b = currentTarget.dataset) === null || _b === void 0 ? void 0 : _b["s" /* Shortcuts.Sid */]) || currentTarget.id || null);
+            const targetElement = doc.getElementById(((_e = (_d = (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.dataset) === null || _e === void 0 ? void 0 : _e["s" /* Shortcuts.Sid */]) || ((_g = (_f = this.mpEvent) === null || _f === void 0 ? void 0 : _f.target) === null || _g === void 0 ? void 0 : _g.id) || null);
             if (element === null || (element && element === targetElement)) {
                 this.cacheCurrentTarget = this.target;
                 return this.target;
@@ -3461,7 +3470,7 @@ function eventHandler(event) {
     event.currentTarget = event.currentTarget || event.target || Object.assign({}, event);
     hooks.call('modifyMpEventImpl', event);
     const currentTarget = event.currentTarget;
-    const id = ((_a = currentTarget.dataset) === null || _a === void 0 ? void 0 : _a.sid /** sid */) || currentTarget.id /** uid */ || ((_b = event.detail) === null || _b === void 0 ? void 0 : _b.id) || '';
+    const id = ((_a = currentTarget.dataset) === null || _a === void 0 ? void 0 : _a["s" /* Shortcuts.Sid */] /** sid */) || currentTarget.id /** uid */ || ((_b = event.detail) === null || _b === void 0 ? void 0 : _b.id) || '';
     const node = env.document.getElementById(id);
     if (node) {
         const dispatch = () => {
@@ -3571,7 +3580,7 @@ _Performance_instances = new WeakSet(), _Performance_parseTime = function _Perfo
 const perf = new Performance();
 
 function findCustomWrapper(root, dataPathArr) {
-    // ['root', 'cn', '[0]'] remove 'root' => ['cn', '[0]']
+    // ['root', 'c', '[0]'] remove 'root' => ['c', '[0]']
     const list = dataPathArr.slice(1);
     let currentData = root;
     let customWrapper;
@@ -3580,8 +3589,8 @@ function findCustomWrapper(root, dataPathArr) {
         const key = item
             // '[0]' => '0'
             .replace(/^\[(.+)\]$/, '$1')
-            // 'cn' => 'childNodes'
-            .replace(/\bcn\b/g, 'childNodes');
+            // 'c' => 'Shortcuts.Childnodes'
+            .replace(/\bc\b/g, 'childNodes');
         currentData = currentData[key];
         if (isArray(currentData)) {
             currentData = currentData.filter(el => !isComment(el));
@@ -3589,7 +3598,7 @@ function findCustomWrapper(root, dataPathArr) {
         if (isUndefined(currentData))
             return true;
         if (currentData.nodeName === CUSTOM_WRAPPER) {
-            const res = customWrapperCache.get(currentData.sid);
+            const res = customWrapperCache.get(currentData["s" /* Shortcuts.Sid */]);
             if (res) {
                 customWrapper = res;
                 splitedPath = dataPathArr.slice(i + 2).join('.');
@@ -3619,6 +3628,20 @@ class TaroRootElement extends TaroElement {
     get _root() {
         return this;
     }
+    scheduleTask(fn) {
+        if (isFunction(Promise)) {
+            Promise.resolve()
+                .then(fn)
+                .catch((error) => {
+                setTimeout(() => {
+                    throw error;
+                });
+            });
+        }
+        else {
+            setTimeout(fn);
+        }
+    }
     enqueueUpdate(payload) {
         this.updatePayloads.push(payload);
         if (!this.pendingUpdate && this.ctx) {
@@ -3628,16 +3651,16 @@ class TaroRootElement extends TaroElement {
     performUpdate(initRender = false, prerender) {
         this.pendingUpdate = true;
         const ctx = hooks.call('proxyToRaw', this.ctx);
-        setTimeout(() => {
+        this.scheduleTask(() => {
             const setDataMark = `${SET_DATA} 开始时间戳 ${Date.now()}`;
             perf.start(setDataMark);
             const data = Object.create(null);
             const resetPaths = new Set(initRender
-                ? ['root.cn.[0]', 'root.cn[0]']
+                ? [`root.${"c" /* Shortcuts.Childnodes */}.[0]`, `root.${"c" /* Shortcuts.Childnodes */}[0]`]
                 : []);
             while (this.updatePayloads.length > 0) {
                 const { path, value } = this.updatePayloads.shift();
-                if (path.endsWith("cn" /* Shortcuts.Childnodes */)) {
+                if (path.endsWith("c" /* Shortcuts.Childnodes */)) {
                     resetPaths.add(path);
                 }
                 data[path] = value;
@@ -3711,7 +3734,7 @@ class TaroRootElement extends TaroElement {
                 }
                 ctx.setData(normalUpdate, cb);
             }
-        }, 0);
+        });
     }
     enqueueUpdateCallback(cb, ctx) {
         this.updateCallbacks.push(() => {
@@ -4212,7 +4235,7 @@ function createRecursiveComponentConfig(componentName) {
         ? {
             [ATTACHED]() {
                 var _a, _b;
-                const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b.sid);
+                const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a["s" /* Shortcuts.Sid */]) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b["s" /* Shortcuts.Sid */]);
                 if (isString(componentId)) {
                     customWrapperCache.set(componentId, this);
                     const el = env.document.getElementById(componentId);
@@ -4223,7 +4246,7 @@ function createRecursiveComponentConfig(componentName) {
             },
             [DETACHED]() {
                 var _a, _b;
-                const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b.sid);
+                const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a["s" /* Shortcuts.Sid */]) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b["s" /* Shortcuts.Sid */]);
                 if (isString(componentId)) {
                     customWrapperCache.delete(componentId);
                     const el = env.document.getElementById(componentId);
@@ -4238,7 +4261,7 @@ function createRecursiveComponentConfig(componentName) {
             i: {
                 type: Object,
                 value: {
-                    ["nn" /* Shortcuts.NodeName */]: getComponentsAlias$1(internalComponents)[VIEW]._num
+                    ["n" /* Shortcuts.NodeName */]: getComponentsAlias$1(internalComponents)[VIEW]._num
                 }
             },
             l: {
@@ -5065,5 +5088,5 @@ if (process.env.SUPPORT_TARO_POLYFILL !== 'disabled' && process.env.TARO_PLATFOR
     handlePolyfill();
 }
 
-export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver$1 as MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, TaroURLProvider as URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, convertNumber2PX, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, customWrapperCache, debounce, taroDocumentProvider as document, env, eventCenter, eventHandler, eventSource, extend, getComponentsAlias, taroGetComputedStyleProvider as getComputedStyle, getCurrentInstance, getCurrentPage, getHomePage, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, handlePolyfill, hasBasename, taroHistoryProvider as history, hydrate, incrementId, injectPageInstance, isComment, isElement, isHasExtractProp, isParentBinded, isText, taroLocationProvider as location, nav as navigator, nextTick, now, options, parseUrl, perf, removePageInstance, _raf as requestAnimationFrame, safeExecute, shortcutAttr, stringify, stripBasename, stripSuffix, stripTrailing, throttle, taroWindowProvider as window };
+export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, CLICK_VIEW, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver$1 as MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, TaroURLProvider as URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, convertNumber2PX, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, customWrapperCache, debounce, taroDocumentProvider as document, env, eventCenter, eventHandler, eventSource, extend, getComponentsAlias, taroGetComputedStyleProvider as getComputedStyle, getCurrentInstance, getCurrentPage, getHomePage, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, handlePolyfill, hasBasename, taroHistoryProvider as history, hydrate, incrementId, injectPageInstance, isComment, isElement, isHasExtractProp, isParentBinded, isText, taroLocationProvider as location, nav as navigator, nextTick, now, options, parseUrl, perf, removePageInstance, _raf as requestAnimationFrame, safeExecute, shortcutAttr, stringify, stripBasename, stripSuffix, stripTrailing, throttle, taroWindowProvider as window };
 //# sourceMappingURL=runtime.esm.js.map