@tarojs/plugin-framework-react 4.0.0-canary.1 → 4.0.0-canary.11

package/dist/reconciler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconciler.js","sources":["../src/runtime/reconciler/h.ts","../src/runtime/reconciler/props.ts","../src/runtime/reconciler/render.ts","../src/runtime/reconciler/use.ts","../src/runtime/reconciler/index.ts"],"sourcesContent":["import { TaroNode } from '@tarojs/runtime'\nimport { children as solidChildren, createRenderEffect, onCleanup, splitProps } from 'solid-js'\n\nimport { createElement, createTextNode, effect, insert, insertNode, setProp } from './render'\n\nimport type { Accessor } from 'solid-js'\nimport type { ResolvedChildren } from 'solid-js/types/reactive/signal'\n\nexport type Component = (props?: any) => TaroNode\n\ntype Children =\n  | undefined\n  | string\n  | number\n  | TaroNode\n  | TaroNode[]\n  | Component\n  | Component[]\n  | Accessor<ResolvedChildren>\n  | (() => Component[])\n\nexport function h(tagName: string, props?: any, children?: Children) {\n  if (typeof tagName !== 'string') {\n    throw Error(`h function cant create ele for ${tagName}`)\n  }\n  const ele = createElement(tagName)\n  const [local, otherProps] = splitProps(props, ['ref', 'children'])\n\n  setProps(ele, otherProps)\n\n  if (local.ref) {\n    createRenderEffect(() => {\n      if (typeof local.ref === 'function') {\n        local.ref(ele)\n      } else {\n        local.ref = ele\n      }\n    })\n  }\n\n  // get 的处理\n  if (local.hasOwnProperty('children')) {\n    const descriptor = Object.getOwnPropertyDescriptor(local, 'children')\n    if (descriptor?.get) {\n      children = solidChildren(() => local.children)\n    } else {\n      children = local.children\n    }\n  }\n  insertNodes(ele, children)\n\n  return ele\n}\n\nfunction setProps(ele: TaroNode, otherProps: Record<string, any> = {}) {\n  const desc = { ...otherProps }\n  const plain_keys = Object.keys(desc).filter((key) => {\n    if (desc[key]?.get) {\n      return false\n    }\n    return true\n  })\n  const [plainProps, getterValues] = splitProps(otherProps, plain_keys)\n\n  // 普通属性直接赋值\n  if (Object.keys(plainProps)?.length) {\n    for (const key in plainProps) {\n      setProp(ele, key, plainProps[key])\n    }\n  }\n\n  // 特殊属性 放到createRenderEffect中\n  if (Object.keys(getterValues)?.length) {\n    let preProps = {} as typeof getterValues\n    effect(() => {\n      for (const key in getterValues) {\n        const val = getterValues[key]\n\n        if (val === preProps[key]) {\n          continue\n        }\n        setProp(ele, key, val, preProps[key])\n        preProps[key] = val\n      }\n    })\n    onCleanup(() => {\n      preProps = {}\n    })\n  }\n}\n\nfunction insertNodes(parent: TaroNode, children: Children) {\n  if (children === undefined) {\n    return\n  }\n\n  let list = [] as TaroNode[] | (() => TaroNode)[]\n  if (!Array.isArray(children)) {\n    list = [children] as TaroNode[] | (() => TaroNode)[]\n  } else {\n    list = children\n  }\n  for (let i = 0; i < list.length; i++) {\n    const child = list[i]\n    const type = typeof child\n    if (type === 'function') {\n      insert(parent, child, null)\n      continue\n    }\n    if (Array.isArray(child)) {\n      insertNodes(parent, child)\n      continue\n    }\n\n    if (child instanceof TaroNode) {\n      insertNode(parent, child)\n      continue\n    }\n\n    if (type === 'string') {\n      const node = createTextNode(child as unknown as string)\n      insertNode(parent, node)\n      continue\n    }\n\n    if (type === 'number' || type === 'boolean' || child instanceof Date || child instanceof RegExp) {\n      const node = createTextNode(child.toString())\n      insertNode(parent, node)\n      continue\n    }\n  }\n}\n","import { FormElement } from '@tarojs/runtime'\nimport { capitalize, internalComponents, isFunction, isObject, toCamelCase } from '@tarojs/shared'\n\nimport type { TaroElement } from '@tarojs/runtime'\n\nexport type Props = Record<string, unknown>\n\nfunction isEventName (s: string) {\n  return s[0] === 'o' && s[1] === 'n'\n}\n\nexport function updateProps (dom: TaroElement, oldProps: Props, newProps: Props) {\n  const updatePayload = getUpdatePayload(dom, oldProps, newProps)\n  if (updatePayload){\n    updatePropsByPayload(dom, oldProps, updatePayload)\n  }\n}\n\nexport function updatePropsByPayload (dom: TaroElement, oldProps: Props, updatePayload: any[]){\n  for (let i = 0; i < updatePayload.length; i += 2){ // key, value 成对出现\n    const key = updatePayload[i]; const newProp = updatePayload[i+1]; const oldProp = oldProps[key]\n    setProperty(dom, key, newProp, oldProp)\n  }\n}\n\nexport function getUpdatePayload (dom: TaroElement, oldProps: Props, newProps: Props){\n  let i: string\n  let updatePayload: any[] | null = null\n\n  for (i in oldProps) {\n    if (!(i in newProps)) {\n      (updatePayload = updatePayload || []).push(i, null)\n    }\n  }\n  const isFormElement = dom instanceof FormElement\n  for (i in newProps) {\n    if (oldProps[i] !== newProps[i] || (isFormElement && i === 'value')) {\n      (updatePayload = updatePayload || []).push(i, newProps[i])\n    }\n  }\n\n  return updatePayload\n}\n\n// function eventProxy (e: CommonEvent) {\n//   const el = document.getElementById(e.currentTarget.id)\n//   const handlers = el!.__handlers[e.type]\n//   handlers[0](e)\n// }\n\nfunction setEvent (dom: TaroElement, name: string, value: unknown, oldValue?: unknown) {\n  const isCapture = name.endsWith('Capture')\n  let eventName = name.toLowerCase().slice(2)\n  if (isCapture) {\n    eventName = eventName.slice(0, -7)\n  }\n\n  const compName = capitalize(toCamelCase(dom.tagName.toLowerCase()))\n\n  if (eventName === 'click' && process.env.TARO_PLATFORM !== 'harmony' && compName in internalComponents) {\n    eventName = 'tap'\n  }\n\n  if (isFunction(value)) {\n    if (oldValue) {\n      dom.removeEventListener(eventName, oldValue as any, false)\n      dom.addEventListener(eventName, value, { isCapture, sideEffect: false })\n    } else {\n      dom.addEventListener(eventName, value, isCapture)\n    }\n  } else {\n    dom.removeEventListener(eventName, oldValue as any)\n  }\n}\n\ninterface DangerouslySetInnerHTML {\n  __html?: string\n}\ntype ClassList = { [key: string]: boolean }\n\nfunction diffClassList (newVal: ClassList, oldVal: ClassList) {\n  const result: ClassList = {}\n  for (const key in oldVal) {\n    if (newVal[key] !== oldVal[key]) {\n      result[key] = newVal[key]\n    }\n  }\n  for (const key in newVal) {\n    if (result.hasOwnProperty(key)) {\n      continue\n    }\n    result[key] = newVal[key]\n  }\n  return result\n}\n\nexport function setProperty (dom: TaroElement, name: string, value: unknown, oldValue?: unknown) {\n  name = name === 'className' ? 'class' : name\n\n  if (['key', 'children', 'ref'].includes(name)) return\n\n  if (name === 'classList') {\n    const map = diffClassList(value as ClassList, oldValue as ClassList)\n    for (const key in map) {\n      if (key === '') {\n        continue\n      }\n      if (map[key]) {\n        (dom as any).classList.add(key)\n      } else {\n        (dom as any).classList.remove(key)\n      }\n    }\n  } else if (isEventName(name)) {\n    setEvent(dom, name, value, oldValue)\n  } else if (name === 'dangerouslySetInnerHTML') {\n    const newHtml = (value as DangerouslySetInnerHTML)?.__html ?? ''\n    const oldHtml = (oldValue as DangerouslySetInnerHTML)?.__html ?? ''\n    if (newHtml || oldHtml) {\n      if (oldHtml !== newHtml) {\n        dom.innerHTML = newHtml\n      }\n    }\n  } else if (!isFunction(value)) {\n    if (value == null) {\n      dom.removeAttribute(name)\n    } else {\n      // 处理对象类型的style样式\n      if (name === 'style' && isObject(value)) {\n        value = Object.keys(value).reduce((acc, key) => {\n          acc.push(`${key}: ${(value as Record<string, string>)[key]}`)\n          return acc\n        }, [] as string[]).join(';')\n      }\n      dom.setAttribute(name, value as string)\n    }\n  }\n}\n","import { document, TaroText } from '@tarojs/runtime'\nimport { isFunction, isString } from '@tarojs/shared'\nimport { createRenderer } from 'solid-js/universal'\n\nimport { h } from './h'\nimport { setProperty } from './props'\n\nimport type { TaroElement, TaroNode } from '@tarojs/runtime'\n\nconst renderer = createRenderer<TaroNode>({\n  createElement(type: string) {\n    return document.createElement(type)\n  },\n  createTextNode(text) {\n    return document.createTextNode(text)\n  },\n  replaceText(textNode, value) {\n    textNode.textContent = value\n  },\n  setProperty(node: TaroElement, name: string, value, prev) {\n    setProperty(node, name, value, prev)\n  },\n  insertNode(parent, node, anchor) {\n    parent.insertBefore(node, anchor)\n  },\n  isTextNode(node: TaroNode) {\n    if (isString(node)) return true\n    return node instanceof TaroText\n  },\n  removeNode(parent: TaroElement, node: TaroElement) {\n    parent.removeChild(node)\n  },\n  getParentNode(node: TaroNode) {\n    return node.parentNode || undefined\n  },\n  getFirstChild(node: TaroElement) {\n    return node.firstChild || undefined\n  },\n  getNextSibling(node: TaroElement) {\n    return node.nextSibling || undefined\n  },\n})\n\nexport const render = renderer.render\nexport const effect = renderer.effect\nexport const memo = renderer.memo\nexport const createComponent = (type, props?) => {\n  if (isString(type)) return h(type, props)\n  if (isFunction(type)) return renderer.createComponent(type, props)\n  return renderer.createComponent(Fragment, props)\n}\nexport const createElement = renderer.createElement\nexport const createTextNode = renderer.createTextNode\nexport const insertNode = renderer.insertNode\nexport const insert = renderer.insert\nexport const spread = renderer.spread\nexport const setProp = renderer.setProp\nexport const mergeProps = renderer.mergeProps\nexport const use = renderer.use\n\nfunction Fragment(props) {\n  return props.children\n}\nfunction jsx(type, props) {\n  return h(type, props)\n}\n\nexport { Fragment, jsx, jsx as jsxDEV, jsx as jsxs }\n","import { noop } from '@tarojs/shared'\nimport { batch } from 'solid-js'\n\nexport function flushSync () {\n  batch(noop)\n}\n\nexport function unstable_batchedUpdates (fn) {\n  batch(fn)\n}\n","import {\n  $DEVCOMP,\n  ComponentProps,\n  createEffect,\n  createMemo,\n  getOwner,\n  JSX,\n  onCleanup,\n  runWithOwner,\n  sharedConfig,\n  splitProps,\n  untrack,\n  ValidComponent\n} from 'solid-js'\n\nimport { createElement, insert, spread } from './render'\n\nexport * from './props'\nexport * from './render'\nexport * from './use'\n\nexport function Portal<T extends boolean = false, S extends boolean = false> (props: {\n  mount?: Node\n  ref?:\n  | (S extends true ? SVGGElement : HTMLDivElement)\n  | ((\n    el: (T extends true ? { readonly shadowRoot: ShadowRoot } : object) & (S extends true ? SVGGElement : HTMLDivElement)\n  ) => void)\n  children: JSX.Element\n}) {\n  const marker = document.createTextNode('')\n  const mount = () => props.mount || document.body\n  const owner = getOwner()\n  let content: undefined | (() => JSX.Element)\n  let hydrating = !!sharedConfig.context\n\n  createEffect(\n    () => {\n      // basically we backdoor into a sort of renderEffect here\n      if (hydrating) (getOwner() as any).user = hydrating = false\n      content || (content = runWithOwner(owner, () => createMemo(() => props.children)))\n      const el = mount()\n      const container: any = createElement('view')\n      const renderRoot = container\n\n      Object.defineProperty(container, '_$host', {\n        get () {\n          return marker.parentNode\n        },\n        configurable: true\n      })\n      insert(renderRoot, content)\n      el.appendChild(container)\n      props.ref && (props as any).ref(container)\n      onCleanup(() => el.removeChild(container))\n\n    },\n    undefined,\n    { render: !hydrating }\n  )\n  return marker\n}\n\nexport type DynamicProps<T extends ValidComponent, P = ComponentProps<T>> = {\n  [K in keyof P]: P[K];\n} & {\n  component: T | undefined\n};\n\nexport function Dynamic<T extends ValidComponent> (props: DynamicProps<T>): JSX.Element {\n  const [p, others] = splitProps(props, ['component'])\n  const cached = createMemo(() => p.component)\n  return createMemo(() => {\n    const component = cached()\n    switch (typeof component) {\n      case 'function':\n        // eslint-disable-next-line no-constant-condition\n        if ('_DX_DEV_') Object.assign(component, { [$DEVCOMP]: true })\n        return untrack(() => component(others))\n\n      case 'string':\n        // eslint-disable-next-line no-case-declarations\n        const el = createElement(component)\n        spread(el, others, false)\n        return el\n\n      default:\n        break\n    }\n  }) as unknown as JSX.Element\n}\n"],"names":["children","solidChildren","document"],"mappings":"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"}

package/dist/runtime.js

@@ -1,9 +1,15 @@
-import { EMPTY_OBJ, isFunction, isArray, isWebPlatform, hooks, ensure, isUndefined } from '@tarojs/shared';
-import { Current, getPageInstance, injectPageInstance, incrementId, document, getPath, window, CONTEXT_ACTIONS, safeExecute, removePageInstance, ON_READY, requestAnimationFrame, eventCenter, getOnReadyEventKey, ON_SHOW, getOnShowEventKey, ON_HIDE, getOnHideEventKey, eventHandler, addLeadingSlash } from '@tarojs/runtime';
+import { EMPTY_OBJ, isFunction, isArray, hooks, ensure, isUndefined } from '@tarojs/shared';
+import { Current, getPageInstance, injectPageInstance, incrementId, document, perf, PAGE_INIT, getPath, window, CONTEXT_ACTIONS, safeExecute, removePageInstance, ON_READY, requestAnimationFrame, eventCenter, getOnReadyEventKey, ON_SHOW, getOnShowEventKey, ON_HIDE, getOnHideEventKey, eventHandler, addLeadingSlash } from '@tarojs/runtime';
+import * as Solid from 'solid-js';
+import { createContext, createMemo, useContext, createRenderEffect, onCleanup } from 'solid-js';
+import * as SolidReconciler from '@tarojs/plugin-framework-react/dist/reconciler';
 
 const reactMeta = {
     PageContext: EMPTY_OBJ,
-    R: EMPTY_OBJ
+    R: EMPTY_OBJ,
+};
+const solidMeta = {
+    PageContext: createContext(''),
 };
 
 const HOOKS_APP_ID = 'taro-app';
@@ -44,49 +50,87 @@ function setRouterParams(options) {
 
 const createTaroHook = (lifecycle) => {
     return (fn) => {
-        const { R: React, PageContext } = reactMeta;
-        const id = React.useContext(PageContext) || HOOKS_APP_ID;
-        const instRef = React.useRef();
-        // hold fn ref and keep up to date
-        const fnRef = React.useRef(fn);
-        if (fnRef.current !== fn)
-            fnRef.current = fn;
-        React.useLayoutEffect(() => {
-            let inst = instRef.current = getPageInstance(id);
-            let first = false;
-            if (!inst) {
-                first = true;
-                instRef.current = Object.create(null);
-                inst = instRef.current;
-            }
-            // callback is immutable but inner function is up to date
-            const callback = (...args) => fnRef.current(...args);
-            if (isFunction(inst[lifecycle])) {
-                (inst[lifecycle]) = [inst[lifecycle], callback];
-            }
-            else {
-                (inst[lifecycle]) = [
-                    ...((inst[lifecycle]) || []),
-                    callback
-                ];
-            }
-            if (first) {
-                injectPageInstance(inst, id);
-            }
-            return () => {
-                const inst = instRef.current;
-                if (!inst)
-                    return;
-                const list = inst[lifecycle];
-                if (list === callback) {
-                    (inst[lifecycle]) = undefined;
+        if (process.env.FRAMEWORK !== 'solid') {
+            const { R: React, PageContext } = reactMeta;
+            const id = React.useContext(PageContext) || HOOKS_APP_ID;
+            const instRef = React.useRef();
+            // hold fn ref and keep up to date
+            const fnRef = React.useRef(fn);
+            if (fnRef.current !== fn)
+                fnRef.current = fn;
+            React.useLayoutEffect(() => {
+                let inst = instRef.current = getPageInstance(id);
+                let first = false;
+                if (!inst) {
+                    first = true;
+                    instRef.current = Object.create(null);
+                    inst = instRef.current;
                 }
-                else if (isArray(list)) {
-                    (inst[lifecycle]) = list.filter(item => item !== callback);
+                // callback is immutable but inner function is up to date
+                const callback = (...args) => fnRef.current(...args);
+                if (isFunction(inst[lifecycle])) {
+                    (inst[lifecycle]) = [inst[lifecycle], callback];
                 }
-                instRef.current = undefined;
-            };
-        }, []);
+                else {
+                    (inst[lifecycle]) = [
+                        ...((inst[lifecycle]) || []),
+                        callback
+                    ];
+                }
+                if (first) {
+                    injectPageInstance(inst, id);
+                }
+                return () => {
+                    const inst = instRef.current;
+                    if (!inst)
+                        return;
+                    const list = inst[lifecycle];
+                    if (list === callback) {
+                        (inst[lifecycle]) = undefined;
+                    }
+                    else if (isArray(list)) {
+                        (inst[lifecycle]) = list.filter(item => item !== callback);
+                    }
+                    instRef.current = undefined;
+                };
+            }, []);
+        }
+        else {
+            const context = useContext(solidMeta.PageContext);
+            const id = context || HOOKS_APP_ID;
+            createRenderEffect(() => {
+                let inst = getPageInstance(id);
+                let first = false;
+                if (!inst) {
+                    first = true;
+                    inst = Object.create({
+                        id: id,
+                        type: 'page',
+                    });
+                }
+                if (isFunction(inst[lifecycle])) {
+                    inst[lifecycle] = [inst[lifecycle], fn];
+                }
+                else {
+                    inst[lifecycle] = [
+                        ...((inst[lifecycle]) || []),
+                        fn
+                    ];
+                }
+                if (first) {
+                    injectPageInstance(inst, id);
+                }
+                onCleanup(() => {
+                    const list = inst[lifecycle];
+                    if (list === fn) {
+                        (inst[lifecycle]) = undefined;
+                    }
+                    else if (isArray(list)) {
+                        (inst[lifecycle]) = list.filter(item => item !== fn);
+                    }
+                });
+            });
+        }
     };
 };
 /** LifeCycle */
@@ -115,8 +159,13 @@ const useTitleClick = createTaroHook('onTitleClick');
 /** Router */
 const useReady = createTaroHook('onReady');
 const useRouter = (dynamic = false) => {
-    const React = reactMeta.R;
-    return dynamic ? Current.router : React.useMemo(() => Current.router, []);
+    if (process.env.FRAMEWORK !== 'solid') {
+        const React = reactMeta.R;
+        return dynamic ? Current.router : React.useMemo(() => Current.router, []);
+    }
+    else {
+        return dynamic ? Current.router : createMemo(() => Current.router);
+    }
 };
 const useTabItemTap = createTaroHook('onTabItemTap');
 const useScope = () => undefined;
@@ -152,7 +201,6 @@ let h$1;
 let ReactDOM$1;
 let Fragment;
 const pageKeyId = incrementId();
-const isWeb = isWebPlatform();
 function setReconciler(ReactDOM) {
     hooks.tap('getLifecycle', function (instance, lifecycle) {
         lifecycle = lifecycle.replace(/^on(Show|Hide)$/, 'componentDid$1');
@@ -165,7 +213,12 @@ function setReconciler(ReactDOM) {
         });
     });
     hooks.tap('batchedEventUpdates', function (cb) {
-        ReactDOM.unstable_batchedUpdates(cb);
+        if (process.env.FRAMEWORK !== 'solid') {
+            ReactDOM === null || ReactDOM === void 0 ? void 0 : ReactDOM.unstable_batchedUpdates(cb);
+        }
+        else {
+            Solid.batch(cb);
+        }
     });
     hooks.tap('mergePageInstance', function (prev, next) {
         if (!prev || !next)
@@ -180,7 +233,8 @@ function setReconciler(ReactDOM) {
             next[item] = nextList.concat(prevList);
         });
     });
-    if (isWeb) {
+    // TODO 使用 solid 时，暂不支持以下事件
+    if (process.env.TARO_PLATFORM === 'web' && process.env.FRAMEWORK !== 'solid') {
         hooks.tap('createPullDownComponent', (el, _, R, customWrapper) => {
             const isReactComponent = isClassComponent(R, el);
             return R.forwardRef((props, ref) => {
@@ -193,8 +247,19 @@ function setReconciler(ReactDOM) {
                 return h$1(customWrapper || 'taro-pull-to-refresh-core', null, h$1(el, Object.assign(Object.assign({}, newProps), refs)));
             });
         });
-        hooks.tap('getDOMNode', inst => {
-            return ReactDOM.findDOMNode(inst);
+        hooks.tap('getDOMNode', (inst) => {
+            // 由于react 18移除了ReactDOM.findDOMNode方法，修复H5端 Taro.createSelectorQuery设置in(scope)时，报错问题
+            // https://zh-hans.react.dev/reference/react-dom/findDOMNode
+            if (!inst) {
+                return document;
+            }
+            else if (inst instanceof HTMLElement) {
+                return inst;
+            }
+            else if (inst.$taroPath) {
+                const el = document.getElementById(inst.$taroPath);
+                return el !== null && el !== void 0 ? el : document;
+            }
         });
     }
 }
@@ -235,7 +300,7 @@ function connectReactPage(R, id) {
                 const children = this.state.hasError
                     ? []
                     : h$1(reactMeta.PageContext.Provider, { value: id }, h$1(Page, Object.assign(Object.assign({}, this.props), refs)));
-                if (isWeb) {
+                if (process.env.TARO_PLATFORM === 'web') {
                     return h$1('div', { id, className: 'taro_page' }, children);
                 }
                 else {
@@ -255,7 +320,7 @@ function connectReactPage(R, id) {
  */
 function createReactApp(App, react, dom, config) {
     if (process.env.NODE_ENV !== 'production') {
-        ensure(!!dom, '构建 React/Nerv 项目请把 process.env.FRAMEWORK 设置为 \'react\'/\'nerv\' ');
+        ensure(!!dom, '构建 React/Nerv 项目请把 process.env.FRAMEWORK 设置为 \'react\'/\'preact\'/\'nerv\' ');
     }
     reactMeta.R = react;
     h$1 = react.createElement;
@@ -276,7 +341,7 @@ function createReactApp(App, react, dom, config) {
     function renderReactRoot() {
         var _a, _b;
         let appId = 'app';
-        if (isWeb) {
+        if (process.env.TARO_PLATFORM === 'web') {
             appId = (config === null || config === void 0 ? void 0 : config.appId) || appId;
         }
         const container = document.getElementById(appId);
@@ -303,7 +368,10 @@ function createReactApp(App, react, dom, config) {
             const key = id + pageKeyId();
             const page = () => h$1(pageWrapper, { key, tid: id });
             this.pages.push(page);
-            this.forceUpdate(cb);
+            this.forceUpdate((...args) => {
+                perf.stop(PAGE_INIT);
+                return cb(...args);
+            });
         }
         unmount(id, cb) {
             const elements = this.elements;
@@ -321,10 +389,10 @@ function createReactApp(App, react, dom, config) {
             if (isReactComponent) {
                 props = { ref: appInstanceRef };
             }
-            return h$1(App, props, isWeb ? h$1(Fragment !== null && Fragment !== void 0 ? Fragment : 'div', null, elements.slice()) : elements.slice());
+            return h$1(App, props, process.env.TARO_PLATFORM === 'web' ? h$1(Fragment !== null && Fragment !== void 0 ? Fragment : 'div', null, elements.slice()) : elements.slice());
         }
     }
-    if (!isWeb) {
+    if (process.env.TARO_PLATFORM !== 'web') {
         renderReactRoot();
     }
     const [ONLAUNCH, ONSHOW, ONHIDE] = hooks.call('getMiniLifecycleImpl').app;
@@ -351,7 +419,7 @@ function createReactApp(App, react, dom, config) {
         [ONLAUNCH]: setDefaultDescriptor({
             value(options) {
                 setRouterParams(options);
-                if (isWeb) {
+                if (process.env.TARO_PLATFORM === 'web') {
                     // 由于 H5 路由初始化的时候会清除 app 下的 dom 元素，所以需要在路由初始化后执行 render
                     renderReactRoot();
                 }
@@ -470,6 +538,161 @@ function createReactApp(App, react, dom, config) {
     Current.app = appObj;
     return appObj;
 }
+function createSolidApp(App, config) {
+    setReconciler();
+    const appRef = {
+        mount: () => { },
+        unmount: () => { },
+    };
+    function getAppInstance() {
+        return appRef;
+    }
+    function AppWrapper() {
+        const [pages, setPages] = Solid.createSignal([]);
+        appRef.mount = (component, id) => {
+            setPages((old) => {
+                return [...old, { id, component }];
+            });
+        };
+        appRef.unmount = (id) => {
+            setPages(pages().filter((item) => {
+                return item.id !== id;
+            }));
+        };
+        return SolidReconciler.createComponent(App, {
+            ref: appRef,
+            children: SolidReconciler.createComponent(Solid.For, {
+                get each() {
+                    return pages();
+                },
+                children: ({ id, component }) => {
+                    const children = () => SolidReconciler.createComponent(solidMeta.PageContext.Provider, {
+                        value: id,
+                        children: () => {
+                            injectPageInstance({ id: id, type: 'page' }, id);
+                            return SolidReconciler.createComponent(component, {
+                                tid: id,
+                            });
+                        },
+                    });
+                    const root = process.env.TARO_PLATFORM === 'web'
+                        ? document.createElement('div')
+                        : SolidReconciler.createElement('root');
+                    if (process.env.TARO_PLATFORM === 'web') {
+                        root.setAttribute('id', id);
+                        root.classList.add('taro_page');
+                    }
+                    else {
+                        SolidReconciler.setProp(root, 'id', id);
+                    }
+                    SolidReconciler.insert(root, children);
+                    return root;
+                },
+            }),
+        });
+    }
+    function renderSolidRoot() {
+        let appId = 'app';
+        if (process.env.TARO_PLATFORM === 'web') {
+            appId = (config === null || config === void 0 ? void 0 : config.appId) || appId;
+        }
+        const container = document.getElementById(appId);
+        SolidReconciler.render(AppWrapper, container);
+    }
+    if (process.env.TARO_PLATFORM !== 'web') {
+        renderSolidRoot();
+    }
+    const [ONLAUNCH, ONSHOW, ONHIDE] = hooks.call('getMiniLifecycleImpl').app;
+    const appObj = Object.create({
+        mount(component, id, cb) {
+            const appInstance = getAppInstance();
+            appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount(component, id);
+            Solid.batch((...args) => {
+                perf.stop(PAGE_INIT);
+                return cb(...args);
+            });
+        },
+        unmount(id, cb) {
+            const appInstance = getAppInstance();
+            appInstance === null || appInstance === void 0 ? void 0 : appInstance.unmount(id);
+            Solid.batch(cb);
+        },
+    }, {
+        config: setDefaultDescriptor({
+            configurable: true,
+            value: config,
+        }),
+        [ONLAUNCH]: setDefaultDescriptor({
+            value(options) {
+                setRouterParams(options);
+                if (process.env.TARO_PLATFORM === 'web') {
+                    renderSolidRoot();
+                }
+                const onLaunch = () => {
+                    var _a;
+                    const app = getAppInstance();
+                    if (app) {
+                        // 把 App Class 上挂载的额外属性同步到全局 app 对象中
+                        if (app.taroGlobalData) {
+                            const globalData = app.taroGlobalData;
+                            const keys = Object.keys(globalData);
+                            const descriptors = Object.getOwnPropertyDescriptors(globalData);
+                            keys.forEach(key => {
+                                Object.defineProperty(this, key, {
+                                    configurable: true,
+                                    enumerable: true,
+                                    get() {
+                                        return globalData[key];
+                                    },
+                                    set(value) {
+                                        globalData[key] = value;
+                                    }
+                                });
+                            });
+                            Object.defineProperties(this, descriptors);
+                        }
+                        (_a = app.onCreate) === null || _a === void 0 ? void 0 : _a.call(app);
+                    }
+                };
+                onLaunch();
+                triggerAppHook('onLaunch', options);
+            },
+        }),
+        [ONSHOW]: setDefaultDescriptor({
+            value(options) {
+                setRouterParams(options);
+                triggerAppHook('onShow', options);
+            },
+        }),
+        [ONHIDE]: setDefaultDescriptor({
+            value() {
+                triggerAppHook('onHide');
+            },
+        }),
+        onError: setDefaultDescriptor({
+            value(error) {
+                triggerAppHook('onError', error);
+            },
+        }),
+        onPageNotFound: setDefaultDescriptor({
+            value(res) {
+                triggerAppHook('onPageNotFound', res);
+            },
+        }),
+    });
+    function triggerAppHook(lifecycle, ...option) {
+        const instance = getPageInstance(HOOKS_APP_ID);
+        if (instance) {
+            const app = getAppInstance();
+            const func = hooks.call('getLifecycle', instance, lifecycle);
+            if (Array.isArray(func)) {
+                func.forEach((cb) => cb.apply(app, option));
+            }
+        }
+    }
+    Current.app = appObj;
+    return appObj;
+}
 
 const getNativeCompId = incrementId();
 let h;
@@ -559,7 +782,7 @@ function initNativeComponentEntry(params) {
         // create
         const nativeApp = document.createElement('nativeComponent');
         // insert
-        app.appendChild(nativeApp);
+        app === null || app === void 0 ? void 0 : app.appendChild(nativeApp);
         app = nativeApp;
     }
     // eslint-disable-next-line react/no-deprecated
@@ -729,6 +952,13 @@ function createNativePageConfig(Component, pageName, data, react, reactDOM, page
     hooks.call('modifyPageObject', pageObj);
     return pageObj;
 }
+function createH5NativeComponentConfig(Component, react, reactdom) {
+    reactMeta.R = react;
+    h = react.createElement;
+    ReactDOM = reactdom;
+    setReconciler(ReactDOM);
+    return Component;
+}
 function createNativeComponentConfig(Component, react, reactdom, componentConfig) {
     var _a, _b;
     reactMeta.R = react;
@@ -868,7 +1098,7 @@ hooks.tap('initNativeApi', function (taro) {
         taro[hook] = taroHooks[hook];
     }
 });
-if (__TARO_FRAMEWORK__ === 'preact' && process.env.TARO_PLATFORM === 'mini') {
+if (process.env.FRAMEWORK === 'preact' && process.env.TARO_PLATFORM === 'mini') {
     const options = require('preact').options;
     const oldVNodeHook = options.vnode;
     const oldDiffedHook = options.diffed;
@@ -931,5 +1161,5 @@ if (__TARO_FRAMEWORK__ === 'preact' && process.env.TARO_PLATFORM === 'mini') {
     // })
 }
 
-export { connectReactPage, createNativeComponentConfig, createNativePageConfig, createReactApp, setReconciler, useAddToFavorites, useDidHide, useDidShow, useError, useLaunch, useLoad, useOptionMenuClick, usePageNotFound, usePageScroll, usePullDownRefresh, usePullIntercept, useReachBottom, useReady, useResize, useRouter, useSaveExitState, useScope, useShareAppMessage, useShareTimeline, useTabItemTap, useTitleClick, useUnhandledRejection, useUnload };
+export { connectReactPage, createH5NativeComponentConfig, createNativeComponentConfig, createNativePageConfig, createReactApp, createSolidApp, setReconciler, useAddToFavorites, useDidHide, useDidShow, useError, useLaunch, useLoad, useOptionMenuClick, usePageNotFound, usePageScroll, usePullDownRefresh, usePullIntercept, useReachBottom, useReady, useResize, useRouter, useSaveExitState, useScope, useShareAppMessage, useShareTimeline, useTabItemTap, useTitleClick, useUnhandledRejection, useUnload };
 //# sourceMappingURL=runtime.js.map