@mpxjs/webpack-plugin 2.8.25-alpha.22 → 2.8.25-alpha.23

package/lib/runtime/components/react/dist/mpx-checkbox-group.jsx

@@ -1,90 +0,0 @@
-/**
- * ✔ bindchange
- */
-import { useRef, forwardRef, useContext, useMemo, useEffect, createElement } from 'react';
-import { View } from 'react-native';
-import { warn } from '@mpxjs/utils';
-import { FormContext, CheckboxGroupContext } from './context';
-import useInnerProps, { getCustomEvent } from './getInnerListeners';
-import useNodesRef from './useNodesRef';
-import { useLayout, useTransformStyle, wrapChildren, extendObject } from './utils';
-const CheckboxGroup = forwardRef((props, ref) => {
-    const propsRef = useRef({});
-    propsRef.current = props;
-    const { style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props;
-    const formContext = useContext(FormContext);
-    let formValuesMap;
-    if (formContext) {
-        formValuesMap = formContext.formValuesMap;
-    }
-    const groupValue = useRef({}).current;
-    const defaultStyle = {
-        flexDirection: 'row',
-        flexWrap: 'wrap'
-    };
-    const styleObj = extendObject({}, defaultStyle, style);
-    const { hasSelfPercent, normalStyle, hasVarDec, varContextRef, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
-    const nodeRef = useRef(null);
-    useNodesRef(props, ref, nodeRef, { style: normalStyle });
-    const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef });
-    const getValue = () => {
-        const arr = [];
-        for (const key in groupValue) {
-            if (groupValue[key].checked) {
-                arr.push(key);
-            }
-        }
-        return arr;
-    };
-    const resetValue = () => {
-        Object.keys(groupValue).forEach((key) => {
-            groupValue[key].checked = false;
-            groupValue[key].setValue(false);
-        });
-    };
-    if (formValuesMap) {
-        if (!props.name) {
-            warn('If a form component is used, the name attribute is required.');
-        }
-        else {
-            formValuesMap.set(props.name, { getValue, resetValue });
-        }
-    }
-    useEffect(() => {
-        return () => {
-            if (formValuesMap && props.name) {
-                formValuesMap.delete(props.name);
-            }
-        };
-    }, []);
-    const innerProps = useInnerProps(props, extendObject({
-        ref: nodeRef,
-        style: extendObject({}, normalStyle, layoutStyle)
-    }, layoutProps), [
-        'name'
-    ], {
-        layoutRef
-    });
-    const contextValue = useMemo(() => {
-        const notifyChange = (evt) => {
-            const { bindchange } = propsRef.current;
-            bindchange &&
-                bindchange(getCustomEvent('tap', evt, {
-                    layoutRef,
-                    detail: {
-                        value: getValue()
-                    }
-                }, propsRef.current));
-        };
-        return {
-            groupValue,
-            notifyChange
-        };
-    }, []);
-    return createElement(View, innerProps, createElement(CheckboxGroupContext.Provider, { value: contextValue }, wrapChildren(props, {
-        hasVarDec,
-        varContext: varContextRef.current
-    })));
-});
-CheckboxGroup.displayName = 'MpxCheckboxGroup';
-export default CheckboxGroup;

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

@@ -1,131 +0,0 @@
-/**
- * ✔ value
- * ✔ disabled
- * ✔ checked
- * ✔ color
- */
-import { useState, useRef, forwardRef, useEffect, useContext, createElement } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { warn } from '@mpxjs/utils';
-import useInnerProps, { getCustomEvent } from './getInnerListeners';
-import useNodesRef from './useNodesRef';
-import Icon from './mpx-icon';
-import { splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject } from './utils';
-import { CheckboxGroupContext, LabelContext } from './context';
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center'
-    },
-    wrapper: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 24,
-        height: 24,
-        borderColor: '#D1D1D1',
-        borderWidth: 1,
-        borderRadius: 3,
-        backgroundColor: '#ffffff',
-        marginRight: 5
-    },
-    wrapperDisabled: {
-        backgroundColor: '#E1E1E1'
-    },
-    icon: {
-        opacity: 0
-    },
-    iconChecked: {
-        opacity: 1
-    }
-});
-const Checkbox = forwardRef((checkboxProps, ref) => {
-    const { textProps, innerProps: props = {} } = splitProps(checkboxProps);
-    const { value = '', disabled = false, checked = false, color = '#09BB07', style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, bindtap, _onChange } = props;
-    const [isChecked, setIsChecked] = useState(!!checked);
-    const groupContext = useContext(CheckboxGroupContext);
-    let groupValue;
-    let notifyChange;
-    const defaultStyle = extendObject({}, styles.wrapper, disabled ? styles.wrapperDisabled : null);
-    const styleObj = extendObject({}, styles.container, style);
-    const onChange = (evt) => {
-        if (disabled)
-            return;
-        const checked = !isChecked;
-        setIsChecked(checked);
-        if (groupValue) {
-            groupValue[value].checked = checked;
-        }
-        notifyChange && notifyChange(evt);
-        // Called when the switch type attribute is checkbox
-        _onChange && _onChange(evt, { checked });
-    };
-    const onTap = (evt) => {
-        bindtap && bindtap(getCustomEvent('tap', evt, { layoutRef }, props));
-        onChange(evt);
-    };
-    const { hasSelfPercent, normalStyle, hasVarDec, varContextRef, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
-    const nodeRef = useRef(null);
-    useNodesRef(props, ref, nodeRef, {
-        style: extendObject({}, defaultStyle, normalStyle),
-        change: onChange
-    });
-    const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef });
-    const { textStyle, backgroundStyle, innerStyle = {} } = splitStyle(normalStyle);
-    if (backgroundStyle) {
-        warn('Checkbox does not support background image-related styles!');
-    }
-    const labelContext = useContext(LabelContext);
-    if (groupContext) {
-        groupValue = groupContext.groupValue;
-        notifyChange = groupContext.notifyChange;
-    }
-    if (labelContext) {
-        labelContext.current.triggerChange = onChange;
-    }
-    const innerProps = useInnerProps(props, extendObject({
-        ref: nodeRef,
-        style: extendObject({}, innerStyle, layoutStyle)
-    }, layoutProps, {
-        bindtap: !disabled && onTap
-    }), [
-        'value',
-        'disabled',
-        'checked'
-    ], {
-        layoutRef
-    });
-    useEffect(() => {
-        if (groupValue) {
-            groupValue[value] = {
-                checked: checked,
-                setValue: setIsChecked
-            };
-        }
-        return () => {
-            if (groupValue) {
-                delete groupValue[value];
-            }
-        };
-    }, []);
-    useEffect(() => {
-        if (checked !== isChecked) {
-            setIsChecked(checked);
-            if (groupValue) {
-                groupValue[value].checked = checked;
-            }
-        }
-    }, [checked]);
-    return createElement(View, innerProps, createElement(View, { style: defaultStyle }, createElement(Icon, {
-        type: 'success_no_circle',
-        size: 18,
-        color: disabled ? '#ADADAD' : color,
-        style: isChecked ? styles.iconChecked : styles.icon
-    })), wrapChildren(props, {
-        hasVarDec,
-        varContext: varContextRef.current,
-        textStyle,
-        textProps
-    }));
-});
-Checkbox.displayName = 'MpxCheckbox';
-export default Checkbox;

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

@@ -1,68 +0,0 @@
-/**
- * ✘ report-submit
- * ✘ report-submit-timeout
- * ✔ bindsubmit
- * ✔ bindreset
- */
-import { View } from 'react-native';
-import { useRef, forwardRef, useMemo, createElement } from 'react';
-import useNodesRef from './useNodesRef';
-import useInnerProps, { getCustomEvent } from './getInnerListeners';
-import { FormContext } from './context';
-import { useTransformStyle, splitProps, splitStyle, useLayout, wrapChildren, extendObject } from './utils';
-const _Form = forwardRef((fromProps, ref) => {
-    const { textProps, innerProps: props = {} } = splitProps(fromProps);
-    const { style, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props;
-    const { hasSelfPercent, normalStyle, hasVarDec, varContextRef, setWidth, setHeight } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
-    const { textStyle, innerStyle = {} } = splitStyle(normalStyle);
-    const formRef = useRef(null);
-    useNodesRef(props, ref, formRef, {
-        style: normalStyle
-    });
-    const propsRef = useRef({});
-    propsRef.current = props;
-    const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: formRef });
-    const innerProps = useInnerProps(props, extendObject({
-        style: extendObject({}, innerStyle, layoutStyle),
-        ref: formRef
-    }, layoutProps), [
-        'bindsubmit',
-        'bindreset'
-    ], { layoutRef });
-    const contextValue = useMemo(() => {
-        const formValuesMap = new Map();
-        const submit = () => {
-            const { bindsubmit } = propsRef.current;
-            const formValue = {};
-            for (const name of formValuesMap.keys()) {
-                if (formValuesMap.get(name).getValue) {
-                    formValue[name] = formValuesMap.get(name).getValue();
-                }
-            }
-            bindsubmit && bindsubmit(getCustomEvent('submit', {}, {
-                detail: {
-                    value: formValue
-                },
-                layoutRef
-            }, propsRef.current));
-        };
-        const reset = () => {
-            const { bindreset } = propsRef.current;
-            bindreset && bindreset();
-            formValuesMap.forEach(item => item.resetValue());
-        };
-        return {
-            formValuesMap,
-            submit,
-            reset
-        };
-    }, []);
-    return createElement(View, innerProps, createElement(FormContext.Provider, { value: contextValue }, wrapChildren(props, {
-        hasVarDec,
-        varContext: varContextRef.current,
-        textStyle,
-        textProps
-    })));
-});
-_Form.displayName = 'MpxForm';
-export default _Form;

package/lib/runtime/components/react/dist/mpx-icon/index.jsx

@@ -1,50 +0,0 @@
-/**
- * ✔ type
- * ✔ size
- * ✔ color
- */
-import { forwardRef, useRef, createElement } from 'react';
-import { Image } from 'react-native';
-import useInnerProps from '../getInnerListeners';
-import useNodesRef from '../useNodesRef';
-import { useLayout, useTransformStyle, extendObject } from '../utils';
-import Success from './icons/success.png';
-import SuccessNoCircle from './icons/success_no_circle.png';
-import Info from './icons/info.png';
-import Warn from './icons/warn.png';
-import Waiting from './icons/waiting.png';
-import Cancel from './icons/cancel.png';
-import Download from './icons/download.png';
-import Search from './icons/search.png';
-import Clear from './icons/clear.png';
-const IconTypeMap = new Map([
-    ['success', Success],
-    ['success_no_circle', SuccessNoCircle],
-    ['info', Info],
-    ['warn', Warn],
-    ['waiting', Waiting],
-    ['cancel', Cancel],
-    ['download', Download],
-    ['search', Search],
-    ['clear', Clear]
-]);
-const Icon = forwardRef((props, ref) => {
-    const { type, size = 23, color, style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props;
-    const source = IconTypeMap.get(type);
-    const defaultStyle = { width: ~~size, height: ~~size };
-    const styleObj = extendObject({}, defaultStyle, style);
-    const { hasSelfPercent, normalStyle, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
-    const nodeRef = useRef(null);
-    useNodesRef(props, ref, nodeRef, { style: normalStyle });
-    const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef });
-    const innerProps = useInnerProps(props, extendObject({
-        ref: nodeRef,
-        source,
-        style: extendObject({}, normalStyle, layoutStyle, { tintColor: color })
-    }, layoutProps), [], {
-        layoutRef
-    });
-    return createElement(Image, innerProps);
-});
-Icon.displayName = 'MpxIcon';
-export default Icon;

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

@@ -1,292 +0,0 @@
-/**
- * ✔ src
- * ✔ mode
- * ✘ show-menu-by-longpress
- * ✔ binderror
- * ✔ bindload
- * ✘ fade-in
- * ✔ webp
- * ✘ lazy-load
- * ✔ bindtap
- * ✔ DEFAULT_SIZE
- */
-import { useEffect, useMemo, useState, useRef, forwardRef, createElement } from 'react';
-import { Image as RNImage, View } from 'react-native';
-import { noop } from '@mpxjs/utils';
-import { SvgCssUri } from 'react-native-svg/css';
-import useInnerProps, { getCustomEvent } from './getInnerListeners';
-import useNodesRef from './useNodesRef';
-import { SVG_REGEXP, useLayout, useTransformStyle, renderImage, extendObject } from './utils';
-const DEFAULT_IMAGE_WIDTH = 320;
-const DEFAULT_IMAGE_HEIGHT = 240;
-const cropMode = [
-    'top',
-    'bottom',
-    'center',
-    'right',
-    'left',
-    'top left',
-    'top right',
-    'bottom left',
-    'bottom right'
-];
-const ModeMap = new Map([
-    ['scaleToFill', 'stretch'],
-    ['aspectFit', 'contain'],
-    ['aspectFill', 'cover'],
-    ['widthFix', 'stretch'],
-    ['heightFix', 'stretch'],
-    ...cropMode.map(mode => [mode, 'stretch'])
-]);
-const isNumber = (value) => typeof value === 'number';
-const relativeCenteredSize = (viewSize, imageSize) => (viewSize - imageSize) / 2;
-function noMeetCalcRule(isSvg, mode, viewWidth, viewHeight, ratio) {
-    const isMeetSize = viewWidth && viewHeight && ratio;
-    if (isSvg && !isMeetSize)
-        return true;
-    if (!isSvg && !['scaleToFill', 'aspectFit', 'aspectFill'].includes(mode) && !isMeetSize)
-        return true;
-    return false;
-}
-const Image = forwardRef((props, ref) => {
-    const { src = '', mode = 'scaleToFill', style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'enable-fast-image': enableFastImage, 'parent-width': parentWidth, 'parent-height': parentHeight, bindload, binderror } = props;
-    const defaultStyle = {
-        width: DEFAULT_IMAGE_WIDTH,
-        height: DEFAULT_IMAGE_HEIGHT
-    };
-    const styleObj = extendObject({}, defaultStyle, style, { overflow: 'hidden' });
-    const state = useRef({});
-    const nodeRef = useRef(null);
-    useNodesRef(props, ref, nodeRef, {
-        defaultStyle
-    });
-    const isSvg = SVG_REGEXP.test(src);
-    const isWidthFixMode = mode === 'widthFix';
-    const isHeightFixMode = mode === 'heightFix';
-    const isCropMode = cropMode.includes(mode);
-    const isLayoutMode = isWidthFixMode || isHeightFixMode || isCropMode;
-    const resizeMode = ModeMap.get(mode) || 'stretch';
-    const onLayout = ({ nativeEvent: { layout: { width, height } } }) => {
-        state.current.viewWidth = width;
-        state.current.viewHeight = height;
-        if (state.current.imageWidth && state.current.imageHeight && state.current.ratio) {
-            setViewWidth(width);
-            setViewHeight(height);
-            setRatio(state.current.ratio);
-            setImageWidth(state.current.imageWidth);
-            setImageHeight(state.current.imageHeight);
-            state.current = {};
-            setLoaded(true);
-        }
-    };
-    const { normalStyle, hasSelfPercent, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
-    const { layoutRef, layoutStyle, layoutProps } = useLayout({
-        props,
-        hasSelfPercent,
-        setWidth,
-        setHeight,
-        nodeRef,
-        onLayout: isLayoutMode ? onLayout : noop
-    });
-    const { width, height } = normalStyle;
-    const [viewWidth, setViewWidth] = useState(isNumber(width) ? width : 0);
-    const [viewHeight, setViewHeight] = useState(isNumber(height) ? height : 0);
-    const [imageWidth, setImageWidth] = useState(0);
-    const [imageHeight, setImageHeight] = useState(0);
-    const [ratio, setRatio] = useState(0);
-    const [loaded, setLoaded] = useState(!isLayoutMode);
-    const fixedHeight = useMemo(() => {
-        const fixed = viewWidth * ratio;
-        return !fixed ? viewHeight : fixed;
-    }, [ratio, viewWidth, viewHeight]);
-    const fixedWidth = useMemo(() => {
-        if (!ratio)
-            return viewWidth;
-        const fixed = viewHeight / ratio;
-        return !fixed ? viewWidth : fixed;
-    }, [ratio, viewWidth, viewHeight]);
-    const modeStyle = useMemo(() => {
-        if (noMeetCalcRule(isSvg, mode, viewWidth, viewHeight, ratio))
-            return {};
-        switch (mode) {
-            case 'scaleToFill':
-            case 'aspectFit':
-                if (isSvg) {
-                    const scale = ratio <= 1
-                        ? imageWidth >= viewWidth ? viewWidth / imageWidth : imageWidth / viewWidth
-                        : imageHeight >= viewHeight ? viewHeight / imageHeight : imageHeight / viewHeight;
-                    return {
-                        transform: [
-                            { scale },
-                            ratio <= 1 ? { translateY: -(imageHeight * scale - viewHeight) / 2 / scale } : { translateX: -(imageWidth * scale - viewWidth) / 2 / scale }
-                        ]
-                    };
-                }
-                return {};
-            case 'aspectFill':
-                if (isSvg) {
-                    const scale = ratio >= 1
-                        ? imageWidth >= viewWidth ? viewWidth / imageWidth : imageWidth / viewWidth
-                        : imageHeight >= viewHeight ? viewHeight / imageHeight : imageHeight / viewHeight;
-                    return {
-                        transform: [
-                            { scale },
-                            ratio >= 1 ? { translateY: -(imageHeight * scale - viewHeight) / 2 / scale } : { translateX: -(imageWidth * scale - viewWidth) / 2 / scale }
-                        ]
-                    };
-                }
-                return {};
-            case 'widthFix':
-            case 'heightFix':
-                if (isSvg) {
-                    const scale = ratio >= 1
-                        ? imageWidth >= fixedWidth ? fixedWidth / imageWidth : imageWidth / fixedWidth
-                        : imageHeight >= fixedHeight ? fixedHeight / imageHeight : imageHeight / fixedHeight;
-                    return {
-                        transform: [{ scale }]
-                    };
-                }
-                return {};
-            case 'top':
-                return {
-                    transform: [
-                        { translateX: relativeCenteredSize(viewWidth, imageWidth) }
-                    ]
-                };
-            case 'bottom':
-                return {
-                    transform: [
-                        { translateY: viewHeight - imageHeight },
-                        { translateX: relativeCenteredSize(viewWidth, imageWidth) }
-                    ]
-                };
-            case 'center':
-                return {
-                    transform: [
-                        { translateY: relativeCenteredSize(viewHeight, imageHeight) },
-                        { translateX: relativeCenteredSize(viewWidth, imageWidth) }
-                    ]
-                };
-            case 'left':
-                return {
-                    transform: [
-                        { translateY: relativeCenteredSize(viewHeight, imageHeight) }
-                    ]
-                };
-            case 'right':
-                return {
-                    transform: [
-                        { translateY: relativeCenteredSize(viewHeight, imageHeight) },
-                        { translateX: viewWidth - imageWidth }
-                    ]
-                };
-            case 'top left':
-                return {};
-            case 'top right':
-                return {
-                    transform: [
-                        { translateX: viewWidth - imageWidth }
-                    ]
-                };
-            case 'bottom left':
-                return {
-                    transform: [
-                        { translateY: viewHeight - imageHeight }
-                    ]
-                };
-            case 'bottom right':
-                return {
-                    transform: [
-                        { translateY: viewHeight - imageHeight },
-                        { translateX: viewWidth - imageWidth }
-                    ]
-                };
-            default:
-                return {};
-        }
-    }, [isSvg, mode, viewWidth, viewHeight, imageWidth, imageHeight, ratio, fixedWidth, fixedHeight]);
-    const onSvgLoad = (evt) => {
-        const { width, height } = evt.nativeEvent.layout;
-        setRatio(!width ? 0 : height / width);
-        setImageWidth(width);
-        setImageHeight(height);
-        bindload && bindload(getCustomEvent('load', evt, {
-            detail: { width, height },
-            layoutRef
-        }, props));
-    };
-    const onSvgError = (evt) => {
-        binderror(getCustomEvent('error', evt, {
-            detail: { errMsg: evt?.message },
-            layoutRef
-        }, props));
-    };
-    const onImageLoad = (evt) => {
-        evt.persist();
-        RNImage.getSize(src, (width, height) => {
-            bindload(getCustomEvent('load', evt, {
-                detail: { width, height },
-                layoutRef
-            }, props));
-        });
-    };
-    const onImageError = (evt) => {
-        binderror(getCustomEvent('error', evt, {
-            detail: { errMsg: evt.nativeEvent.error },
-            layoutRef
-        }, props));
-    };
-    useEffect(() => {
-        if (!isSvg && isLayoutMode) {
-            RNImage.getSize(src, (width, height) => {
-                state.current.imageWidth = width;
-                state.current.imageHeight = height;
-                state.current.ratio = !width ? 0 : height / width;
-                if (isWidthFixMode
-                    ? state.current.viewWidth
-                    : isHeightFixMode
-                        ? state.current.viewHeight
-                        : state.current.viewWidth && state.current.viewHeight) {
-                    state.current.viewWidth && setViewWidth(state.current.viewWidth);
-                    state.current.viewHeight && setViewHeight(state.current.viewHeight);
-                    setRatio(!width ? 0 : height / width);
-                    setImageWidth(width);
-                    setImageHeight(height);
-                    state.current = {};
-                    setLoaded(true);
-                }
-            });
-        }
-    }, [src, isSvg, isLayoutMode]);
-    const innerProps = useInnerProps(props, extendObject({
-        ref: nodeRef,
-        style: extendObject({}, normalStyle, layoutStyle, isHeightFixMode ? { width: fixedWidth } : {}, isWidthFixMode ? { height: fixedHeight } : {})
-    }, layoutProps), [
-        'src',
-        'mode',
-        'svg'
-    ], {
-        layoutRef
-    });
-    const SvgImage = createElement(View, innerProps, createElement(SvgCssUri, {
-        uri: src,
-        onLayout: onSvgLoad,
-        onError: binderror && onSvgError,
-        style: extendObject({ transformOrigin: 'top left' }, modeStyle)
-    }));
-    const BaseImage = renderImage(extendObject({
-        source: { uri: src },
-        resizeMode: resizeMode,
-        onLoad: bindload && onImageLoad,
-        onError: binderror && onImageError,
-        style: extendObject({
-            transformOrigin: 'top left',
-            width: isCropMode ? imageWidth : '100%',
-            height: isCropMode ? imageHeight : '100%'
-        }, isCropMode ? modeStyle : {})
-    }, isLayoutMode ? {} : innerProps), enableFastImage);
-    const LayoutImage = createElement(View, innerProps, loaded && BaseImage);
-    return isSvg ? SvgImage : isLayoutMode ? LayoutImage : BaseImage;
-});
-Image.displayName = 'mpx-image';
-export default Image;