@ray-js/adapter 0.5.7-beta-2

package/cjs/types/config.d.ts

@@ -0,0 +1,185 @@
+export interface PageConfig {
+    /**
+     *	HexColor	#000000	导航栏背景颜色，如 #000000
+     */
+    navigationBarBackgroundColor?: string;
+    /**
+     *	string	white	导航栏标题颜色，仅支持 black / white
+     */
+    navigationBarTextStyle?: string;
+    /**
+     *	string		导航栏标题文字内容
+     */
+    navigationBarTitleText?: string;
+    /**
+     *	string	default	导航栏样式
+     */
+    navigationStyle?: string;
+    /**
+     *	HexColor	#ffffff	窗口的背景色
+     */
+    backgroundColor?: string;
+    /**
+     *	string	dark	下拉 loading 的样式，仅支持 dark / light
+     */
+    backgroundTextStyle?: string;
+    /**
+     *	string	#ffffff	顶部窗口的背景色
+     */
+    backgroundColorTop?: string;
+    /**
+     *	string	#ffffff	底部窗口的背景色
+     */
+    backgroundColorBottom?: string;
+    /**
+     *	boolean	false	是否开启当前页面下拉刷新
+     */
+    enablePullDownRefresh?: boolean;
+    /**
+     *	number	50	页面上拉触底事件触发时距页面底部距离，单位为 px
+     */
+    onReachBottomDistance?: number;
+    /**
+     *	string	portrait	屏幕旋转设置，支持 auto / portrait / landscape
+     */
+    pageOrientation?: string;
+    /**
+     *	boolean	false	设置为 true 则页面整体不能上下滚动
+     */
+    disableScroll?: boolean;
+    /**
+     *	Object	否	页面自定义组件配置
+     */
+    usingComponents?: Record<string, string>;
+    /**
+     *	string		页面初始渲染缓存配置
+     */
+    initialRenderingCache?: string;
+}
+export interface AppConfig {
+    /**
+     * 指定小程序的默认启动路径（首页），常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填，将默认为 pages 列表的第一项。不支持带页面路径参数。
+     */
+    entryPagePath?: string;
+    /**
+     * 自定义 theme.json 的路径，配置了 themeLocation 自动支持主题配置。
+     */
+    themeLocation?: string;
+    /**
+     * 用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。文件名不需要写文件后缀，框架会自动去寻找对应位置的 .json, .js, .xml, .css/less 四个文件进行处理。
+     * 未指定 entryPagePath 时，数组的第一项代表小程序的初始页面（首页）。
+     * 小程序中新增/减少页面，都需要对 pages 数组进行修改。
+     */
+    pages: string[];
+    tabBar?: TabBar;
+    /**
+     * 用于设置小程序的状态栏、导航条、标题、窗口背景色。
+     */
+    window?: Window;
+    networkTimeout?: NetworkTimeout;
+}
+interface TabBar {
+    /**
+     *	HexColor	是		tab 上的文字默认颜色，仅支持十六进制颜色
+     */
+    color: string;
+    /**
+     *	HexColor	是		tab 上的文字选中时的颜色，仅支持十六进制颜色
+     */
+    selectedColor: string;
+    /**
+     *	HexColor	是		tab 的背景色，仅支持十六进制颜色
+     */
+    backgroundColor?: string;
+    /**
+     *	string	否	black	tabbar 上边框的颜色， 仅支持 black / white
+     */
+    borderStyle?: string;
+    /**
+     *	Array	是		tab 的列表，详见 list 属性说明，最少 2 个、最多 5 个 tab
+     */
+    list: List[];
+    /**
+     *	string	否	bottom	tabBar 的位置，仅支持 bottom / top
+     */
+    position?: 'top' | 'bottom';
+    /**
+     *	boolean	否	false	自定义 tabBar，见详情
+     */
+    custom?: boolean;
+}
+interface List {
+    /**
+     * 页面路径，必须在 pages 中先定义
+     */
+    pagePath: string;
+    /**
+     * tab 上按钮文字
+     */
+    text: string;
+    /**
+     * 图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。
+     */
+    iconPath?: string;
+    /**
+     * 选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。 当 position 为 top 时，不显示 icon。
+     */
+    selectedIconPath?: string;
+}
+interface Window {
+    /**
+     *	HexColor	#000000	导航栏背景颜色，如 #000000
+     */
+    navigationBarBackgroundColor?: string;
+    /**
+     *	string	white	导航栏标题颜色，仅支持 black / white
+     */
+    navigationBarTextStyle?: string;
+    /**
+     *	string		导航栏标题文字内容
+     */
+    navigationBarTitleText?: string;
+    /**
+     *	string	default	导航栏样式
+     */
+    navigationStyle?: string;
+    /**
+     *	Boolean	false	自定义导航栏，只保留右上角胶囊按钮。
+     */
+    custom?: string;
+    /**
+     *	HexColor	#ffffff	窗口的背景色
+     */
+    backgroundColor?: string;
+    /**
+     *	string	dark	下拉 loading 的样式，仅支持 dark / light
+     */
+    backgroundTextStyle?: 'dark' | 'light';
+    /**
+     *	string	#ffffff	顶部窗口的背景色，仅 iOS 支持
+     */
+    backgroundColorTop?: string;
+    /**
+     *	string	#ffffff	底部窗口的背景色，仅 iOS 支持
+     */
+    backgroundColorBottom?: string;
+    /**
+     *	boolean	false	是否开启全局的下拉刷新。
+     */
+    enablePullDownRefresh?: boolean;
+    /**
+     *	number	50	页面上拉触底事件触发时距页面底部距离，单位为 px。
+     */
+    onReachBottomDistance?: number;
+    /**
+     *	string	portrait	屏幕旋转设置，支持 auto / portrait / landscape
+     */
+    pageOrientation?: 'auto' | 'portrait' | 'landscape';
+}
+interface NetworkTimeout {
+    request: number;
+    connectSocket: number;
+    uploadFile: number;
+    downloadFile: number;
+}
+export {};

package/cjs/types/config.js

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

package/cjs/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config';
+export type { TouchEvent, GenericEvent } from './component';

package/cjs/types/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./config"), exports);

package/esm/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/esm/hostComponents/Button/index.js

@@ -0,0 +1,12 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Button = createHostComponent('button');
+Button.defaultProps = {
+    size: 'default',
+    type: 'default',
+    hoverClassName: 'button-hover',
+    hoverStartTime: 20,
+    hoverStayTime: 70,
+    disabled: false,
+    loading: false,
+    hoverStopPropagation: false,
+};

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

@@ -0,0 +1,28 @@
+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;
+};
+export declare const props: string[];

package/esm/hostComponents/Button/node.js

@@ -0,0 +1,28 @@
+export const alias = {
+    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',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/Canvas/index.js

@@ -0,0 +1,2 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Canvas = createHostComponent('canvas');

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

@@ -0,0 +1,19 @@
+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;
+};
+export declare const props: string[];

package/esm/hostComponents/Canvas/node.js

@@ -0,0 +1,19 @@
+export const alias = {
+    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',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/Checkbox/index.js

@@ -0,0 +1,6 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Checkbox = createHostComponent('checkbox');
+Checkbox.defaultProps = {
+    disabled: false,
+    checked: false,
+};

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

@@ -0,0 +1,11 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    value: string;
+    checked: string;
+    disabled: string;
+    color: string;
+};
+export declare const props: string[];

package/esm/hostComponents/Checkbox/node.js

@@ -0,0 +1,11 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    value: 'value',
+    checked: 'checked',
+    disabled: 'disabled',
+    color: 'color',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/CheckboxGroup/index.js

@@ -0,0 +1,2 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const CheckboxGroup = createHostComponent('checkbox-group');

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

@@ -0,0 +1,9 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    name: string;
+    onChange: string;
+};
+export declare const props: string[];

package/esm/hostComponents/CheckboxGroup/node.js

@@ -0,0 +1,9 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    name: 'name',
+    onChange: 'bindchange',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/CoverView/index.js

@@ -0,0 +1,3 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const CoverView = createHostComponent('cover-view');
+CoverView.defaultProps = {};

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

@@ -0,0 +1,7 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    style: string;
+    id: string;
+};
+export declare const props: string[];

package/esm/hostComponents/CoverView/node.js

@@ -0,0 +1,7 @@
+export const alias = {
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    id: 'id',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/Form/index.js

@@ -0,0 +1,6 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Form = createHostComponent('form');
+Form.defaultProps = {
+    reportSubmit: false,
+    reportSubmitTimeout: 0,
+};

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

@@ -0,0 +1,11 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    reportSubmit: string;
+    onSubmit: string;
+    onReset: string;
+    reportSubmitTimeout: string;
+};
+export declare const props: string[];

package/esm/hostComponents/Form/node.js

@@ -0,0 +1,11 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    reportSubmit: 'report-submit',
+    onSubmit: 'bindsubmit',
+    onReset: 'bindreset',
+    reportSubmitTimeout: 'report-submit-timeout',
+};
+export const props = Object.values(alias);

package/esm/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/esm/hostComponents/Image/index.js

@@ -0,0 +1,7 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Image = createHostComponent('image');
+Image.defaultProps = {
+    mode: 'scaleToFill',
+    webp: false,
+    lazyLoad: false,
+};

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

@@ -0,0 +1,18 @@
+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;
+};
+export declare const props: string[];

package/esm/hostComponents/Image/node.js

@@ -0,0 +1,18 @@
+export const alias = {
+    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',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface InputProps extends BaseProps {
+    value?: string;
+    type?: 'text' | 'number' | 'idcard' | 'digit';
+    password?: boolean;
+    placeholder?: string;
+    placeholderStyle?: string;
+    disabled?: boolean;
+    maxLength?: number;
+    focus?: boolean;
+    cursorSpacing?: number;
+    cursor?: number;
+    selectionStart?: number;
+    selectionEnd?: number;
+    adjustPosition?: boolean;
+    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
+    confirmHold?: boolean;
+    onInput?: (event: GenericEvent) => void;
+    onFocus?: (event: GenericEvent) => void;
+    onBlur?: (event: GenericEvent) => void;
+    onConfirm?: (event: GenericEvent) => void;
+    onKeyboardHeightChange?: (event: GenericEvent) => void;
+}
+export declare const Input: React.ComponentType<InputProps>;

package/esm/hostComponents/Input/index.js

@@ -0,0 +1,15 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Input = createHostComponent('input');
+Input.defaultProps = {
+    type: 'text',
+    password: false,
+    disabled: false,
+    maxLength: 140,
+    cursorSpacing: 0,
+    focus: false,
+    confirmType: 'done',
+    confirmHold: false,
+    selectionEnd: -1,
+    selectionStart: -1,
+    adjustPosition: true,
+};