@xhsreds/reds-rn-next 0.10.1-beta202512022044 → 0.10.1-beta202512022142

package/lib/esm/components/Portal/core/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","sources":["../../../../../src/components/Portal/core/PortalProvider.tsx"],"sourcesContent":["import React, { memo, useEffect, useReducer } from \"react\";\nimport { PortalHost } from \"./PortalHost\";\nimport { PortalDispatchContext, PortalStateContext } from \"./PortalContext\";\nimport { ACTIONS, ActionTypes, AddUpdatePortalAction, PortalType, RemovePortalAction } from \"../interface\";\nimport { PortalProviderProps } from \"../interface\";\n\nexport let INITIAL_STATE = {};\nexport const stateDispatch: any = {};\nconst registerHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  if (!(hostName in state)) {\n    state[hostName] = [];\n  }\n  return state;\n};\n\nconst deregisterHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  delete state[hostName];\n  return state;\n};\n\nconst addUpdatePortal = (state: Record<string, Array<PortalType>>, hostName: string, portalName: string, node: any) => {\n  if (!(hostName in state)) {\n    state = registerHost(state, hostName);\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName);\n  if (index !== -1) {\n    state[hostName][index].node = node;\n  } else {\n    state[hostName].push({\n      name: portalName,\n      node,\n    });\n  }\n  return state;\n};\n\nconst removePortal = (state: Record<string, Array<PortalType>>, hostName: string, portalName: string) => {\n  if (!(hostName in state)) {\n    return state;\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName);\n  if (index !== -1) state[hostName].splice(index, 1);\n  return state;\n};\n\nconst reducer = (state: Record<string, Array<PortalType>>, action: ActionTypes) => {\n  const { type } = action;\n  let clonedState = { ...state };\n  switch (type) {\n    case ACTIONS.REGISTER_HOST:\n      return registerHost(clonedState, action.hostName);\n    case ACTIONS.DEREGISTER_HOST:\n      return deregisterHost(clonedState, action.hostName);\n    case ACTIONS.ADD_UPDATE_PORTAL:\n      return addUpdatePortal(\n        clonedState,\n        action.hostName,\n        (action as AddUpdatePortalAction).portalName,\n        (action as AddUpdatePortalAction).node,\n      );\n    case ACTIONS.REMOVE_PORTAL:\n      return removePortal(clonedState, action.hostName, (action as RemovePortalAction).portalName);\n    default:\n      return state;\n  }\n};\n\nconst PortalProviderComponent = ({\n  rootHostName = \"root\",\n  shouldAddRootHost = true,\n  children,\n}: PortalProviderProps) => {\n  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);\n  useEffect(() => {\n    stateDispatch[rootHostName] = {\n      dispatch: dispatch,\n    };\n  }, []);\n  return (\n    <PortalDispatchContext.Provider value={dispatch}>\n      <PortalStateContext.Provider value={state}>\n        {children}\n        {shouldAddRootHost && <PortalHost name={rootHostName} />}\n      </PortalStateContext.Provider>\n    </PortalDispatchContext.Provider>\n  );\n};\n\nexport const PortalProvider = memo(PortalProviderComponent);\nPortalProvider.displayName = \"PortalProvider\";\n\nexport class PortalManager {\n  dispatch: React.Dispatch<ActionTypes>;\n  hostName?: string;\n  constructor(props: { dispatch: React.Dispatch<ActionTypes>; hostName?: string }) {\n    this.dispatch = props.dispatch;\n    this.hostName = props.hostName || \"root\";\n  }\n\n  registerHost = (hostName: string) => {\n    this.dispatch({\n      type: ACTIONS.REGISTER_HOST,\n      hostName,\n    });\n  };\n\n  deregisterHost = (hostName: string) => {\n    this.dispatch({\n      type: ACTIONS.DEREGISTER_HOST,\n      hostName,\n    });\n  };\n\n  addPortal = (hostName: string, portalName: string, node: any) => {\n    this.dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName,\n      portalName,\n      node,\n    });\n  };\n\n  addUpdatePortal = (hostName: string, portalName: string, node: any) => {\n    this.addPortal(hostName, portalName, node);\n  };\n\n  removePortal = (hostName: string, portalName: string) => {\n    this.dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName,\n    });\n  };\n\n  componentDidMount() {\n    this.registerHost(this.hostName!);\n  }\n\n  componentWillUnmount() {\n    this.deregisterHost(this.hostName!);\n  }\n}\n"],"names":["INITIAL_STATE","stateDispatch","registerHost","state","hostName","deregisterHost","addUpdatePortal","portalName","node","index","findIndex","item","name","push","removePortal","splice","reducer","action","type","clonedState","_objectSpread","ACTIONS","REGISTER_HOST","DEREGISTER_HOST","ADD_UPDATE_PORTAL","REMOVE_PORTAL","PortalProviderComponent","_ref$rootHostName","_ref","rootHostName","_ref$shouldAddRootHos","shouldAddRootHost","children","_useReducer","useReducer","_useReducer2","_slicedToArray","dispatch","useEffect","PortalDispatchContext","Provider","value","PortalStateContext","React","createElement","PortalHost","PortalProvider","memo","displayName","PortalManager","props","_this","_classCallCheck","__publicField","addPortal","_createClass","key","componentDidMount","componentWillUnmount"],"mappings":"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"}
+{"version":3,"file":"PortalProvider.js","sources":["../../../../../src/components/Portal/core/PortalProvider.tsx"],"sourcesContent":["import React, { memo, useEffect, useReducer } from \"react\";\nimport { PortalHost } from \"./PortalHost\";\nimport { PortalDispatchContext, PortalStateContext } from \"./PortalContext\";\nimport { ACTIONS, ActionTypes, AddUpdatePortalAction, PortalType, RemovePortalAction } from \"../interface\";\nimport { PortalProviderProps } from \"../interface\";\n\nexport let INITIAL_STATE = {};\nexport const stateDispatch: any = {};\nconst registerHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  if (!(hostName in state)) {\n    state[hostName] = [];\n  }\n  return state;\n};\n\nconst deregisterHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  delete state[hostName];\n  return state;\n};\n\nconst addUpdatePortal = (state: Record<string, Array<PortalType>>, hostName: string, portalName: string, node: any) => {\n  if (!(hostName in state)) {\n    state = registerHost(state, hostName);\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName);\n  if (index !== -1) {\n    state[hostName][index].node = node;\n  } else {\n    state[hostName].push({\n      name: portalName,\n      node,\n    });\n  }\n  return state;\n};\n\nconst removePortal = (state: Record<string, Array<PortalType>>, hostName: string, portalName: string) => {\n  if (!(hostName in state)) {\n    return state;\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName);\n  if (index !== -1) state[hostName].splice(index, 1);\n  return state;\n};\n\nconst reducer = (state: Record<string, Array<PortalType>>, action: ActionTypes) => {\n  const { type } = action;\n  let clonedState = { ...state };\n  switch (type) {\n    case ACTIONS.REGISTER_HOST:\n      return registerHost(clonedState, action.hostName);\n    case ACTIONS.DEREGISTER_HOST:\n      return deregisterHost(clonedState, action.hostName);\n    case ACTIONS.ADD_UPDATE_PORTAL:\n      return addUpdatePortal(\n        clonedState,\n        action.hostName,\n        (action as AddUpdatePortalAction).portalName,\n        (action as AddUpdatePortalAction).node,\n      );\n    case ACTIONS.REMOVE_PORTAL:\n      return removePortal(clonedState, action.hostName, (action as RemovePortalAction).portalName);\n    default:\n      return state;\n  }\n};\n\nconst PortalProviderComponent = ({\n  rootHostName = \"root\",\n  shouldAddRootHost = true,\n  children,\n}: PortalProviderProps) => {\n  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);\n  useEffect(() => {\n    stateDispatch[rootHostName] = {\n      dispatch: dispatch,\n    };\n  }, []);\n  return (\n    <PortalDispatchContext.Provider value={dispatch}>\n      <PortalStateContext.Provider value={state}>\n        {children}\n        {shouldAddRootHost && <PortalHost name={rootHostName} />}\n      </PortalStateContext.Provider>\n    </PortalDispatchContext.Provider>\n  );\n};\n\nexport const PortalProvider = memo(PortalProviderComponent);\nPortalProvider.displayName = \"PortalProvider\";\n\nexport class PortalManager {\n  dispatch: React.Dispatch<ActionTypes>;\n  hostName?: string;\n  constructor(props: { dispatch: React.Dispatch<ActionTypes>; hostName?: string }) {\n    this.dispatch = props.dispatch;\n    this.hostName = props.hostName || \"root\";\n  }\n\n  registerHost = (hostName: string) => {\n    this.dispatch({\n      type: ACTIONS.REGISTER_HOST,\n      hostName,\n    });\n  };\n\n  deregisterHost = (hostName: string) => {\n    this.dispatch({\n      type: ACTIONS.DEREGISTER_HOST,\n      hostName,\n    });\n  };\n\n  addPortal = (hostName: string, portalName: string, node: any) => {\n    this.dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName,\n      portalName,\n      node,\n    });\n  };\n\n  addUpdatePortal = (hostName: string, portalName: string, node: any) => {\n    this.addPortal(hostName, portalName, node);\n  };\n\n  removePortal = (hostName: string, portalName: string) => {\n    this.dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName,\n    });\n  };\n\n  componentDidMount() {\n    this.registerHost(this.hostName!);\n  }\n\n  componentWillUnmount() {\n    this.deregisterHost(this.hostName!);\n  }\n}\n"],"names":["INITIAL_STATE","stateDispatch","registerHost","state","hostName","deregisterHost","addUpdatePortal","portalName","node","index","findIndex","item","name","push","removePortal","splice","reducer","action","type","clonedState","_objectSpread","ACTIONS","REGISTER_HOST","DEREGISTER_HOST","ADD_UPDATE_PORTAL","REMOVE_PORTAL","PortalProviderComponent","_ref$rootHostName","_ref","rootHostName","_ref$shouldAddRootHos","shouldAddRootHost","children","_useReducer","useReducer","_useReducer2","_slicedToArray","dispatch","useEffect","PortalDispatchContext","Provider","value","PortalStateContext","React","createElement","PortalHost","PortalProvider","memo","displayName","PortalManager","props","_this","_classCallCheck","__publicField","addPortal","_createClass","key","componentDidMount","componentWillUnmount"],"mappings":"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"}

package/lib/esm/components/Portal/index.js

@@ -8,7 +8,6 @@ import 'react';
 import '../../pvCount/useUnmountedProcess.js';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';
-import 'react-native';
 import './core/hooks/usePortalState.js';
 import '../../_chunks/CAkwE9ZD.js';
 

package/lib/esm/components/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.10.1-beta202512022044",
+  "version": "0.10.1-beta202512022142",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -26,7 +26,7 @@
     "react-native-fs": "2.20.0",
     "react-native-svg": "13.14.0",
     "@xhs/react-native-harmony": "*",
-    "@xhsreds/reds-token-next": "0.10.1-beta202512022044"
+    "@xhsreds/reds-token-next": "0.10.1-beta202512022142"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/src/components/Image/Image.tsx

@@ -206,9 +206,15 @@ const Image = ({
   };
 
   const colorMode = useColorMode();
-
   return (
-    <View style={{ borderRadius, height, width, ...(style as {}) }}>
+    <View
+      style={{
+        borderRadius: borderRadius || style?.borderRadius,
+        ...(style as {}),
+        height: ((height || style?.height || 0) as number) + (style?.borderWidth || 0) * 2,
+        width: ((width || style?.width || 0) as number) + (style?.borderWidth || 0) * 2,
+      }}
+    >
       {imageStatus !== IMAGE_STATUS.HIDE && (
         <RNImage
           {...props}
@@ -225,7 +231,7 @@ const Image = ({
           style={{
             width: width || style?.width,
             height: height || style?.height,
-            borderRadius,
+            borderRadius: borderRadius || style?.borderRadius,
             // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,
           }}
           // @ts-ignore
@@ -235,12 +241,11 @@ const Image = ({
       {imageStatus === IMAGE_STATUS.LOADING && loadStyle !== TLoadStyle.NONE && (
         <View
           style={{
-            width,
-            height,
-            borderRadius,
+            width: width || style?.width,
+            height: height || style?.height,
+            borderRadius: borderRadius || style?.borderRadius,
             ...styles.loadingContainer,
             backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,
-            ...style,
           }}
         >
           {loadStyle === TLoadStyle.BLUR && (
@@ -249,7 +254,7 @@ const Image = ({
               style={{
                 width: width || style?.width,
                 height: height || style?.height,
-                borderRadius,
+                borderRadius: borderRadius || style?.borderRadius,
               }}
               // @ts-ignore
               apmBiz={props.apmBiz}
@@ -265,7 +270,7 @@ const Image = ({
             onPress={(e) => {
               onReload(e);
             }}
-            style={{ width, height, borderRadius, ...styles.loadingContainer }}
+            style={{ width, height, ...styles.loadingContainer }}
           >
             <RNImage
               style={{ width: 40, height: 40 }}

package/src/components/Image/demo/index.tsx

@@ -16,24 +16,23 @@ export default function App() {
   return (
     <View style={{ display: "flex", flexDirection: "row" }}>
       <ScrollView style={{ backgroundColor: "#50796633" }}>
-        <Desc>基础用法</Desc>
+        {/* <Desc>基础用法</Desc>
 
         <Image width={150} height={150} borderRadius={30} source={{ uri: imageUrl }} abortApmCollection={true}></Image>
         <Br />
 
-        <Desc>Image组件加边框</Desc>
+        <Desc>Image组件加边框</Desc> */}
 
         <Image
           width={150}
           height={150}
-          borderRadius={30}
           source={{ uri: imageUrl }}
           abortApmCollection={true}
           style={{ borderWidth: 1, borderStyle: "solid", borderColor: "red", borderRadius: 50 }}
         ></Image>
         <Br />
 
-        <Desc>加载时显示主要色</Desc>
+        {/* <Desc>加载时显示主要色</Desc>
         <Image loadStyle={TLoadStyle.AVE} width={150} height={150} borderRadius={30} src={imageUrl}></Image>
 
         <Br />
@@ -94,7 +93,7 @@ export default function App() {
           onReload={() => {
             setImageUrl2(imageUrl);
           }}
-        ></Image>
+        ></Image> */}
       </ScrollView>
     </View>
   );

package/src/components/Portal/core/PortalHost.tsx

@@ -17,7 +17,9 @@ const PortalHostComponent = ({ name }: PortalHostProps) => {
   return (
     <>
       {state.map((item, index) => {
-        return <View key={index}>{item.node}</View>;
+        return React.cloneElement(item.node as any, {
+          key: index,
+        });
       })}
     </>
   );