@mpxjs/webpack-plugin 2.10.14-beta.1 → 2.10.14-beta.11

package/lib/runtime/components/react/dist/mpx-movable-view.d.ts

@@ -0,0 +1,63 @@
+/**
+ * ✔ direction
+ * ✔ inertia
+ * ✔ out-of-bounds
+ * ✔ x
+ * ✔ y
+ * ✘ damping
+ * ✘ friction
+ * ✔ disabled
+ * ✘ scale
+ * ✘ scale-min
+ * ✘ scale-max
+ * ✘ scale-value
+ * ✔ animation
+ * ✔ bindchange
+ * ✘ bindscale
+ * ✔ htouchmove
+ * ✔ vtouchmove
+ */
+import { ReactNode } from 'react';
+import { View, LayoutChangeEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+import { GestureHandler } from './utils';
+import { GestureTouchEvent } from 'react-native-gesture-handler';
+interface MovableViewProps {
+    children: ReactNode;
+    style?: Record<string, any>;
+    direction: 'all' | 'vertical' | 'horizontal' | 'none';
+    x?: number;
+    y?: number;
+    disabled?: boolean;
+    animation?: boolean;
+    id?: string;
+    changeThrottleTime?: number;
+    bindchange?: (event: unknown) => void;
+    bindtouchstart?: (event: GestureTouchEvent) => void;
+    catchtouchstart?: (event: GestureTouchEvent) => void;
+    bindtouchmove?: (event: GestureTouchEvent) => void;
+    catchtouchmove?: (event: GestureTouchEvent) => void;
+    catchtouchend?: (event: GestureTouchEvent) => void;
+    bindtouchend?: (event: GestureTouchEvent) => void;
+    bindhtouchmove?: (event: GestureTouchEvent) => void;
+    bindvtouchmove?: (event: GestureTouchEvent) => void;
+    catchhtouchmove?: (event: GestureTouchEvent) => void;
+    catchvtouchmove?: (event: GestureTouchEvent) => void;
+    bindlongpress?: (event: GestureTouchEvent) => void;
+    catchlongpress?: (event: GestureTouchEvent) => void;
+    bindtap?: (event: GestureTouchEvent) => void;
+    catchtap?: (event: GestureTouchEvent) => void;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    'out-of-bounds'?: boolean;
+    'wait-for'?: Array<GestureHandler>;
+    'simultaneous-handlers'?: Array<GestureHandler>;
+    inertia?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'disable-event-passthrough'?: boolean;
+}
+declare const _MovableView: import("react").ForwardRefExoticComponent<MovableViewProps & import("react").RefAttributes<HandlerRef<View, MovableViewProps>>>;
+export default _MovableView;

package/lib/runtime/components/react/dist/mpx-movable-view.jsx

@@ -22,7 +22,7 @@ import { StyleSheet } from 'react-native';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef';
 import { MovableAreaContext } from './context';
-import { useTransformStyle, splitProps, splitStyle, HIDDEN_STYLE, wrapChildren, flatGesture, extendObject, omit, useNavigation } from './utils';
+import { useTransformStyle, splitProps, splitStyle, HIDDEN_STYLE, wrapChildren, flatGesture, extendObject, omit, useNavigation, useRunOnJSCallback } from './utils';
 import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 import Animated, { useSharedValue, useAnimatedStyle, withDecay, runOnJS, runOnUI, withSpring } from 'react-native-reanimated';
 import { collectDataset, noop } from '@mpxjs/utils';
@@ -100,15 +100,6 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
             layoutRef
         }, propsRef.current));
     }, []);
-    // 节流版本的 change 事件触发
-    const handleTriggerChangeThrottled = useCallback(({ x, y, type }) => {
-        'worklet';
-        const now = Date.now();
-        if (now - lastChangeTime.value >= changeThrottleTime) {
-            lastChangeTime.value = now;
-            runOnJS(handleTriggerChange)({ x, y, type });
-        }
-    }, [changeThrottleTime]);
     useEffect(() => {
         runOnUI(() => {
             if (offsetX.value !== x || offsetY.value !== y) {
@@ -130,7 +121,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
                         : newY;
                 }
                 if (bindchange) {
-                    runOnJS(handleTriggerChange)({
+                    runOnJS(runOnJSCallback)('handleTriggerChange', {
                         x: newX,
                         y: newY,
                         type: 'setData'
@@ -295,13 +286,29 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
         bindtouchend && bindtouchend(e);
         catchtouchend && catchtouchend(e);
     };
+    const runOnJSCallbackRef = useRef({
+        handleTriggerChange,
+        triggerStartOnJS,
+        triggerMoveOnJS,
+        triggerEndOnJS
+    });
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
+    // 节流版本的 change 事件触发
+    const handleTriggerChangeThrottled = useCallback(({ x, y, type }) => {
+        'worklet';
+        const now = Date.now();
+        if (now - lastChangeTime.value >= changeThrottleTime) {
+            lastChangeTime.value = now;
+            runOnJS(runOnJSCallback)('handleTriggerChange', { x, y, type });
+        }
+    }, [changeThrottleTime]);
     const gesture = useMemo(() => {
         const handleTriggerMove = (e) => {
             'worklet';
             const hasTouchmove = !!bindhtouchmove || !!bindvtouchmove || !!bindtouchmove;
             const hasCatchTouchmove = !!catchhtouchmove || !!catchvtouchmove || !!catchtouchmove;
             if (hasTouchmove || hasCatchTouchmove) {
-                runOnJS(triggerMoveOnJS)({
+                runOnJS(runOnJSCallback)('triggerMoveOnJS', {
                     e,
                     touchEvent: touchEvent.value,
                     hasTouchmove,
@@ -319,7 +326,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
                 y: changedTouches.y
             };
             if (bindtouchstart || catchtouchstart) {
-                runOnJS(triggerStartOnJS)({ e });
+                runOnJS(runOnJSCallback)('triggerStartOnJS', { e });
             }
         })
             .onStart(() => {
@@ -376,7 +383,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
             isFirstTouch.value = true;
             isMoving.value = false;
             if (bindtouchend || catchtouchend) {
-                runOnJS(triggerEndOnJS)({ e });
+                runOnJS(runOnJSCallback)('triggerEndOnJS', { e });
             }
         })
             .onEnd((e) => {
@@ -405,7 +412,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
                             : y;
                     }
                     if (bindchange) {
-                        runOnJS(handleTriggerChange)({
+                        runOnJS(runOnJSCallback)('handleTriggerChange', {
                             x,
                             y
                         });
@@ -423,7 +430,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
                     }, () => {
                         xInertialMotion.value = false;
                         if (bindchange) {
-                            runOnJS(handleTriggerChange)({
+                            runOnJS(runOnJSCallback)('handleTriggerChange', {
                                 x: offsetX.value,
                                 y: offsetY.value
                             });
@@ -439,7 +446,7 @@ const _MovableView = forwardRef((movableViewProps, ref) => {
                     }, () => {
                         yInertialMotion.value = false;
                         if (bindchange) {
-                            runOnJS(handleTriggerChange)({
+                            runOnJS(runOnJSCallback)('handleTriggerChange', {
                                 x: offsetX.value,
                                 y: offsetY.value
                             });

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface MpxNavContainerProps {
+    children?: React.ReactNode;
+}
+export default function MpxNavContainer(props: MpxNavContainerProps): import("react").ReactNode;
+export declare function NavSharedProvider({ children }: {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+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/mpx-navigator.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { _ViewProps } from './mpx-view';
+interface _NavigatorProps extends _ViewProps {
+    ['open-type']: 'navigate' | 'redirect' | 'switchTab' | 'reLaunch' | 'navigateBack';
+    url: string;
+    delta: number;
+}
+declare const _Navigator: import("react").ForwardRefExoticComponent<_NavigatorProps & import("react").RefAttributes<any>>;
+export default _Navigator;

package/lib/runtime/components/react/dist/mpx-picker/date.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { DateProps } from './type';
+import { HandlerRef } from '../useNodesRef';
+declare const PickerDate: React.ForwardRefExoticComponent<Omit<DateProps, "ref"> & React.RefAttributes<HandlerRef<View, DateProps>>>;
+export default PickerDate;

package/lib/runtime/components/react/dist/mpx-picker/dateData.d.ts

@@ -0,0 +1,7 @@
+export declare const wrapDate: (union?: string) => (num: number) => string;
+export declare const START_YEAR = 1900;
+export declare const END_YEAR = 2099;
+export declare const years: string[];
+export declare const months: string[];
+export declare const daysInMonthLength: (year: number, month: number) => 30 | 28 | 29 | 31;
+export declare const daysInMonth: (year: number, month: number) => string[];

package/lib/runtime/components/react/dist/mpx-picker/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+import { PickerProps } from './type';
+declare const Picker: React.ForwardRefExoticComponent<(Omit<import("./type").DateProps, "ref"> | Omit<import("./type").SelectorProps, "ref"> | Omit<import("./type").MultiSelectorProps, "ref"> | Omit<import("./type").TimeProps, "ref"> | Omit<import("./type").RegionProps, "ref">) & React.RefAttributes<HandlerRef<View, PickerProps>>>;
+export default Picker;

package/lib/runtime/components/react/dist/mpx-picker/multiSelector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { MultiSelectorProps } from './type';
+import { HandlerRef } from '../useNodesRef';
+declare const PickerMultiSelector: React.ForwardRefExoticComponent<Omit<MultiSelectorProps, "ref"> & React.RefAttributes<HandlerRef<View, MultiSelectorProps>>>;
+export default PickerMultiSelector;

package/lib/runtime/components/react/dist/mpx-picker/region.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { RegionProps } from './type';
+import { HandlerRef } from '../useNodesRef';
+declare const PickerRegion: React.ForwardRefExoticComponent<Omit<RegionProps, "ref"> & React.RefAttributes<HandlerRef<View, RegionProps>>>;
+export default PickerRegion;

package/lib/runtime/components/react/dist/mpx-picker/regionData.d.ts

@@ -0,0 +1,2 @@
+import { RegionObj } from './type';
+export declare const regionData: RegionObj[];

package/lib/runtime/components/react/dist/mpx-picker/selector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { SelectorProps } from './type';
+import { HandlerRef } from '../useNodesRef';
+declare const PickerSelector: React.ForwardRefExoticComponent<Omit<SelectorProps, "ref"> & React.RefAttributes<HandlerRef<View, SelectorProps>>>;
+export default PickerSelector;

package/lib/runtime/components/react/dist/mpx-picker/time.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import { TimeProps } from './type';
+import { HandlerRef } from '../useNodesRef';
+declare const PickerTime: React.ForwardRefExoticComponent<Omit<TimeProps, "ref"> & React.RefAttributes<HandlerRef<View, TimeProps>>>;
+export default PickerTime;

package/lib/runtime/components/react/dist/mpx-picker/type.d.ts

@@ -0,0 +1,106 @@
+import React from 'react';
+export declare const enum PickerMode {
+    SELECTOR = "selector",
+    MULTI_SELECTOR = "multiSelector",
+    TIME = "time",
+    DATE = "date",
+    REGION = "region"
+}
+export type PickerValue = number;
+export type Obj = Record<string, any>;
+export type RangeItem = Obj | number | string;
+export type TimeValue = `${number}-${number}-${number}` | '';
+/** 通用属性 */
+export interface BasePickerProps {
+    /** --- 小程序属性 --- */
+    /** 选择器类型, 默认值 selector */
+    mode?: PickerMode;
+    /** 是否禁用, 默认值 false */
+    disabled?: boolean;
+    /** 点击取消按钮时触发 */
+    bindcancel?: Function;
+    /** 头部标题 */
+    'header-text'?: string;
+    /** --- 内部组件属性 --- */
+    /** 作为表单组件时的名称 */
+    name?: string;
+    style?: Record<string, any>;
+    children?: React.ReactNode;
+    range?: RangeItem[];
+    ref?: any;
+}
+export interface SelectorProps extends BasePickerProps {
+    mode: PickerMode.SELECTOR;
+    /**  默认值 0 */
+    value?: number;
+    /** 默认值 [] */
+    range?: RangeItem[];
+    'range-key'?: string;
+    /** 点击确认按钮后触发 change 事件, event.detail = {value} */
+    bindchange?: Function;
+}
+export interface MultiSelectorProps extends BasePickerProps {
+    mode: PickerMode.MULTI_SELECTOR;
+    /** 默认值 [] */
+    value?: number[];
+    range?: RangeItem[];
+    'range-key'?: string;
+    bindchange?: Function;
+    bindcolumnchange?: Function;
+}
+export interface TimeProps extends BasePickerProps {
+    mode: PickerMode.TIME;
+    /** 表示选中的时间，格式为"hh:mm" */
+    value?: string;
+    start?: string;
+    end?: string;
+    bindchange?: Function;
+}
+export interface DateProps extends BasePickerProps {
+    mode: PickerMode.DATE;
+    /** 默认值 '' */
+    value?: TimeValue;
+    start?: TimeValue;
+    end?: TimeValue;
+    /** 有效值 year,month,day，表示选择器的粒度 */
+    fields?: 'day' | 'month' | 'year';
+    bindchange?: Function;
+}
+export interface RegionProps extends BasePickerProps {
+    mode: PickerMode.REGION;
+    /** 表示选中的省市区，默认选中每一列的第一个值, 默认值 [] */
+    value?: string[];
+    /** 默认值 region */
+    level?: 'province' | 'city' | 'region' | 'sub-district';
+    /** 可为每一列的顶部添加一个自定义的项 */
+    'custom-item'?: string;
+    /** value 改变时触发 change 事件, event.detail = {value, code, postcode},
+     * 其中字段 code 是统计用区划代码, postcode 是邮政编码 */
+    bindchange?: Function;
+}
+export interface RegionObj {
+    value: string;
+    code: string;
+    postcode?: string;
+    children?: RegionObj[];
+}
+export interface PickerData {
+    value: string;
+    label: string;
+    children?: Object[];
+}
+export interface EventType {
+    detail: {
+        value: PickerValue[];
+    };
+}
+export interface LayoutType {
+    nativeEvent: {
+        layout: Obj;
+    };
+}
+export interface FormType {
+    name: string;
+}
+export type PickerProps = SelectorProps | MultiSelectorProps | TimeProps | DateProps | RegionProps;
+export type LanguageCode = 'zh-CN' | 'en-US';

package/lib/runtime/components/react/dist/mpx-picker-view/index.d.ts

@@ -0,0 +1,31 @@
+import { View } from 'react-native';
+import React from 'react';
+import { HandlerRef } from '../useNodesRef';
+import type { AnyFunc } from '../types/common';
+/**
+ * ✔ value
+ * ✔ bindchange
+ * ✘ bindpickstart
+ * ✘ bindpickend
+ * ✔ mask-class
+ * ✔ indicator-style: 优先级indicator-style.height > pick-view-column中的子元素设置的height
+ * WebView Only:
+ * ✔ indicator-class
+ * ✔ mask-style
+ * ✘ immediate-change
+ */
+interface PickerViewProps {
+    children: React.ReactNode;
+    value?: Array<number>;
+    bindchange?: AnyFunc;
+    style?: {
+        [key: string]: any;
+    };
+    'indicator-style'?: Record<string, any>;
+    'mask-style'?: Record<string, any>;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'enable-offset'?: boolean;
+}
+declare const _PickerView: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<HandlerRef<View, PickerViewProps>>>;
+export default _PickerView;

package/lib/runtime/components/react/dist/mpx-picker-view/pickerVIewContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SharedValue } from 'react-native-reanimated';
+type ContextValue = SharedValue<number>;
+export declare const PickerViewColumnAnimationContext: import("react").Context<ContextValue | undefined>;
+export declare const usePickerViewColumnAnimationContext: () => ContextValue;
+export declare const PickerViewStyleContext: import("react").Context<Record<string, any> | undefined>;
+export declare const usePickerViewStyleContext: () => Record<string, any> | undefined;
+export {};

package/lib/runtime/components/react/dist/mpx-picker-view-column/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ScrollView, View } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+interface ColumnProps {
+    columnIndex: number;
+    columnData: React.ReactNode[];
+    initialIndex: number;
+    onSelectChange: Function;
+    style: {
+        [key: string]: any;
+    };
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    wrapperStyle: {
+        height: number;
+        itemHeight: number;
+    };
+    pickerMaskStyle: Record<string, any>;
+    pickerIndicatorStyle: Record<string, any>;
+}
+declare const _PickerViewColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HandlerRef<ScrollView & View, ColumnProps>>>;
+export default _PickerViewColumn;

package/lib/runtime/components/react/dist/mpx-picker-view-column/pickerViewColumnItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LayoutChangeEvent } from 'react-native';
+interface PickerColumnItemProps {
+    item: React.ReactElement;
+    index: number;
+    itemHeight: number;
+    itemWidth?: number | '100%';
+    textStyle: Record<string, any>;
+    visibleCount: number;
+    textProps?: any;
+    onItemLayout?: (e: LayoutChangeEvent) => void;
+}
+declare const PickerViewColumnItem: React.FC<PickerColumnItemProps>;
+export default PickerViewColumnItem;

package/lib/runtime/components/react/dist/mpx-picker-view-column/pickerViewFaces.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Borrowed from open-source code: https://github.com/quidone/react-native-wheel-picker
+ * Special thanks to the authors for their contribution to the open-source community.
+ */
+export type Faces = {
+    index: number;
+    deg: number;
+    offsetY: number;
+    opacity: number;
+    scale: number;
+    screenHeight: number;
+};
+export declare const degToRad: (deg: number) => number;
+export declare const calcPickerHeight: (faces: Faces[], itemHeight: number) => number;
+export declare const calcHeightOffsets: (itemHeight: number) => number[];
+export declare const createFaces: (itemHeight: number, visibleCount: number) => Faces[];

package/lib/runtime/components/react/dist/mpx-picker-view-column/pickerViewIndicator.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type IndicatorProps = {
+    itemHeight: number;
+    indicatorItemStyle?: StyleProp<ViewStyle>;
+    indicatorContainerStyle?: StyleProp<ViewStyle>;
+};
+declare const _PickerViewIndicator: {
+    ({ itemHeight, indicatorItemStyle, indicatorContainerStyle }: IndicatorProps): React.JSX.Element;
+    displayName: string;
+};
+export default _PickerViewIndicator;

package/lib/runtime/components/react/dist/mpx-picker-view-column/pickerViewMask.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type MaskProps = {
+    itemHeight: number;
+    maskContainerStyle?: StyleProp<ViewStyle>;
+};
+declare const _PickerViewMask: {
+    ({ itemHeight, maskContainerStyle }: MaskProps): React.JSX.Element;
+    displayName: string;
+};
+export default _PickerViewMask;

package/lib/runtime/components/react/dist/mpx-popup/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+import { PopupBaseProps } from './popupBase';
+export declare const enum PopupType {
+    PICKER = "picker"
+}
+export interface IUsePopupOptions {
+    modal?: React.ComponentType<PopupBaseProps>;
+    type?: PopupType;
+}
+/**
+ * 基于 Portal 封装的 Popup 弹窗组件管理 Hooks
+ */
+declare const createPopupManager: (options?: IUsePopupOptions) => {
+    open: (childComponent: React.ReactNode, pageId: number | undefined, options?: {
+        contentHeight?: number;
+    }) => void;
+    show: () => void;
+    hide: () => void;
+    update: (updatedChild: ReactElement | null) => void;
+    remove: () => void;
+};
+export { createPopupManager };

package/lib/runtime/components/react/dist/mpx-popup/popupBase.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface PopupBaseProps {
+    children?: React.ReactNode;
+    hide?: () => void;
+    contentHeight?: number;
+    visible?: boolean;
+}
+/**
+ * 类似微信 picker 弹窗的动画效果都可以复用此类容器
+ * 其他特定类型的弹窗容器组件可以在此基础上封装，或者扩展实现
+ */
+declare const PopupBase: {
+    (props?: PopupBaseProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default PopupBase;

package/lib/runtime/components/react/dist/mpx-portal/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type PortalProps = {
+    children?: ReactNode;
+};
+declare const Portal: {
+    ({ children }: PortalProps): null;
+    Host: ({ children }: {
+        children: ReactNode;
+        pageId: number;
+    }) => JSX.Element;
+    add: (e: ReactNode, id: number | null) => number;
+    remove: (key: number) => void;
+    update: (key: number, e: ReactNode) => void;
+};
+export default Portal;

package/lib/runtime/components/react/dist/mpx-portal/portal-host.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+type PortalHostProps = {
+    children: ReactNode;
+    pageId: number;
+};
+export type Operation = {
+    type: 'mount';
+    key: number;
+    children: ReactNode;
+} | {
+    type: 'update';
+    key: number;
+    children: ReactNode;
+} | {
+    type: 'unmount';
+    key: number;
+};
+declare class PortalGuard {
+    private nextKey;
+    add: (e: ReactNode, id: number | null) => number;
+    remove: (key: number) => void;
+    update: (key: number, e: ReactNode) => void;
+}
+/**
+ * portal
+ */
+export declare const portal: PortalGuard;
+declare const PortalHost: ({ children }: PortalHostProps) => JSX.Element;
+export default PortalHost;

package/lib/runtime/components/react/dist/mpx-portal/portal-manager.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type State = {
+    portals: Array<{
+        key: number;
+        children: ReactNode;
+    }>;
+};
+declare const _PortalManager: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export default _PortalManager;

package/lib/runtime/components/react/dist/mpx-radio-group.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ✔ bindchange
+ */
+import { ReactNode } from 'react';
+import { View, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface RadioGroupProps {
+    name: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindchange?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const radioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HandlerRef<View, RadioGroupProps>>>;
+export default radioGroup;

package/lib/runtime/components/react/dist/mpx-radio.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ✔ value
+ * ✔ disabled
+ * ✔ checked
+ * ✔ color
+ */
+import { ReactNode } from 'react';
+import { View, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface RadioProps {
+    value?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindtap?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HandlerRef<View, RadioProps>>>;
+export default Radio;

package/lib/runtime/components/react/dist/mpx-rich-text/html.d.ts

@@ -0,0 +1 @@
+export declare const generateHTML: (html: string) => string;