@ray-js/adapter 0.5.7-beta-2

package/cjs/hostComponents/Input/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Input = (0, runtime_1.createHostComponent)('input');
+exports.Input.defaultProps = {
+    type: 'text',
+    password: false,
+    disabled: false,
+    maxLength: 140,
+    cursorSpacing: 0,
+    focus: false,
+    confirmType: 'done',
+    confirmHold: false,
+    selectionEnd: -1,
+    selectionStart: -1,
+    adjustPosition: true,
+};

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

@@ -0,0 +1,27 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    value: string;
+    type: string;
+    password: string;
+    placeholder: string;
+    placeholderStyle: string;
+    disabled: string;
+    maxLength: string;
+    focus: string;
+    cursorSpacing: string;
+    cursor: string;
+    selectionStart: string;
+    selectionEnd: string;
+    adjustPosition: string;
+    confirmType: string;
+    confirmHold: string;
+    onInput: string;
+    onFocus: string;
+    onBlur: string;
+    onConfirm: string;
+    onKeyboardHeightChange: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Input/node.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    value: 'value',
+    type: 'type',
+    password: 'password',
+    placeholder: 'placeholder',
+    placeholderStyle: 'placeholder-style',
+    disabled: 'disabled',
+    maxLength: 'maxlength',
+    focus: 'focus',
+    cursorSpacing: 'cursor-spacing',
+    cursor: 'cursor',
+    selectionStart: 'selection-start',
+    selectionEnd: 'selection-end',
+    adjustPosition: 'adjust-position',
+    confirmType: 'confirm-type',
+    confirmHold: 'confirm-hold',
+    onInput: 'bindinput',
+    onFocus: 'bindfocus',
+    onBlur: 'bindblur',
+    onConfirm: 'bindconfirm',
+    onKeyboardHeightChange: 'bindkeyboardheightchange',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface IpcPlayerProps extends BaseProps {
+    deviceId: string;
+    autoplay?: boolean;
+    muted?: boolean;
+    clarity?: 'normal' | 'hd';
+    soundMode?: 'speaker' | 'ear';
+    orientation?: 'vertical' | 'horizontal';
+    objectFit?: 'contain' | 'fillCrop';
+    autoPauseIfNavigate?: boolean;
+    autoPauseIfOpenNative?: boolean;
+    rotateZ?: number;
+    scalable?: boolean;
+    scaleMultiple?: number;
+    ptzControllable?: boolean;
+    borderWidth?: number | string;
+    borderStyle?: 'solid' | 'dashed';
+    borderColor?: string;
+    borderRadius?: number | string;
+    backgroundColor?: string;
+    onConnectchange?: (event: {
+        state: number;
+    }) => void;
+    onPreviewchange?: (event: {
+        state: number;
+    }) => void;
+    onOnlinechange?: (event: {
+        online: boolean;
+    }) => void;
+    onInitdone?: () => void;
+    onZoomchange?: (event: {
+        zoomLevel: number;
+    }) => void;
+    onVideotap?: () => void;
+    onError?: (event: {
+        errCode: number | string;
+        errMsg: string;
+    }) => void;
+    updateLayout?: any;
+}
+export declare const IpcPlayer: React.ComponentType<IpcPlayerProps>;

package/cjs/hostComponents/IpcPlayer/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IpcPlayer = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.IpcPlayer = (0, runtime_1.createHostComponent)('ipc-player');
+exports.IpcPlayer.defaultProps = {
+    deviceId: '',
+    autoplay: false,
+    clarity: 'normal',
+    soundMode: 'speaker',
+    orientation: 'vertical',
+    objectFit: 'contain',
+    autoPauseIfNavigate: true,
+    autoPauseIfOpenNative: true,
+    rotateZ: 0,
+    scalable: true,
+    scaleMultiple: 0,
+    ptzControllable: true,
+    borderWidth: 0,
+    borderStyle: 'solid',
+    borderColor: '#ffffff',
+    borderRadius: 0,
+    backgroundColor: '#ffffff',
+};

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

@@ -0,0 +1,33 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    style: string;
+    id: string;
+    deviceId: string;
+    autoplay: string;
+    muted: string;
+    clarity: string;
+    soundMode: string;
+    orientation: string;
+    objectFit: string;
+    autoPauseIfNavigate: string;
+    autoPauseIfOpenNative: string;
+    rotateZ: string;
+    scalable: string;
+    scaleMultiple: string;
+    ptzControllable: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    borderRadius: string;
+    backgroundColor: string;
+    onConnectchange: string;
+    onPreviewchange: string;
+    onInitdone: string;
+    onOnlinechange: string;
+    onZoomchange: string;
+    onVideotap: string;
+    onError: string;
+    updateLayout: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/IpcPlayer/node.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    id: 'id',
+    deviceId: 'device-id',
+    autoplay: 'autoplay',
+    muted: 'muted',
+    clarity: 'clarity',
+    soundMode: 'sound-mode',
+    orientation: 'orientation',
+    objectFit: 'object-fit',
+    autoPauseIfNavigate: 'auto-pause-if-navigate',
+    autoPauseIfOpenNative: 'auto-pause-if-open-native',
+    rotateZ: 'rotate-z',
+    scalable: 'scalable',
+    scaleMultiple: 'scale-multiple',
+    ptzControllable: 'ptz-controllable',
+    borderWidth: 'border-width',
+    borderStyle: 'border-style',
+    borderColor: 'border-color',
+    borderRadius: 'border-radius',
+    backgroundColor: 'background-color',
+    onConnectchange: 'bind:connectchange',
+    onPreviewchange: 'bind:previewchange',
+    onInitdone: 'bind:initdone',
+    onOnlinechange: 'bind:onlinechange',
+    onZoomchange: 'bind:zoomchange',
+    onVideotap: 'bind:videotap',
+    onError: 'bind:error',
+    updateLayout: 'update-layout',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface LabelProps extends BaseProps {
+    /** 绑定控件的 */
+    for?: string;
+}
+export declare const Label: React.ComponentType<LabelProps>;

package/cjs/hostComponents/Label/index.js

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

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

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

package/cjs/hostComponents/Label/node.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    for: 'for',
+    onClick: 'bindtap',
+    onTap: 'bindtap',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from '../../types/component';
+export interface MovableAreaProps extends BaseProps {
+    /** 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area */
+    scaleArea?: boolean;
+}
+export declare const MovableArea: React.ComponentType<MovableAreaProps>;

package/cjs/hostComponents/MovableArea/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovableArea = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.MovableArea = (0, runtime_1.createHostComponent)('movable-area');
+exports.MovableArea.defaultProps = {
+    scaleArea: false,
+};

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

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

package/cjs/hostComponents/MovableArea/node.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    style: 'style',
+    className: 'class',
+    animation: 'animation',
+    scaleArea: 'scale-area',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface MovableViewProps extends Omit<BaseProps, 'animation'> {
+    direction?: string;
+    inertia?: boolean;
+    outOfBounds?: boolean;
+    x?: number;
+    y?: number;
+    damping?: number;
+    friction?: number;
+    disabled?: boolean;
+    scale?: boolean;
+    scaleMin?: number;
+    scaleMax?: number;
+    scaleValue?: number;
+    animation?: boolean;
+    onChange?: (event: GenericEvent) => void;
+    onScale?: (event: GenericEvent) => void;
+    htouchmove?: (event: GenericEvent) => void;
+    vtouchmove?: (event: GenericEvent) => void;
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html
+ */
+export declare const MovableView: React.ComponentType<MovableViewProps>;

package/cjs/hostComponents/MovableView/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovableView = void 0;
+const runtime_1 = require("@ray-core/runtime");
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html
+ */
+exports.MovableView = (0, runtime_1.createHostComponent)('movable-view');
+exports.MovableView.defaultProps = {
+    direction: 'none',
+    inertia: false,
+    outOfBounds: false,
+    damping: 20,
+    friction: 2,
+    disabled: false,
+    scale: false,
+    scaleMin: 0.5,
+    scaleMax: 10,
+    scaleValue: 1,
+    animation: true,
+};

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

@@ -0,0 +1,23 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    style: string;
+    id: string;
+    direction: string;
+    inertia: string;
+    outOfBounds: string;
+    x: string;
+    y: string;
+    damping: string;
+    friction: string;
+    disabled: string;
+    scale: string;
+    scaleMin: string;
+    scaleMax: string;
+    scaleValue: string;
+    onChange: string;
+    onScale: string;
+    htouchmove: string;
+    vtouchmove: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/MovableView/node.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    id: 'id',
+    direction: 'direction',
+    inertia: 'inertia',
+    outOfBounds: 'out-of-bounds',
+    x: 'x',
+    y: 'y',
+    damping: 'damping',
+    friction: 'friction',
+    disabled: 'disabled',
+    scale: 'scale',
+    scaleMin: 'scale-min',
+    scaleMax: 'scale-max',
+    scaleValue: 'scale-value',
+    onChange: 'bindchange',
+    onScale: 'bindscale',
+    htouchmove: 'htouchmove',
+    vtouchmove: 'vtouchmove',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface PageContainerProps extends BaseProps {
+    show?: boolean;
+    duration?: number;
+    zIndex?: number;
+    overlay?: boolean;
+    position?: 'top' | 'bottom' | 'right' | 'center';
+    round?: boolean;
+    overlayStyle?: string;
+    customStyle?: string;
+    onBeforeEnter?: (event: GenericEvent) => any;
+    onEnter?: (event: GenericEvent) => any;
+    onAfterEnter?: (event: GenericEvent) => any;
+    onBeforeLeave?: (event: GenericEvent) => any;
+    onLeave?: (event: GenericEvent) => any;
+    onAfterLeave?: (event: GenericEvent) => any;
+    onClickOverlay?: (event: GenericEvent) => any;
+}
+export declare const PageContainer: React.ComponentType<PageContainerProps>;

package/cjs/hostComponents/PageContainer/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageContainer = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.PageContainer = (0, runtime_1.createHostComponent)('page-container');
+exports.PageContainer.defaultProps = {
+    show: false,
+    duration: 300,
+    zIndex: 100,
+    overlay: true,
+    position: 'bottom',
+    round: false,
+    // closeOnSlideDown: false,
+};

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

@@ -0,0 +1,23 @@
+export declare const alias: {
+    className: string;
+    animation: string;
+    style: string;
+    id: string;
+    show: string;
+    duration: string;
+    zIndex: string;
+    overlay: string;
+    position: string;
+    round: string;
+    closeOnSlideDown: string;
+    overlayStyle: string;
+    customStyle: string;
+    onBeforeEnter: string;
+    onEnter: string;
+    onAfterEnter: string;
+    onBeforeLeave: string;
+    onLeave: string;
+    onAfterLeave: string;
+    onClickOverlay: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/PageContainer/node.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    id: 'id',
+    show: 'show',
+    duration: 'duration',
+    zIndex: 'z-index',
+    overlay: 'overlay',
+    position: 'position',
+    round: 'round',
+    closeOnSlideDown: 'close-on-slideDown',
+    overlayStyle: 'overlay-style',
+    customStyle: 'custom-style',
+    onBeforeEnter: 'bindbeforeenter',
+    onEnter: 'bindenter',
+    onAfterEnter: 'bindafterenter',
+    onBeforeLeave: 'bindbeforeleave',
+    onLeave: 'bindleave',
+    onAfterLeave: 'bindafterleave',
+    onClickOverlay: 'bindclickoverlay',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface PickerProps extends BaseProps {
+    name?: string;
+    /**
+     * 选择器类型
+     *
+     * selector	普通选择器
+     * multiSelector	多列选择器
+     * time	时间选择器
+     * date	日期选择器
+     * region	省市区选择器
+     */
+    mode?: 'selector' | 'multiSelector' | 'time' | 'date' | 'region';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 1.9.90
+     * 取消选择时触发
+     */
+    onCancel?: (event: GenericEvent) => any;
+    onChange?: (event: GenericEvent) => void;
+    /**
+     * 列改变时触发
+     */
+    onColumnChange?: (event: any) => void;
+    /**
+     * mode 为 selector 或 multiSelector 时，range 有效
+     */
+    range?: any[];
+    /**
+     * 当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
+     */
+    rangeKey?: string;
+    value?: any;
+    /**
+     * mode = time
+     * 表示有效时间范围的开始，字符串格式为"hh:mm"
+     *
+     * mode = date
+     * 表示有效日期范围的开始，字符串格式为"YYYY-MM-DD"
+     */
+    start?: string;
+    /**
+     * mode = time
+     * 表示有效时间范围的结束，字符串格式为"hh:mm"
+     *
+     * mode = date
+     * 表示有效日期范围的结束，字符串格式为"YYYY-MM-DD"
+     */
+    end?: string;
+    /**
+     * 	有效值 year,month,day，表示选择器的粒度
+     */
+    fields?: 'year' | 'month' | 'day';
+    /**
+     * mode = region
+     * 可为每一列的顶部添加一个自定义的项
+     */
+    customItem?: string;
+}
+export declare const Picker: React.ComponentType<PickerProps>;

package/cjs/hostComponents/Picker/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picker = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Picker = (0, runtime_1.createHostComponent)('picker');
+exports.Picker.defaultProps = {
+    mode: 'selector',
+    disabled: false,
+    // FIXME: value 的值与 mode 类型变化
+    // value: 0,
+    range: [],
+    fields: 'day',
+};

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

@@ -0,0 +1,22 @@
+export declare const alias: {
+    id: string;
+    name: string;
+    className: string;
+    animation: string;
+    style: string;
+    mode: string;
+    range: string;
+    rangeKey: string;
+    value: string;
+    onChange: string;
+    onCancel: string;
+    onColumnChange: string;
+    start: string;
+    end: string;
+    fields: string;
+    customItem: string;
+    disabled: string;
+    onClick: string;
+    onTap: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Picker/node.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    name: 'name',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    mode: 'mode',
+    range: 'range',
+    rangeKey: 'range-key',
+    value: 'value',
+    onChange: 'bindchange',
+    onCancel: 'bindcancel',
+    onColumnChange: 'bindcolumnchange',
+    start: 'start',
+    end: 'end',
+    fields: 'fields',
+    customItem: 'custom-item',
+    disabled: 'disabled',
+    onClick: 'bindtap',
+    onTap: 'bindtap',
+};
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface PickerViewProps extends BaseProps {
+    name?: string;
+    /** 数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。 */
+    value?: number[];
+    /** 设置选择器中间选中框的样式 */
+    indicatorStyle?: React.CSSProperties;
+    /** 设置蒙层的样式  */
+    maskStyle?: React.CSSProperties;
+    /** 滚动选择时触发 change 事件，event.detail = {value}；value 为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始） */
+    onChange?: (event: GenericEvent) => any;
+}
+export declare const PickerView: React.ComponentType<PickerViewProps>;

package/cjs/hostComponents/PickerView/index.js

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

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

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

package/cjs/hostComponents/PickerView/node.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    name: 'name',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    value: 'value',
+    indicatorStyle: 'indicator-style',
+    maskStyle: 'mask-style',
+    onChange: 'bindchange',
+};
+exports.props = Object.values(exports.alias);