@tarojs/runtime 3.6.2 → 3.6.4

package/LICENSE

@@ -137,3 +137,24 @@ MIT (miniprogram-render):
 The following files embed [miniprogram-render](https://github.com/Tencent/kbone) MIT:
 `/packages/taro-plugin-http/src/runtime/Cookie.ts`
 See `/LICENSE` for details of the license.
+
+==================
+
+MIT (stencil-ds-output-targets):
+The following files embed [stencil-ds-output-targets](https://github.com/ionic-team/stencil-ds-output-targets/) MIT:
+`/packages/taro-components-library-react/src/react-component-lib/utils/attachProps.ts`
+`/packages/taro-components-library-react/src/react-component-lib/utils/case.ts`
+`/packages/taro-components-library-react/src/react-component-lib/utils/dev.ts`
+`/packages/taro-components-library-react/src/react-component-lib/utils/index.tsx`
+`/packages/taro-components-library-react/src/react-component-lib/createComponent.tsx`
+`/packages/taro-components-library-react/src/react-component-lib/createOverlayComponent.tsx`
+`/packages/taro-components-library-react/src/react-component-lib/interfaces.ts`
+`/packages/taro-components-library-vue3/src/vue-component-lib/utils.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (stencil-vue2-output-target):
+The following files embed [stencil-vue2-output-target](https://github.com/diondree/stencil-vue2-output-target) MIT:
+`/packages/taro-components-library-vue2/src/vue-component-lib/utils.ts`
+See `/LICENSE` for details of the license.

package/dist/dom/custom-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { TaroElement } from './element';
+export declare class CustomWrapperElement extends TaroElement {
+    ctx: any;
+}

package/dist/dom-external/element.d.ts

@@ -1,3 +1,3 @@
-import type { TaroElement } from 'src/dom/element';
+import type { TaroElement } from '../dom/element';
 export declare function getBoundingClientRectImpl(this: TaroElement): Promise<null>;
 export declare function getTemplateContent(ctx: TaroElement): TaroElement | undefined;

package/dist/dom-external/node.d.ts

@@ -1,4 +1,4 @@
-import type { TaroNode } from 'src/dom/node';
+import type { TaroNode } from '../dom/node';
 export declare type IPosition = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
 /**
  * An implementation of `Element.insertAdjacentHTML()`

package/dist/runtime.esm.js

@@ -1,4 +1,4 @@
-import { noop, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, EMPTY_OBJ, hooks, toCamelCase, isObject, warn, isArray, ensure, isNull, isUndefined, toDashed, isString, controlledComponent, Events, isNumber } from '@tarojs/shared';
+import { noop, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, isWebPlatform, EMPTY_OBJ, hooks, toCamelCase, isObject, warn, isArray, ensure, isNull, isUndefined, toDashed, isString, controlledComponent, Events, isNumber } from '@tarojs/shared';
 export { Events, hooks } from '@tarojs/shared';
 
 const PROPERTY_THRESHOLD = 2046;
@@ -344,9 +344,10 @@ class EventSource extends Map {
 }
 const eventSource = new EventSource();
 
+const isWeb$1 = isWebPlatform();
 const env = {
-    window: process.env.TARO_ENV === 'h5' ? window : EMPTY_OBJ,
-    document: process.env.TARO_ENV === 'h5' ? document : EMPTY_OBJ
+    window: isWeb$1 ? window : EMPTY_OBJ,
+    document: isWeb$1 ? document : EMPTY_OBJ
 };
 
 let SPECIAL_NODES;
@@ -2312,7 +2313,7 @@ function contains(node) {
     return isContains;
 }
 
-if (process.env.TARO_ENV !== 'h5') {
+if (!isWebPlatform()) {
     if (ENABLE_INNER_HTML) {
         TaroNode.extend('innerHTML', {
             set(html) {
@@ -2442,10 +2443,10 @@ function getEventCBResult(event) {
 function eventHandler(event) {
     var _a, _b;
     // Note: ohos 上事件没有设置 type、detail 类型 setter 方法，且部分事件（例如 load 等）缺失 target 导致事件错误
-    !event.type && Object.defineProperty(event, 'type', {
+    event.type === undefined && Object.defineProperty(event, 'type', {
         value: event._type // ohos only
     });
-    !event.detail && Object.defineProperty(event, 'detail', {
+    event.detail === undefined && Object.defineProperty(event, 'detail', {
         value: event._detail || Object.assign({}, event) // ohos only
     });
     event.currentTarget = event.currentTarget || event.target || Object.assign({}, event);
@@ -2549,6 +2550,9 @@ function findCustomWrapper(root, dataPathArr) {
             // 'cn' => 'childNodes'
             .replace(/\bcn\b/g, 'childNodes');
         currentData = currentData[key];
+        if (isArray(currentData)) {
+            currentData = currentData.filter(el => !isComment(el));
+        }
         if (isUndefined(currentData))
             return true;
         if (currentData.nodeName === CUSTOM_WRAPPER) {
@@ -3138,6 +3142,9 @@ class AnchorElement extends TaroElement {
     }
 }
 
+class CustomWrapperElement extends TaroElement {
+}
+
 class TaroDocument extends TaroElement {
     constructor() {
         super();
@@ -3158,6 +3165,9 @@ class TaroDocument extends TaroElement {
             case nodeName === A:
                 element = new AnchorElement();
                 break;
+            case nodeName === CUSTOM_WRAPPER:
+                element = new CustomWrapperElement();
+                break;
             default:
                 element = new TaroElement();
                 break;
@@ -3201,7 +3211,7 @@ class TaroDocument extends TaroElement {
 }
 
 let document$1;
-if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
+if (process.env.TARO_ENV && !isWebPlatform()) {
     /* eslint-disable no-inner-declarations */
     function createDocument() {
         /**
@@ -3621,7 +3631,7 @@ const machine = 'Macintosh';
 const arch = 'Intel Mac OS X 10_14_5';
 const engine = 'AppleWebKit/534.36 (KHTML, like Gecko) NodeJS/v4.1.0 Chrome/76.0.3809.132 Safari/534.36';
 const msg = '(' + machine + '; ' + arch + ') ' + engine;
-const nav = process.env.TARO_ENV === 'h5' ? env.window.navigator : {
+const nav = isWebPlatform() ? env.window.navigator : {
     appCodeName: 'Mozilla',
     appName: 'Netscape',
     appVersion: '5.0 ' + msg,
@@ -3669,7 +3679,7 @@ const _caf = typeof cancelAnimationFrame !== 'undefined' && cancelAnimationFrame
     };
 
 let window$1;
-if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
+if (process.env.TARO_ENV && !isWebPlatform()) {
     class Window extends Events {
         constructor() {
             super();
@@ -3752,6 +3762,7 @@ class SVGElement extends TaroElement {
 /* eslint-disable dot-notation */
 const instances = new Map();
 const pageId = incrementId();
+const isWeb = isWebPlatform();
 function injectPageInstance(inst, id) {
     hooks.call('mergePageInstance', instances.get(id), inst);
     instances.set(id, inst);
@@ -3794,7 +3805,7 @@ function stringify(obj) {
 }
 function getPath(id, options) {
     const idx = id.indexOf('?');
-    if (process.env.TARO_ENV === 'h5') {
+    if (isWeb) {
         return `${idx > -1 ? id.substring(0, idx) : id}${stringify((options === null || options === void 0 ? void 0 : options.stamp) ? { stamp: options.stamp } : {})}`;
     }
     else {
@@ -3818,7 +3829,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
     let unmounting = false;
     let prepareMountList = [];
     function setCurrentRouter(page) {
-        const router = process.env.TARO_ENV === 'h5' ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
+        const router = isWeb ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
         Current.router = {
             params: page.$taroParams,
             path: addLeadingSlash(router),
@@ -3842,7 +3853,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             // this.$taroPath 是页面唯一标识
             const uniqueOptions = Object.assign({}, options, { $taroTimestamp: Date.now() });
             const $taroPath = this.$taroPath = getPath(id, uniqueOptions);
-            if (process.env.TARO_ENV === 'h5') {
+            if (isWeb) {
                 config.path = $taroPath;
             }
             // this.$taroParams 作为暴露给开发者的页面参数对象，可以被随意修改
@@ -3851,7 +3862,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             }
             setCurrentRouter(this);
             // 初始化当前页面的上下文信息
-            if (process.env.TARO_ENV !== 'h5') {
+            if (!isWeb) {
                 window$1.trigger(CONTEXT_ACTIONS.INIT, $taroPath);
             }
             const mount = () => {
@@ -3860,7 +3871,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                     ensure(pageElement !== null, '没有找到页面实例。');
                     safeExecute($taroPath, ON_LOAD, this.$taroParams);
                     loadResolver();
-                    if (process.env.TARO_ENV !== 'h5') {
+                    if (!isWeb) {
                         pageElement.ctx = this;
                         pageElement.performUpdate(true, cb);
                     }
@@ -3879,7 +3890,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
         [ONUNLOAD]() {
             const $taroPath = this.$taroPath;
             // 销毁当前页面的上下文信息
-            if (process.env.TARO_ENV !== 'h5') {
+            if (!isWeb) {
                 window$1.trigger(CONTEXT_ACTIONS.DESTORY, $taroPath);
             }
             // 触发onUnload生命周期
@@ -3913,7 +3924,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 Current.page = this;
                 setCurrentRouter(this);
                 // 恢复上下文信息
-                if (process.env.TARO_ENV !== 'h5') {
+                if (!isWeb) {
                     window$1.trigger(CONTEXT_ACTIONS.RECOVER, this.$taroPath);
                 }
                 // 触发生命周期
@@ -3924,7 +3935,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
         },
         [ONHIDE]() {
             // 缓存当前页面上下文信息
-            if (process.env.TARO_ENV !== 'h5') {
+            if (!isWeb) {
                 window$1.trigger(CONTEXT_ACTIONS.RESTORE, this.$taroPath);
             }
             // 设置 Current 的 page 和 router
@@ -3984,7 +3995,7 @@ function createComponentConfig(component, componentName, data) {
                 ensure(componentElement !== null, '没有找到组件实例。');
                 this.$taroInstances = instances.get(path);
                 safeExecute(path, ON_LOAD);
-                if (process.env.TARO_ENV !== 'h5') {
+                if (!isWeb) {
                     componentElement.ctx = this;
                     componentElement.performUpdate(true);
                 }
@@ -4022,6 +4033,10 @@ function createRecursiveComponentConfig(componentName) {
                 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 (isString(componentId)) {
                     customWrapperCache.set(componentId, this);
+                    const el = env.document.getElementById(componentId);
+                    if (el) {
+                        el.ctx = this;
+                    }
                 }
             },
             [DETACHED]() {
@@ -4029,6 +4044,10 @@ function createRecursiveComponentConfig(componentName) {
                 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 (isString(componentId)) {
                     customWrapperCache.delete(componentId);
+                    const el = env.document.getElementById(componentId);
+                    if (el) {
+                        el.ctx = null;
+                    }
                 }
             }
         }
@@ -4065,7 +4084,7 @@ const nextTick = (cb, ctx) => {
         const path = router.$taroPath;
         pageElement = env.document.getElementById(path);
         if (pageElement === null || pageElement === void 0 ? void 0 : pageElement.pendingUpdate) {
-            if (process.env.TARO_ENV === 'h5') {
+            if (isWebPlatform()) {
                 // eslint-disable-next-line dot-notation
                 (_c = (_b = (_a = pageElement.firstChild) === null || _a === void 0 ? void 0 : _a['componentOnReady']) === null || _b === void 0 ? void 0 : _b.call(_a).then(() => {
                     timerFunc();