@mpxjs/webpack-plugin 2.9.69-beta.10 → 2.9.69-beta.11

package/lib/runtime/components/react/dist/mpx-portal.jsx

@@ -1,7 +1,11 @@
-import { PortalContext } from './context';
+import { PortalContext, VarContext } from './context';
 import PortalConsumer from './mpx-portal/portal-consumer';
 import PortalHost, { portal } from './mpx-portal/portal-host';
-const Portal = ({ children }) => {
+const Portal = ({ children, varContext }) => {
+    const hasVarContext = varContext && Object.keys(varContext).length;
+    if (hasVarContext) {
+        children = (<VarContext.Provider value={varContext} key='varContextWrap'>{children}</VarContext.Provider>);
+    }
     return (<PortalContext.Consumer>
       {(manager) => (<PortalConsumer manager={manager}>{children}</PortalConsumer>)}
     </PortalContext.Consumer>);

package/lib/runtime/components/react/dist/mpx-root-portal.jsx

@@ -1,16 +1,18 @@
 /**
  * ✔ enable
  */
-import { createElement, Fragment } from 'react';
+import { createElement, Fragment, useContext } from 'react';
 import Portal from './mpx-portal';
 import { warn } from '@mpxjs/utils';
+import { VarContext } from './context';
 const _RootPortal = (props) => {
     const { children, enable = true } = props;
     if (props.style) {
         warn('The root-portal component does not support the style prop.');
     }
+    const varContext = useContext(VarContext);
     return enable
-        ? createElement(Portal, null, children)
+        ? createElement(Portal, { varContext }, children)
         : createElement(Fragment, null, children);
 };
 _RootPortal.displayName = 'MpxRootPortal';

package/lib/runtime/components/react/mpx-portal.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react'
-import { PortalContext, PortalContextValue } from './context'
+import { PortalContext, PortalContextValue, VarContext } from './context'
 import PortalConsumer from './mpx-portal/portal-consumer'
 import PortalHost, { portal } from './mpx-portal/portal-host'
 
@@ -9,10 +9,15 @@ export type PortalProps = {
    */
   children?: ReactNode
   key?: string
-  manager?: PortalContextValue
+  manager?: PortalContextValue,
+  varContext?: Record<string, any> | undefined
 }
 
-const Portal = ({ children }:PortalProps): JSX.Element => {
+const Portal = ({ children, varContext }:PortalProps): JSX.Element => {
+  const hasVarContext = varContext && Object.keys(varContext).length
+  if (hasVarContext) {
+      children = (<VarContext.Provider value={varContext} key='varContextWrap'>{children}</VarContext.Provider>)
+  }
   return (
     <PortalContext.Consumer>
       {(manager) => (

package/lib/runtime/components/react/mpx-root-portal.tsx

@@ -1,9 +1,10 @@
 /**
  * ✔ enable
  */
-import { ReactNode, createElement, Fragment } from 'react'
+import { ReactNode, createElement, Fragment, useContext } from 'react'
 import Portal from './mpx-portal'
 import { warn } from '@mpxjs/utils'
+import { VarContext } from './context'
 interface RootPortalProps {
   enable?: boolean
   children: ReactNode
@@ -15,8 +16,9 @@ const _RootPortal = (props: RootPortalProps) => {
   if (props.style) {
     warn('The root-portal component does not support the style prop.')
   }
+  const varContext = useContext(VarContext)
   return enable
-    ? createElement(Portal, null, children)
+    ? createElement(Portal, { varContext }, children)
     : createElement(Fragment, null, children)
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/webpack-plugin",
-  "version": "2.9.69-beta.10",
+  "version": "2.9.69-beta.11",
   "description": "mpx compile core",
   "keywords": [
     "mpx"