@mpxjs/webpack-plugin 2.10.14-beta.5 → 2.10.14-beta.7

package/lib/runtime/components/react/dist/mpx-nav-container.jsx

@@ -1,23 +0,0 @@
-import { useNavShared } from './useNavShared';
-import { NavSharedContext } from './context';
-import { useLayoutEffect, useMemo, useState } from 'react';
-import { isAndroid } from './utils';
-export default function MpxNavContainer(props) {
-    const [, setCustomNav] = useNavShared();
-    useLayoutEffect(() => {
-        if (!isAndroid)
-            return;
-        if (props.children) {
-            setCustomNav(props.children);
-        }
-        return () => {
-            setCustomNav(undefined);
-        };
-    }, [props.children]);
-    return isAndroid ? null : props.children;
-}
-export function NavSharedProvider({ children }) {
-    const [customNav, setCustomNav] = useState();
-    const value = useMemo(() => ({ customNav, setCustomNav }), [customNav]);
-    return <NavSharedContext.Provider value={value}>{children}</NavSharedContext.Provider>;
-}

package/lib/runtime/components/react/dist/nav.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare function useInnerHeaderHeight(pageConfig: PageConfig): number;
-export interface MpxNavProps {
-    pageConfig: PageConfig;
-    navigation: any;
-}
-export interface MpxNavFactorOptions {
-    Mpx: any;
-}
-declare function createMpxNav(options: MpxNavFactorOptions): import("react").MemoExoticComponent<({ pageConfig, navigation }: MpxNavProps) => import("react").JSX.Element>;
-export default createMpxNav;

package/lib/runtime/components/react/dist/nav.jsx

@@ -1,141 +0,0 @@
-/* eslint-disable space-before-function-paren */
-import { useState, useMemo, memo } from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { StatusBar, processColor, TouchableWithoutFeedback, Image, View, StyleSheet, Text } from 'react-native';
-import { useNavShared } from './useNavShared';
-function convertToHex(color) {
-    try {
-        const intColor = processColor(color);
-        if (intColor === null || intColor === undefined) {
-            return null;
-        }
-        // 将32位整数颜色值转换为RGBA
-        const r = (intColor >> 16) & 255;
-        const g = (intColor >> 8) & 255;
-        const b = intColor & 255;
-        // 转换为十六进制
-        const hexR = r.toString(16).padStart(2, '0');
-        const hexG = g.toString(16).padStart(2, '0');
-        const hexB = b.toString(16).padStart(2, '0');
-        return `#${hexR}${hexG}${hexB}`;
-    }
-    catch (error) {
-        return null;
-    }
-}
-const titleHeight = 44;
-export function useInnerHeaderHeight(pageConfig) {
-    const safeArea = useSafeAreaInsets();
-    if (pageConfig.navigationStyle === 'custom') {
-        return 0;
-    }
-    else {
-        const safeAreaTop = safeArea?.top || 0;
-        const headerHeight = safeAreaTop + titleHeight;
-        return headerHeight;
-    }
-}
-const styles = StyleSheet.create({
-    header: {
-        elevation: 3
-    },
-    headerContent: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
-    backButton: {
-        position: 'absolute',
-        height: '100%',
-        width: 40,
-        left: 0,
-        top: 0,
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
-    backButtonImage: {
-        width: 22,
-        height: 22
-    },
-    title: {
-        fontSize: 17,
-        fontWeight: 600,
-        width: '60%',
-        textAlign: 'center'
-    }
-});
-const NavColor = {
-    White: '#ffffff',
-    Black: '#000000'
-};
-// navigationBarTextStyle 只支持黑白 'white'/'black
-const validBarTextStyle = (textStyle) => {
-    const textStyleColor = convertToHex(textStyle);
-    if (textStyle && textStyleColor && [NavColor.White, NavColor.Black].includes(textStyleColor)) {
-        return textStyleColor;
-    }
-    else {
-        return NavColor.White;
-    }
-};
-const BACK_ICON = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABICAYAAACqT5alAAAA2UlEQVR4nO3bMQrCUBRE0Yla6AYEN2nnBrTL+izcitW3MRDkEUWSvPzJvfCqgMwhZbAppWhNbbIHzB1g9wATERFRVyvpkj1irlpJ5X326D7WHh1hbdFD2CLpLmmftm7kfsEe09aNHFiBrT+wAlt/YAW2/sAKbP2BFdj6Ayuwy+ufz6XPL893krZ//O6iu2n4LT8kndLWTRTo4EC7BDo40C6BDg60S6CDA+0S6OBAuwQ6uNWiD2nrJmoIfU7cNWkR2hbb1UfbY7uuWhGWiIg+a/iHuHmA3QPs3gu4JW9Gan+OJAAAAABJRU5ErkJggg==';
-function createMpxNav(options) {
-    const { Mpx } = options;
-    const innerNav = memo(({ pageConfig, navigation }) => {
-        const [innerPageConfig, setPageConfig] = useState(pageConfig || {});
-        const [customNav] = useNavShared();
-        const safeAreaTop = useSafeAreaInsets()?.top || 0;
-        navigation.setPageConfig = (config) => {
-            setPageConfig(Object.assign({}, innerPageConfig, config));
-        };
-        const isCustom = innerPageConfig.navigationStyle === 'custom';
-        const navigationBarTextStyle = useMemo(() => validBarTextStyle(innerPageConfig.navigationBarTextStyle), [innerPageConfig.navigationBarTextStyle]);
-        // 状态栏的颜色
-        const statusBarElement = (<StatusBar translucent backgroundColor='transparent' barStyle={navigationBarTextStyle === NavColor.White ? 'light-content' : 'dark-content'}></StatusBar>);
-        if (isCustom)
-            return (<>
-          {statusBarElement}
-          {customNav}
-        </>);
-        // 假设是栈导航，获取栈的长度
-        const stackLength = navigation.getState()?.routes?.length;
-        const onStackTopBack = Mpx.config?.rnConfig?.onStackTopBack;
-        const isHandleStackTopBack = typeof onStackTopBack === 'function';
-        // 回退按钮与图标
-        // prettier-ignore
-        const backElement = stackLength > 1 || isHandleStackTopBack
-            ? (<TouchableWithoutFeedback onPress={() => {
-                    if (stackLength <= 1 && isHandleStackTopBack) {
-                        onStackTopBack();
-                        return;
-                    }
-                    navigation.goBack();
-                }}>
-          <View style={[styles.backButton]}>
-            <Image style={[styles.backButtonImage, { tintColor: navigationBarTextStyle }]} source={{ uri: BACK_ICON }}></Image>
-          </View>
-        </TouchableWithoutFeedback>)
-            : null;
-        return (<View style={[
-                styles.header,
-                {
-                    paddingTop: safeAreaTop,
-                    backgroundColor: innerPageConfig.navigationBarBackgroundColor || '#000000'
-                }
-            ]}>
-        {statusBarElement}
-        {/* TODO: 确定 height 的有效性 */}
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-expect-error */}
-        <View style={styles.headerContent} height={titleHeight}>
-          {backElement}
-          <Text style={[styles.title, { color: navigationBarTextStyle }]} numberOfLines={1}>
-            {innerPageConfig.navigationBarTitleText?.trim() || ''}
-          </Text>
-        </View>
-      </View>);
-    });
-    innerNav.displayName = 'MpxNav';
-    return innerNav;
-}
-export default createMpxNav;

package/lib/runtime/components/react/dist/useNavShared.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useNavShared(): readonly [import("react").ReactNode, (value: import("react").ReactNode) => void];

package/lib/runtime/components/react/dist/useNavShared.js

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { NavSharedContext } from './context';
-export function useNavShared() {
-    const navSharedValue = useContext(NavSharedContext);
-    return [navSharedValue.customNav, navSharedValue.setCustomNav];
-}