@ray-js/adapter 1.4.0-alpha.6 → 1.4.0-alpha.7

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface ButtonProps extends BaseProps {
+    size?: 'mini' | 'default';
+    type?: 'primary' | 'default' | 'warn';
+    disabled?: boolean;
+    loading?: boolean;
+    formType?: 'submit' | 'reset';
+    plain?: boolean;
+    hoverClassName?: string;
+    hoverStartTime?: number;
+    hoverStayTime?: number;
+    hoverStopPropagation?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Button: React.ComponentType<ButtonProps>;

package/cjs/hostComponents/Button/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Button = (0, runtime_1.createHostComponent)('button');
+exports.Button.defaultProps = {
+    size: 'default',
+    type: 'default',
+    hoverClassName: 'button-hover',
+    hoverStartTime: 20,
+    hoverStayTime: 70,
+    // disabled: false,
+    // loading: false,
+    // hoverStopPropagation: false,
+};

package/cjs/hostComponents/Button/node.d.ts

@@ -0,0 +1,35 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    id: string;
+    style: string;
+    size: string;
+    type: string;
+    plain: string;
+    disabled: string;
+    loading: string;
+    formType: string;
+    openType: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hoverStopPropagation: string;
+    onGetPhoneNumber: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    disableScroll: string;
+    hoverClass: string;
+    hidden: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Button/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { className: 'class', animation: 'animation', id: 'id', style: 'style', size: 'size', type: 'type', plain: 'plain', disabled: 'disabled', loading: 'loading', formType: 'form-type', openType: 'open-type', hoverClassName: 'hover-class', hoverStartTime: 'hover-start-time', hoverStayTime: 'hover-stay-time', hoverStopPropagation: 'hover-stop-propagation', onGetPhoneNumber: 'bindgetphonenumber', onTap: 'bindtap', onClick: 'bindtap', onTouchStart: 'bindtouchstart', onTouchMove: 'bindtouchmove', onTouchEnd: 'bindtouchend', onTouchCancel: 'bindtouchcancel', onLongTap: 'bindlongtap', onLongClick: 'bindlongtap', onLongPress: 'bindlongpress' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer, GenericEvent } from '../../types/component';
+export interface CameraProps extends BaseProps, DiffLayer {
+    mode?: string;
+    resolution?: string;
+    devicePosition?: string;
+    flash?: string;
+    borderWidth?: number;
+    borderStyle?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    borderRadiusTopLeft?: number;
+    borderRadiusTopRight?: number;
+    borderRadiusBottomLeft?: number;
+    borderRadiusBottomRight?: number;
+    backgroundColor?: string;
+    onBindstop?: (event: GenericEvent) => any;
+    onError?: (event: GenericEvent) => any;
+    onInitdone?: (event: GenericEvent) => any;
+}
+export declare const Camera: React.ComponentType<CameraProps>;

package/cjs/hostComponents/Camera/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Camera = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Camera = (0, runtime_1.createHostComponent)('camera');
+exports.Camera.defaultProps = {
+    mode: 'normal',
+    resolution: 'medium',
+    devicePosition: 'back',
+    flash: 'auto',
+    borderWidth: 0,
+    borderStyle: 'solid',
+    borderColor: '#ffffff',
+    borderRadius: 0,
+    backgroundColor: '#ffffff',
+};

package/cjs/hostComponents/Camera/node.d.ts

@@ -0,0 +1,44 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    updateLayout: string;
+    mode: string;
+    resolution: string;
+    devicePosition: string;
+    flash: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    borderRadius: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomLeft: string;
+    borderRadiusBottomRight: string;
+    backgroundColor: string;
+    onBindstop: string;
+    onError: string;
+    onInitdone: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    animation: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Camera/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', className: 'class', style: 'style', updateLayout: 'update-layout', mode: 'mode', resolution: 'resolution', devicePosition: 'device-position', flash: 'flash', borderWidth: 'border-width', borderStyle: 'border-style', borderColor: 'border-color', borderRadius: 'border-radius', borderRadiusTopLeft: 'border-radius-top-left', borderRadiusTopRight: 'border-radius-top-right', borderRadiusBottomLeft: 'border-radius-bottom-left', borderRadiusBottomRight: 'border-radius-bottom-right', backgroundColor: 'background-color', onBindstop: 'bind:bindstop', onError: 'bind:error', onInitdone: 'bind:initdone' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { GenericEvent } from '../../types';
+export interface CanvasProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    onTap?: (e: any) => void;
+    type?: string;
+    canvasId?: string;
+    disableScroll?: string;
+    onTouchStart?: (event: GenericEvent) => void;
+    onTouchMove?: (event: GenericEvent) => void;
+    onTouchEnd?: (event: GenericEvent) => void;
+    onTouchCancel?: (event: GenericEvent) => void;
+    onLongTap?: (event: GenericEvent) => void;
+    onError?: (event: GenericEvent) => void;
+}
+export declare const Canvas: React.ComponentType<CanvasProps>;

package/cjs/hostComponents/Canvas/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Canvas = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Canvas = (0, runtime_1.createHostComponent)('canvas');

package/cjs/hostComponents/Canvas/node.d.ts

@@ -0,0 +1,30 @@
+export declare const alias: {
+    id: string;
+    style: string;
+    className: string;
+    animation: string;
+    disableScroll: string;
+    type: string;
+    canvasId: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onError: string;
+    onLongTap: string;
+    onLongClick: string;
+    onTap: string;
+    onClick: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Canvas/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', style: 'style', className: 'class', animation: 'animation', disableScroll: 'disable-scroll', type: 'type', canvasId: 'canvas-id', onTouchStart: 'bindtouchstart', onTouchMove: 'bindtouchmove', onTouchEnd: 'bindtouchend', onTouchCancel: 'bindtouchcancel', onError: 'binderror', onLongTap: 'bindlongtap', onLongClick: 'bindlongtap', onTap: 'bindtap', onClick: 'bindtap' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface CheckboxProps extends BaseProps {
+    /** checkbox 标识，选中时触发 checkbox-group 的 change 事件，并携带 checkbox 的 value  */
+    value?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 当前是否选中，可用来设置默认选中 */
+    checked?: boolean;
+    /** (default: #09BB07) checkbox的颜色，同css的color */
+    color?: string;
+}
+export declare const Checkbox: React.ComponentType<CheckboxProps>;

package/cjs/hostComponents/Checkbox/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Checkbox = (0, runtime_1.createHostComponent)('checkbox');
+exports.Checkbox.defaultProps = {
+// disabled: false,
+// checked: false,
+};

package/cjs/hostComponents/Checkbox/node.d.ts

@@ -0,0 +1,31 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    value: string;
+    checked: string;
+    disabled: string;
+    color: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Checkbox/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', value: 'value', checked: 'checked', disabled: 'disabled', color: 'color' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface CheckboxGroupProps extends BaseProps {
+    name?: string;
+    /**
+     * checkbox-group 中选中项发生改变时触发 change 事件，detail = {value:[选中的 checkbox 的 value 的数组]}
+     */
+    onChange?: (event: GenericEvent) => void;
+}
+export declare const CheckboxGroup: React.ComponentType<CheckboxGroupProps>;

package/cjs/hostComponents/CheckboxGroup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.CheckboxGroup = (0, runtime_1.createHostComponent)('checkbox-group');

package/cjs/hostComponents/CheckboxGroup/node.d.ts

@@ -0,0 +1,29 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    name: string;
+    onChange: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/CheckboxGroup/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', name: 'name', onChange: 'bindchange' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface CoverViewProps extends BaseProps {
+    children?: any;
+}
+export declare const CoverView: React.ComponentType<CoverViewProps>;

package/cjs/hostComponents/CoverView/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoverView = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.CoverView = (0, runtime_1.createHostComponent)('cover-view');
+exports.CoverView.defaultProps = {};

package/cjs/hostComponents/CoverView/node.d.ts

@@ -0,0 +1,27 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    style: string;
+    id: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/CoverView/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { className: 'class', animation: 'animation', style: 'style', id: 'id' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface FormProps extends BaseProps {
+    /** 是否返回 formId 用于发送模板消息 */
+    reportSubmit?: boolean;
+    /** 等待一段时间（毫秒数）以确认 formId 是否生效。如果未指定这个参数，formId 有很小的概率是无效的（如遇到网络失败的情况）。指定这个参数将可以检测 formId 是否有效，以这个参数的时间作为这项检测的超时时间。如果失败，将返回 requestFormId:fail 开头的 formId */
+    reportSubmitTimeout?: number;
+    /** 携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'} , formId: '', ...}  */
+    onSubmit?: (event: GenericEvent) => any;
+    /** 表单重置时会触发 reset 事件  */
+    onReset?: (event: GenericEvent) => any;
+}
+export declare const Form: React.ComponentType<FormProps>;

package/cjs/hostComponents/Form/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Form = (0, runtime_1.createHostComponent)('form');
+exports.Form.defaultProps = {
+    // reportSubmit: false,
+    reportSubmitTimeout: 0,
+};

package/cjs/hostComponents/Form/node.d.ts

@@ -0,0 +1,31 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    reportSubmit: string;
+    onSubmit: string;
+    onReset: string;
+    reportSubmitTimeout: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Form/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', className: 'class', style: 'style', animation: 'animation', reportSubmit: 'report-submit', onSubmit: 'bindsubmit', onReset: 'bindreset', reportSubmitTimeout: 'report-submit-timeout' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer, GenericEvent } from '../../types/component';
+export interface IframeProps extends BaseProps, DiffLayer {
+    /**
+     * webview 指向网页的链接，网页需登录小程序管理后台配置业务域名。
+     */
+    src?: string;
+    /**
+     * 网页加载失败的时候触发此事件。e.detail = { url, fullUrl }，其中 fullUrl 为加载失败时的完整 url
+     */
+    onError?: (event: GenericEvent) => any;
+    /**
+     * 网页加载成功时候触发此事件。e.detail = { src }
+     */
+    onLoad?: (event: GenericEvent) => any;
+    /**
+     * 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组
+     */
+    onMessage?: (event: GenericEvent) => any;
+}
+export declare const Iframe: React.ComponentType<IframeProps>;

package/cjs/hostComponents/Iframe/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Iframe = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Iframe = (0, runtime_1.createHostComponent)('iframe');
+exports.Iframe.defaultProps = {};

package/cjs/hostComponents/Iframe/node.d.ts

@@ -0,0 +1,31 @@
+export declare const alias: {
+    src: string;
+    onError: string;
+    onLoad: string;
+    onMessage: string;
+    id: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    className: string;
+    animation: string;
+    style: string;
+    hoverStopPropagation: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Iframe/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { src: 'src', onError: 'binderror', onLoad: 'bindload', onMessage: 'bindmessage' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface ImageProps extends BaseProps {
+    /**
+     * 图片资源地址
+     */
+    src?: string;
+    /**
+     * 图片裁剪、缩放的模式
+     * scaleToFill	缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素
+     * aspectFit	缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。
+     * aspectFill	缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。
+     * widthFix	缩放模式，宽度不变，高度自动变化，保持原图宽高比不变
+     * heightFix 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变
+     * top	裁剪模式，不缩放图片，只显示图片的顶部区域
+     * bottom	裁剪模式，不缩放图片，只显示图片的底部区域
+     * center	裁剪模式，不缩放图片，只显示图片的中间区域
+     * left	裁剪模式，不缩放图片，只显示图片的左边区域
+     * right	裁剪模式，不缩放图片，只显示图片的右边区域
+     * top left	裁剪模式，不缩放图片，只显示图片的左上边区域
+     * top right	裁剪模式，不缩放图片，只显示图片的右上边区域
+     * bottom left	裁剪模式，不缩放图片，只显示图片的左下边区域
+     * bottom right	裁剪模式，不缩放图片，只显示图片的右下边区域
+     */
+    mode?: 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    /**
+     * 默认不解析 webP 格式，只支持网络资源
+     */
+    webp?: boolean;
+    /**
+     * 图片懒加载，在即将进入一定范围（上下三屏）时才开始加载
+     */
+    lazyLoad?: boolean;
+    /**
+     * 当错误发生时触发，，event.detail = {errMsg}
+     */
+    onError?: (event: GenericEvent) => any;
+    /**
+     * 当图片载入完毕时触发，event.detail = {height, width}
+     */
+    onLoad?: (event: GenericEvent) => any;
+}
+export declare const Image: React.ComponentType<ImageProps>;

package/cjs/hostComponents/Image/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Image = (0, runtime_1.createHostComponent)('image');
+exports.Image.defaultProps = {
+    mode: 'scaleToFill',
+};

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

@@ -0,0 +1,32 @@
+export declare const alias: {
+    id: string;
+    src: string;
+    mode: string;
+    className: string;
+    animation: string;
+    style: string;
+    lazyLoad: string;
+    onLoad: string;
+    onError: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: string;
+    onLongTap: string;
+    onLongClick: string;
+    onLongPress: string;
+    onTransitionEnd: string;
+    onAnimationIteration: string;
+    onAnimationStart: string;
+    onAnimationEnd: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Image/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const universal_1 = require("../universal");
+exports.alias = Object.assign(Object.assign({}, universal_1.universalAlias), { id: 'id', src: 'src', mode: 'mode', className: 'class', animation: 'animation', style: 'style', lazyLoad: 'lazy-load', onLoad: 'bindload', onError: 'binderror', onTap: 'bindtap', onClick: 'bindtap', onTouchStart: 'bindtouchstart', onTouchMove: 'bindtouchmove', onTouchEnd: 'bindtouchend', onTouchCancel: 'bindtouchcancel' });
+exports.props = Object.values(exports.alias);