@tarojs/runtime 3.3.15 → 3.3.19

package/dist/dsl/react.d.ts

@@ -5,7 +5,7 @@ import type { AppInstance, ReactPageComponent, PageProps } from './instance';
 export declare let R: typeof React;
 export declare let PageContext: React.Context<string>;
 export declare function connectReactPage(R: typeof React, id: string): (component: ReactPageComponent) => React.ComponentClass<PageProps>;
-export declare function createReactApp(App: React.ComponentClass, react: typeof React, reactdom: any, config: AppConfig): AppInstance;
+export declare function createReactApp(App: React.ComponentClass, react: typeof React, dom: any, config: AppConfig): AppInstance;
 export declare function createNativeComponentConfig(Component: any, react: typeof React, reactdom: any, componentConfig: any): {
     properties: {
         props: {

package/dist/runtime.esm.js

@@ -2141,7 +2141,7 @@ let TaroElement = class TaroElement extends TaroNode {
         qualifiedName = shortcutAttr(qualifiedName);
         const payload = {
             path: `${this._path}.${toCamelCase(qualifiedName)}`,
-            value
+            value: isFunction$1(value) ? () => value : value
         };
         (_b = (_a = this.hooks).modifySetAttrPayload) === null || _b === void 0 ? void 0 : _b.call(_a, this, qualifiedName, payload);
         this.enqueueUpdate(payload);
@@ -3971,8 +3971,12 @@ class StyleTagParser {
         // console.log('res this.styles: ', this.styles)
     }
     parseSelector(src) {
-        // todo: 属性选择器里可以带空格：[a = "b"]，这里的 split(' ') 需要作兼容
-        const list = src.trim().replace(/ *([>~+]) */g, ' $1').replace(/ +/g, ' ').split(' ');
+        const list = src
+            .trim()
+            .replace(/ *([>~+]) */g, ' $1')
+            .replace(/ +/g, ' ')
+            .replace(/\[\s*([^[\]=\s]+)\s*=\s*([^[\]=\s]+)\s*\]/g, '[$1=$2]')
+            .split(' ');
         const selectors = list.map(item => {
             const firstChar = item.charAt(0);
             const selector = {
@@ -5189,7 +5193,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
     let loadResolver;
     let hasLoaded;
     const config = {
-        onLoad(options, cb) {
+        onLoad(options = {}, cb) {
             hasLoaded = new Promise(resolve => { loadResolver = resolve; });
             perf.start(PAGE_INIT);
             Current.page = this;
@@ -5507,9 +5511,10 @@ function setReconciler() {
     }
 }
 const pageKeyId = incrementId();
-function createReactApp(App, react, reactdom, config) {
+function createReactApp(App, react, dom, config) {
+    var _a;
     R = react;
-    ReactDOM = reactdom;
+    ReactDOM = dom;
     ensure(!!ReactDOM, '构建 React/Nerv 项目请把 process.env.FRAMEWORK 设置为 \'react\'/\'nerv\' ');
     const ref = R.createRef();
     const isReactComponent = isClassComponent(R, App);
@@ -5551,8 +5556,7 @@ function createReactApp(App, react, reactdom, config) {
     }
     let wrapper;
     if (!isBrowser) {
-        // eslint-disable-next-line react/no-render-return-value
-        wrapper = ReactDOM.render(R.createElement(AppWrapper), document$2.getElementById('app'));
+        wrapper = (_a = ReactDOM.render) === null || _a === void 0 ? void 0 : _a.call(ReactDOM, R.createElement(AppWrapper), document$2.getElementById('app'));
     }
     const app = Object.create({
         render(cb) {
@@ -5576,11 +5580,11 @@ function createReactApp(App, react, reactdom, config) {
             enumerable: true,
             writable: true,
             value(options) {
+                var _a;
                 Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
                 if (isBrowser) {
                     // 由于 H5 路由初始化的时候会清除 app 下的 dom 元素，所以需要在路由初始化后执行 render
-                    // eslint-disable-next-line react/no-render-return-value
-                    wrapper = ReactDOM.render(R.createElement(AppWrapper), document$2.getElementById('app'));
+                    wrapper = (_a = ReactDOM.render) === null || _a === void 0 ? void 0 : _a.call(ReactDOM, R.createElement(AppWrapper), document$2.getElementById((config === null || config === void 0 ? void 0 : config.appId) || 'app'));
                 }
                 const app = ref.current;
                 // For taroize
@@ -5935,7 +5939,7 @@ function createVueApp(App, vue, config) {
                 Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
                 if (isBrowser) {
                     // 由于 H5 路由初始化的时候会清除 app 下的 dom 元素，所以需要在路由初始化后再执行 render
-                    wrapper.$mount(document$2.getElementById('app'));
+                    wrapper.$mount(document$2.getElementById((config === null || config === void 0 ? void 0 : config.appId) || 'app'));
                 }
                 appInstance = wrapper.$refs.app;
                 if (appInstance != null && isFunction$1(appInstance.$options.onLaunch)) {
@@ -5976,10 +5980,6 @@ function createVue3Page(h, id) {
             },
             created() {
                 injectPageInstance(this, id);
-                // vue3 组件 created 时机比小程序页面 onShow 慢，因此在 created 后再手动触发一次 onShow。
-                this.$nextTick(() => {
-                    safeExecute(id, 'onShow');
-                });
             }
         };
         if (isArray$1(component.mixins)) {
@@ -6083,7 +6083,7 @@ function createVue3App(app, h, config) {
                 var _a;
                 Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
                 if (isBrowser) {
-                    appInstance = app.mount('#app');
+                    appInstance = app.mount(`#${config.appId || 'app'}`);
                 }
                 // 把 App Class 上挂载的额外属性同步到全局 app 对象中
                 // eslint-disable-next-line dot-notation