@rsmax/one 1.0.1

package/cjs/hostComponents/Form/props/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaults = void 0;
+var default_1 = require("./default");
+Object.defineProperty(exports, "defaults", { enumerable: true, get: function () { return __importDefault(default_1).default; } });

package/cjs/hostComponents/Image/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import ImageProps from './props';
+export type { ImageProps };
+declare const Image: React.ComponentType<ImageProps>;
+export default Image;

package/cjs/hostComponents/Image/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const createHostComponent_1 = __importDefault(require("../../createHostComponent"));
+const default_1 = __importDefault(require("./props/default"));
+const Image = (0, createHostComponent_1.default)('image', null, default_1.default);
+exports.default = Image;

package/cjs/hostComponents/Image/index.web.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ImageWebProps } from './props';
+export type ImageProps = ImageWebProps;
+declare const _default: React.ForwardRefExoticComponent<ImageWebProps & React.RefAttributes<any>>;
+export default _default;

package/cjs/hostComponents/Image/index.web.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const isPlatformSpecifyProp_1 = require("../../utils/isPlatformSpecifyProp");
+const modeStyle_1 = __importDefault(require("./modeStyle"));
+const clsx_1 = __importDefault(require("clsx"));
+const Image = (props, ref) => {
+    const _a = (0, isPlatformSpecifyProp_1.filterProps)(props), { className, src, style, mode = 'scaleToFill', onTap, onLoad, onError } = _a, restProps = __rest(_a, ["className", "src", "style", "mode", "onTap", "onLoad", "onError"]);
+    const isWidthFixMode = mode === 'widthFix';
+    return (React.createElement("div", Object.assign({}, restProps, { onClick: onTap, className: (0, clsx_1.default)('remax-image', className), style: Object.assign(Object.assign(Object.assign({}, modeStyle_1.default[mode]), { backgroundImage: `url(${src})`, backgroundRepeat: `no-repeat` }), style) }),
+        React.createElement("img", { src: src, ref: ref, style: {
+                visibility: 'hidden',
+                width: isWidthFixMode ? '100%' : undefined,
+                height: isWidthFixMode ? 'auto' : '1px',
+            }, onLoad: onLoad, onError: onError })));
+};
+exports.default = React.forwardRef(Image);

package/cjs/hostComponents/Image/modeStyle.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    scaleToFill: {
+        backgroundSize: string;
+    };
+    aspectFit: {
+        backgroundSize: string;
+        backgroundPosition: string;
+    };
+    widthFix: {
+        backgroundSize: string;
+        height: string;
+        lineHeight: number;
+    };
+    aspectFill: {
+        backgroundSize: string;
+        backgroundPosition: string;
+    };
+    top: {
+        backgroundPosition: string;
+    };
+    bottom: {
+        backgroundPosition: string;
+    };
+    center: {
+        backgroundPosition: string;
+    };
+    left: {
+        backgroundPosition: string;
+    };
+    right: {
+        backgroundPosition: string;
+    };
+    'top left': {
+        backgroundPosition: string;
+    };
+    'top right': {
+        backgroundPosition: string;
+    };
+    'bottom left': {
+        backgroundPosition: string;
+    };
+    'bottom right': {
+        backgroundPosition: string;
+    };
+};
+export default _default;

package/cjs/hostComponents/Image/modeStyle.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    scaleToFill: {
+        backgroundSize: '100% 100%',
+    },
+    aspectFit: {
+        backgroundSize: 'contain',
+        backgroundPosition: 'center',
+    },
+    widthFix: {
+        backgroundSize: '100% 100%',
+        height: 'auto',
+        lineHeight: 0,
+    },
+    aspectFill: {
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+    },
+    top: {
+        backgroundPosition: 'top',
+    },
+    bottom: {
+        backgroundPosition: 'bottom',
+    },
+    center: {
+        backgroundPosition: 'center',
+    },
+    left: {
+        backgroundPosition: 'center left',
+    },
+    right: {
+        backgroundPosition: 'center right',
+    },
+    'top left': {
+        backgroundPosition: 'top left',
+    },
+    'top right': {
+        backgroundPosition: 'top right',
+    },
+    'bottom left': {
+        backgroundPosition: 'bottom left',
+    },
+    'bottom right': {
+        backgroundPosition: 'bottom right',
+    },
+};

package/cjs/hostComponents/Image/props/default/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/cjs/hostComponents/Image/props/default/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {};

package/cjs/hostComponents/Image/props/default/index.wechat.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    mode: string;
+    'wechat-webp': boolean;
+    'wechat-lazyLoad': boolean;
+    'wechat-show-menu-by-longpress': boolean;
+};
+export default _default;

package/cjs/hostComponents/Image/props/default/index.wechat.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    mode: 'scaleToFill',
+    'wechat-webp': false,
+    'wechat-lazyLoad': false,
+    'wechat-show-menu-by-longpress': false,
+};

package/cjs/hostComponents/Image/props/index.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ImageLoadEvent, ImageErrorEvent, TapEvent, TouchStartEvent } from '../../../types';
+export { default as defaults } from './default';
+interface CommonProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 图片资源地址 */
+    src?: string;
+    /** 图片裁剪、缩放的模式 */
+    mode?: 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+}
+export default interface ImageProps extends CommonProps, React.AriaAttributes {
+    /** 当图片载入完毕时触发 */
+    onLoad?: (e: ImageLoadEvent) => void;
+    /** 当错误发生时触发 */
+    onError?: (e: ImageErrorEvent) => void;
+    onTap?: (e: TapEvent) => void;
+    onTouchStart?: (e: TouchStartEvent) => void;
+    onTouchMove?: (e: TouchStartEvent) => void;
+    onTouchEnd?: (e: TouchStartEvent) => void;
+    onTouchCancel?: (e: TouchStartEvent) => void;
+}
+export interface ImageWebProps extends CommonProps, React.HTMLAttributes<HTMLImageElement> {
+    onTap?: (e: React.MouseEvent<HTMLImageElement>) => void;
+}

package/cjs/hostComponents/Image/props/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaults = void 0;
+var default_1 = require("./default");
+Object.defineProperty(exports, "defaults", { enumerable: true, get: function () { return __importDefault(default_1).default; } });

package/cjs/hostComponents/Input/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { InputEvent } from '../../types';
+import type { InputProps } from './props';
+export type { InputProps };
+export interface InputState {
+    value?: string;
+    controlled: boolean;
+}
+export default class Input extends React.Component<InputProps, InputState> {
+    static defaultProps: {
+        'toutiao-selection-end': number;
+        'toutiao-selection-start': number;
+        'wechat-placeholder-class': string;
+        'wechat-cursor-spacing': number;
+        'wechat-confirm-type': string;
+        'wechat-confirm-hold': boolean;
+        'wechat-selection-end': number;
+        'wechat-selection-start': number;
+        'wechat-adjust-position': boolean;
+        'wechat-hold-keyboard': boolean;
+    };
+    state: InputState;
+    constructor(props: InputProps);
+    componentDidUpdate(): void;
+    handleInput: (e: InputEvent) => any;
+    render(): React.DetailedReactHTMLElement<any, HTMLElement>;
+}

package/cjs/hostComponents/Input/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const memoize_one_1 = __importDefault(require("memoize-one"));
+const createHostComponent_1 = require("../../createHostComponent");
+const alias_1 = __importDefault(require("./props/alias"));
+const createInputCallback = (0, memoize_one_1.default)(createHostComponent_1.createCallback);
+const createConfirmCallback = (0, memoize_one_1.default)(createHostComponent_1.createCallback);
+const createFocusCallback = (0, memoize_one_1.default)(createHostComponent_1.createCallback);
+const createBlurCallback = (0, memoize_one_1.default)(createHostComponent_1.createCallback);
+class Input extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: '',
+            // 阿里
+            controlled: false,
+        };
+        this.handleInput = (e) => {
+            const { controlled } = this.state;
+            if (typeof this.props.onInput === 'function') {
+                return this.props.onInput(e);
+            }
+            // 微信
+            // 注意，微信要对 input 受控，必须要在 onInput 方法返回值
+            return controlled ? this.props.value : undefined;
+        };
+        const controlled = props.value !== undefined;
+        const value = controlled ? props.value : props.defaultValue;
+        this.state = {
+            value,
+            controlled,
+        };
+    }
+    componentDidUpdate() {
+        if (this.props.value !== undefined && this.props.value !== this.state.value) {
+            this.setState({ value: this.props.value });
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        const inputProps = Object.assign({}, this.props);
+        if (inputProps.onInput) {
+            inputProps.onInput = createInputCallback(this.handleInput, createHostComponent_1.createInputEvent);
+        }
+        if (inputProps.onConfirm) {
+            inputProps.onConfirm = createConfirmCallback(this.props.onConfirm, createHostComponent_1.createInputEvent);
+        }
+        if (inputProps.onFocus) {
+            inputProps.onFocus = createFocusCallback(this.props.onFocus, createHostComponent_1.createInputEvent);
+        }
+        if (inputProps.onBlur) {
+            inputProps.onBlur = createBlurCallback(this.props.onBlur, createHostComponent_1.createInputEvent);
+        }
+        // 通用属性的默认属性根据平台在这里设置
+        if (process.env.RSMAX_PLATFORM === 'toutiao') {
+            inputProps.maxLength = (_a = inputProps.maxLength) !== null && _a !== void 0 ? _a : 140;
+        }
+        if (process.env.RSMAX_PLATFORM === 'wechat') {
+            inputProps.type = (_b = inputProps.type) !== null && _b !== void 0 ? _b : 'text';
+            inputProps.password = (_c = inputProps.password) !== null && _c !== void 0 ? _c : false;
+            inputProps.disabled = (_d = inputProps.disabled) !== null && _d !== void 0 ? _d : false;
+            inputProps.focus = (_e = inputProps.focus) !== null && _e !== void 0 ? _e : false;
+            inputProps.maxLength = (_f = inputProps.maxLength) !== null && _f !== void 0 ? _f : 140;
+        }
+        const nextProps = (0, createHostComponent_1.aliasProps)(Object.assign(Object.assign({}, inputProps), this.state), alias_1.default);
+        return react_1.default.createElement('input', nextProps);
+    }
+}
+exports.default = Input;
+// 平台独有的属性默认值写在这
+Input.defaultProps = {
+    'toutiao-selection-end': 999,
+    'toutiao-selection-start': 999,
+    'wechat-placeholder-class': 'input-placeholder',
+    'wechat-cursor-spacing': 0,
+    'wechat-confirm-type': 'done',
+    'wechat-confirm-hold': false,
+    'wechat-selection-end': -1,
+    'wechat-selection-start': -1,
+    'wechat-adjust-position': true,
+    'wechat-hold-keyboard': false,
+};

package/cjs/hostComponents/Input/index.web.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { InputWebProps } from './props';
+export type InputProps = InputWebProps;
+declare const _default: React.ForwardRefExoticComponent<InputWebProps & React.RefAttributes<any>>;
+export default _default;

package/cjs/hostComponents/Input/index.web.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const isPlatformSpecifyProp_1 = require("../../utils/isPlatformSpecifyProp");
+const useWebPlaceholderStyle_1 = __importDefault(require("../../useWebPlaceholderStyle"));
+const clsx_1 = __importDefault(require("clsx"));
+const Input = (props, ref) => {
+    const _a = (0, isPlatformSpecifyProp_1.filterProps)(props), { password, type, onConfirm, onKeyPress, placeholderStyle, className } = _a, restProps = __rest(_a, ["password", "type", "onConfirm", "onKeyPress", "placeholderStyle", "className"]);
+    const [placeholderStyleClassName] = (0, useWebPlaceholderStyle_1.default)(placeholderStyle);
+    const inputType = password ? 'password' : type;
+    function handleKeyPress(e) {
+        if (e.key === 'Enter' && typeof onConfirm === 'function') {
+            onConfirm(e);
+        }
+        if (typeof onKeyPress === 'function') {
+            onKeyPress(e);
+        }
+    }
+    return (React.createElement("input", Object.assign({}, restProps, { ref: ref, type: inputType, onKeyPress: handleKeyPress, className: (0, clsx_1.default)('remax-input', className, placeholderStyleClassName) })));
+};
+exports.default = React.forwardRef(Input);

package/cjs/hostComponents/Input/props/alias/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    maxLength: string;
+};
+export default _default;

package/cjs/hostComponents/Input/props/alias/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    maxLength: 'maxlength',
+};

package/cjs/hostComponents/Input/props/index.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { InputEvent } from '../../../types';
+interface CommonProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 输入框的初始内容 */
+    defaultValue?: string;
+    value?: string;
+    name?: string;
+    /** input 的类型 */
+    type?: 'text' | 'number' | 'digit' | 'idcard';
+    /** 是否是密码类型 */
+    password?: boolean;
+    /** 输入框为空时占位符 */
+    placeholder?: string;
+    placeholderStyle?: React.CSSProperties;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    maxLength?: number;
+    /** 获取焦点 */
+    focus?: boolean;
+}
+export interface InputProps extends CommonProps {
+    onInput?: (e: InputEvent) => any;
+    onConfirm?: (e: InputEvent) => void;
+    onFocus?: (e: InputEvent) => void;
+    onBlur?: (e: InputEvent) => void;
+}
+export interface InputWebProps extends Omit<CommonProps, 'defaultValue'>, React.HTMLAttributes<HTMLInputElement> {
+    onConfirm?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export {};

package/cjs/hostComponents/Input/props/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/hostComponents/Label/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LabelProps } from './props';
+export type { LabelProps };
+declare const Label: React.ComponentType<LabelProps>;
+export default Label;

package/cjs/hostComponents/Label/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const createHostComponent_1 = __importDefault(require("../../createHostComponent"));
+const Label = (0, createHostComponent_1.default)('label', { htmlFor: 'for' });
+exports.default = Label;

package/cjs/hostComponents/Label/index.web.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { LabelProps } from './props';
+export type { LabelProps };
+declare const _default: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<any>>;
+export default _default;

package/cjs/hostComponents/Label/index.web.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const isPlatformSpecifyProp_1 = require("../../utils/isPlatformSpecifyProp");
+const Label = (props, ref) => (React.createElement("label", Object.assign({}, (0, isPlatformSpecifyProp_1.filterProps)(props), { ref: ref })));
+exports.default = React.forwardRef(Label);

package/cjs/hostComponents/Label/props.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface LabelProps extends React.AriaAttributes {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 绑定控件的 id */
+    htmlFor?: string;
+}

package/cjs/hostComponents/Label/props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/hostComponents/Navigator/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { NavigatorProps } from './props';
+export type { NavigatorProps };
+declare const Navigator: React.ComponentType<NavigatorProps>;
+export default Navigator;

package/cjs/hostComponents/Navigator/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const createHostComponent_1 = __importDefault(require("../../createHostComponent"));
+const default_1 = __importDefault(require("./props/default"));
+const Navigator = (0, createHostComponent_1.default)('navigator', null, default_1.default);
+exports.default = Navigator;

package/cjs/hostComponents/Navigator/index.web.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { NavigatorProps } from './props';
+export type { NavigatorProps };
+declare const _default: React.ForwardRefExoticComponent<NavigatorProps & React.RefAttributes<any>>;
+export default _default;

package/cjs/hostComponents/Navigator/index.web.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+const isPlatformSpecifyProp_1 = require("../../utils/isPlatformSpecifyProp");
+const Navigator = (props, ref) => {
+    const _a = (0, isPlatformSpecifyProp_1.filterProps)(props), { className, url, action, hoverClassName, hoverStartTime, hoverStayTime } = _a, restProps = __rest(_a, ["className", "url", "action", "hoverClassName", "hoverStartTime", "hoverStayTime"]);
+    const history = framework_shared_1.RuntimeOptions.get('history');
+    function handleTap() {
+        switch (action) {
+            case 'reLaunch':
+                window.location.href = window.location.hostname + url;
+                break;
+            case 'redirect':
+                history.replace(url);
+                break;
+            case 'navigate':
+            case 'switchTab':
+            default:
+                history.push(url);
+                break;
+        }
+    }
+    return React.createElement("div", Object.assign({}, restProps, { className: (0, clsx_1.default)(className), onClick: handleTap }));
+};
+exports.default = React.forwardRef(Navigator);

package/cjs/hostComponents/Navigator/props/default/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/cjs/hostComponents/Navigator/props/default/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {};