@tarojs/runtime 4.1.12-alpha.4 → 4.1.12-alpha.5

package/dist/index.cjs.js

@@ -3233,7 +3233,13 @@ function setInnerHTML(element, html) {
     while (element.firstChild) {
         element.removeChild(element.firstChild);
     }
-    const children = parser(html, element.ownerDocument);
+    let { ownerDocument } = element;
+    if (process.env.TARO_ENV === 'tt' && shared.isEnableTTDom()) {
+        if ('appDocument' in tt) {
+            ownerDocument = tt.appDocument;
+        }
+    }
+    const children = parser(html, ownerDocument);
     for (let i = 0; i < children.length; i++) {
         element.appendChild(children[i]);
     }
@@ -3516,6 +3522,14 @@ function eventHandler(event) {
         }
     }
 }
+function eventHandlerTTDom(ele, listener, event) {
+    Object.assign(event, {
+        mpEvent: event,
+        bubbles: true,
+        cancelable: true,
+    });
+    listener(event, ele);
+}
 
 class FormElement extends TaroElement {
     get type() {
@@ -3947,8 +3961,140 @@ function createDocument() {
     doc.body = body;
     return doc;
 }
+function createTTDomDocument() {
+    var _a;
+    const document = tt === null || tt === void 0 ? void 0 : tt.appDocument;
+    if (!document) {
+        throw new Error('tt.appDocument is not found');
+    }
+    const html = document.createElement(HTML);
+    const head = document.createElement(HEAD);
+    const body = document.createElement(BODY);
+    const app = document.createElement(APP);
+    app.id = APP;
+    const container = document.createElement(CONTAINER);
+    const emptyFunction = () => { };
+    document.childNodes.push(html);
+    html.childNodes.push(head, body);
+    body.childNodes.push(container);
+    container.childNodes.push(app);
+    document.documentElement = html;
+    document.head = head;
+    document.body = body;
+    document.appElement = app;
+    let builtInComponents = (_a = tt === null || tt === void 0 ? void 0 : tt.getBuiltInComponents) === null || _a === void 0 ? void 0 : _a.call(tt);
+    if (Array.isArray(builtInComponents)) {
+        builtInComponents = new Set(builtInComponents);
+    }
+    else if (!(builtInComponents instanceof Set)) {
+        builtInComponents = new Set([...shared.DEFAULT_COMPONENTS, ...shared.TT_SPECIFIC_COMPONENTS]);
+    }
+    document.getElementById = function getElementById(id) {
+        if (id === 'app') {
+            return app;
+        }
+        else {
+            return Object.getPrototypeOf(this).getElementById.call(this, id);
+        }
+    };
+    document.getLastPage = function getLastPage() {
+        let last;
+        for (const v of this._pageDocumentMap.values())
+            last = v;
+        return last;
+    };
+    document.createElement = function (type, ...args) {
+        if (type === 'root') {
+            return this.getLastPage();
+        }
+        else {
+            const el = builtInComponents.has(type)
+                ? Object.getPrototypeOf(this).createElement.call(this, type, ...args)
+                : Object.getPrototypeOf(this).createNativeComponent.call(this, type, {
+                    __tt__inner__options__: {
+                        name: type,
+                    },
+                });
+            // 给元素加上 scopeId
+            el.setAttribute('class', '');
+            // 保存原始的 setAttribute 和 removeAttribute
+            const originalSetAttribute = el.setAttribute.bind(el);
+            const originalRemoveAttribute = el.removeAttribute.bind(el);
+            // 拦截 setAttribute 来处理 catchMove
+            el.setAttribute = function (name, value) {
+                const result = originalSetAttribute(name, value);
+                // 处理 catchMove 属性
+                if (name === 'catchMove' && value) {
+                    el.addEventListener('catchtouchmove', emptyFunction);
+                }
+                return result;
+            };
+            // 拦截 removeAttribute 来处理 catchMove
+            el.removeAttribute = function (name) {
+                const oldValue = el.getAttribute(name);
+                // 处理 catchMove 属性
+                if (name === 'catchMove' && oldValue) {
+                    el.removeEventListener('catchtouchmove', emptyFunction);
+                }
+                return originalRemoveAttribute(name);
+            };
+            if (process.env.FRAMEWORK === 'preact') {
+                const ttEventListener = el.addEventListener.bind(el);
+                const ttRemoveEventListener = el.removeEventListener.bind(el);
+                el.addEventListener = function (type, listener) {
+                    if (type === 'click') {
+                        type = 'tap';
+                    }
+                    const bindEventName = type.startsWith('bind') || type.startsWith('catch') ? type : `bind${type}`;
+                    // 创建包装函数
+                    const wrapper = (event) => {
+                        const type = event.type;
+                        // 对齐 modifyMpEvent 处理逻辑
+                        if (type === 'tap') {
+                            event.type = 'click';
+                        }
+                        else if (type === 'focus') {
+                            event.type = 'focusin';
+                        }
+                        else if (type === 'blur') {
+                            event.type = 'focusout';
+                        }
+                        Object.assign(event, {
+                            mpEvent: event,
+                            bubbles: true,
+                            cancelable: true,
+                        });
+                        listener.call(el, event);
+                    };
+                    // 保存包装函数的引用，用于后续移除
+                    if (!el.__eventWrappers) {
+                        el.__eventWrappers = new WeakMap();
+                    }
+                    el.__eventWrappers.set(listener, wrapper);
+                    ttEventListener(bindEventName, wrapper);
+                };
+                el.removeEventListener = function (type, listener) {
+                    var _a;
+                    if (type === 'click') {
+                        type = 'tap';
+                    }
+                    const bindEventName = type.startsWith('bind') || type.startsWith('catch') ? type : `bind${type}`;
+                    // 获取之前保存的包装函数
+                    const wrapper = (_a = el.__eventWrappers) === null || _a === void 0 ? void 0 : _a.get(listener);
+                    if (wrapper) {
+                        ttRemoveEventListener(bindEventName, wrapper);
+                        delete el.__eventWrappers[listener];
+                    }
+                };
+            }
+            return el;
+        }
+    };
+    return document;
+}
 // Note: 小程序端 vite 打包成 commonjs，const document = xxx 会报错，所以把 document 改为 taroDocumentProvider
-const taroDocumentProvider = process.env.TARO_PLATFORM === 'web' ? env.document : (env.document = createDocument());
+const taroDocumentProvider = process.env.TARO_PLATFORM === 'web' ? env.document : (env.document =
+    shared.isEnableTTDom() ? createTTDomDocument() : createDocument());
 
 // for Vue3
 class SVGElement extends TaroElement {
@@ -4055,13 +4201,23 @@ function createPageConfig(component, pageName, data, pageConfig) {
             }
             const mount = () => {
                 Current.app.mount(component, $taroPath, () => {
-                    pageElement = env.document.getElementById($taroPath);
+                    if (process.env.TARO_ENV === 'tt' && shared.isEnableTTDom()) {
+                        pageElement = env.document.getPageDocumentById(this.__webviewId__);
+                    }
+                    else {
+                        pageElement = env.document.getElementById($taroPath);
+                    }
                     shared.ensure(pageElement !== null, '没有找到页面实例。');
                     safeExecute($taroPath, ON_LOAD, this.$taroParams);
                     loadResolver();
                     if (process.env.TARO_PLATFORM !== 'web') {
                         pageElement.ctx = this;
-                        pageElement.performUpdate(true, cb);
+                        if (process.env.TARO_ENV === 'tt' && shared.isEnableTTDom()) {
+                            pageElement.sync();
+                        }
+                        else {
+                            pageElement.performUpdate(true, cb);
+                        }
                     }
                     else {
                         shared.isFunction(cb) && cb();
@@ -4222,7 +4378,9 @@ function createComponentConfig(component, componentName, data) {
                 safeExecute(path, ON_LOAD);
                 if (process.env.TARO_PLATFORM !== 'web') {
                     componentElement.ctx = this;
-                    componentElement.performUpdate(true);
+                    if (process.env.TARO_ENV !== 'tt' || !shared.isEnableTTDom()) {
+                        componentElement.performUpdate(true);
+                    }
                 }
             });
         },
@@ -4255,6 +4413,9 @@ function createRecursiveComponentConfig(componentName) {
         ? {
             [ATTACHED]() {
                 var _a, _b;
+                if (process.env.TARO_ENV === 'tt' && shared.isEnableTTDom()) {
+                    return;
+                }
                 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);
                 if (shared.isString(componentId)) {
                     customWrapperCache.set(componentId, this);
@@ -4266,6 +4427,9 @@ function createRecursiveComponentConfig(componentName) {
             },
             [DETACHED]() {
                 var _a, _b;
+                if (process.env.TARO_ENV === 'tt' && shared.isEnableTTDom()) {
+                    return;
+                }
                 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);
                 if (shared.isString(componentId)) {
                     customWrapperCache.delete(componentId);
@@ -5193,6 +5357,7 @@ exports.document = taroDocumentProvider;
 exports.env = env;
 exports.eventCenter = eventCenter;
 exports.eventHandler = eventHandler;
+exports.eventHandlerTTDom = eventHandlerTTDom;
 exports.eventSource = eventSource;
 exports.extend = extend;
 exports.getComponentsAlias = getComponentsAlias;
@@ -5225,6 +5390,7 @@ exports.perf = perf;
 exports.removePageInstance = removePageInstance;
 exports.requestAnimationFrame = _raf;
 exports.safeExecute = safeExecute;
+exports.setInnerHTML = setInnerHTML;
 exports.shortcutAttr = shortcutAttr;
 exports.stringify = stringify;
 exports.stripBasename = stripBasename;