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

package/cjs/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';
+    password?: boolean;
+    placeholder?: string;
+    placeholderStyle?: string;
+    disabled?: boolean;
+    maxLength?: number;
+    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
+    /**
+     * string | number 输入框内容左侧内容缩进，仅在涂鸦小程序有效
+     */
+    indentStart?: string | number;
+    /**
+     * string | number 输入框内容右侧内容缩进，仅在涂鸦小程序有效
+     */
+    indentEnd?: string | number;
+    onInput?: (event: GenericEvent) => void;
+    onFocus?: (event: GenericEvent) => void;
+    onBlur?: (event: GenericEvent) => void;
+    onConfirm?: (event: GenericEvent) => void;
+}
+export declare const Input: React.ComponentType<InputProps>;

package/cjs/hostComponents/Input/index.js

@@ -0,0 +1,10 @@
+"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',
+    maxLength: 140,
+    confirmType: 'done',
+};

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

@@ -0,0 +1,41 @@
+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;
+    confirmType: string;
+    indentStart: string;
+    indentEnd: string;
+    onInput: string;
+    onFocus: string;
+    onBlur: string;
+    onConfirm: 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/Input/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', type: 'type', password: 'password', placeholder: 'placeholder', placeholderStyle: 'placeholder-style', disabled: 'disabled', maxLength: 'maxlength', confirmType: 'confirm-type', indentStart: 'indent-start', indentEnd: 'indent-end', onInput: 'bindinput', onFocus: 'bindfocus', onBlur: 'bindblur', onConfirm: 'bindconfirm' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer } from '../../types/component';
+export interface IpcPlayerProps extends BaseProps, DiffLayer {
+    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;
+}
+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,53 @@
+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;
+    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/IpcPlayer/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', 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,28 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    for: string;
+    onClick: string;
+    onTap: string;
+    disableScroll: string;
+    hoverClass: string;
+    hoverClassName: string;
+    hoverStartTime: string;
+    hoverStayTime: string;
+    hidden: string;
+    hoverStopPropagation: 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/Label/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', for: 'for', onClick: 'bindtap', onTap: 'bindtap' });
+exports.props = Object.values(exports.alias);

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer, GenericEvent } from '../../types/component';
+export interface MapProps extends BaseProps, DiffLayer {
+    longitude: number;
+    latitude: number;
+    scale?: number;
+    minScale?: number;
+    maxScale?: number;
+    markers?: Array<Marker>;
+    polyline?: Array<Polyline>;
+    circles?: Array<Circle>;
+    polygons?: Array<Polygon>;
+    borderWidth?: number;
+    borderStyle?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    borderRadiusTopLeft?: number;
+    borderRadiusTopRight?: number;
+    borderRadiusBottomLeft?: number;
+    borderRadiusBottomRight?: number;
+    backgroundColor?: string;
+    onMarkertap?: (e: GenericEvent) => void;
+    onCallouttap?: (e: GenericEvent) => void;
+    onRegionchange?: (e: GenericEvent) => void;
+    onInitdone?: (e: GenericEvent) => void;
+}
+export type Marker = {
+    content?: string;
+    color?: string;
+    fontSize?: number;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    bgColor?: string;
+    padding?: number;
+    textAlign?: string;
+    anchorX?: number;
+    anchorY?: number;
+};
+export type Polyline = {
+    points: Array<{
+        latitude: number;
+        longitude: number;
+    }>;
+    color?: string;
+    width?: number;
+    dottedLine?: boolean;
+};
+export type Circle = {
+    latitude: number;
+    longitude: number;
+    color?: string;
+    fillColor?: string;
+    radius: number;
+    strokeWidth?: number;
+};
+export type Polygon = {
+    points: Array<{
+        latitude: number;
+        longitude: number;
+    }>;
+    strokeWidth?: number;
+    strokeColor?: number;
+    fillColor?: number;
+};
+export declare const Map: React.ComponentType<MapProps>;

package/cjs/hostComponents/Map/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Map = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.Map = (0, runtime_1.createHostComponent)('map');
+exports.Map.defaultProps = {
+    scale: 16,
+    minScale: 4,
+    maxScale: 19,
+    borderWidth: 0,
+    borderStyle: 'solid',
+    borderColor: '#ffffff',
+    borderRadius: 0,
+    backgroundColor: '#ffffff',
+};

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

@@ -0,0 +1,50 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    updateLayout: string;
+    longitude: string;
+    latitude: string;
+    scale: string;
+    minScale: string;
+    maxScale: string;
+    markers: string;
+    polyline: string;
+    circles: string;
+    polygons: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    borderRadius: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomLeft: string;
+    borderRadiusBottomRight: string;
+    backgroundColor: string;
+    onMarkertap: string;
+    onCallouttap: string;
+    onRegionchange: 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/Map/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', longitude: 'longitude', latitude: 'latitude', scale: 'scale', minScale: 'min-scale', maxScale: 'max-scale', markers: 'markers', polyline: 'polyline', circles: 'circles', polygons: 'polygons', 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', onMarkertap: 'bind:markertap', onCallouttap: 'bind:callouttap', onRegionchange: 'bind:regionchange', onInitdone: 'bind:initdone' });
+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,28 @@
+export declare const alias: {
+    id: string;
+    style: string;
+    className: string;
+    animation: string;
+    scaleArea: 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/MovableArea/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', 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,43 @@
+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;
+    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/MovableView/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', 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/NativeVideo/index.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer } from '../../types/component';
+export interface NativeVideoProps extends BaseProps, DiffLayer {
+    src: string;
+    duration?: number;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    initialTime?: number;
+    showFullscreenBtn?: boolean;
+    showPlayBtn?: boolean;
+    showCenterPlayBtn?: boolean;
+    objectFit?: string;
+    poster?: string;
+    showMuteBtn?: boolean;
+    borderWidth?: number;
+    borderStyle?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    borderRadiusTopLeft?: number;
+    borderRadiusTopRight?: number;
+    borderRadiusBottomLeft?: number;
+    borderRadiusBottomRight?: number;
+    backgroundColor?: string;
+    onPlay?: (event: any) => void;
+    onPause?: (event: any) => void;
+    onEnded?: (event: any) => void;
+    onTimeupdate?: (event: any) => void;
+    onFullscreenchange?: (event: any) => void;
+    onWaiting?: (event: any) => void;
+    onError?: (event: any) => void;
+    onProgress?: (event: any) => void;
+    onLoadedmetadata?: (event: any) => void;
+    onControlstoggle?: (event: any) => void;
+    onSeekcomplete?: (event: any) => void;
+}
+export declare const NativeVideo: React.ComponentType<NativeVideoProps>;

package/cjs/hostComponents/NativeVideo/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeVideo = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.NativeVideo = (0, runtime_1.createHostComponent)('native-video');
+exports.NativeVideo.defaultProps = {
+    controls: true,
+    autoplay: false,
+    loop: false,
+    muted: false,
+    initialTime: 0,
+    showFullscreenBtn: true,
+    showPlayBtn: true,
+    objectFit: 'contain',
+    showMuteBtn: false,
+    borderWidth: 0,
+    borderStyle: 'solid',
+    borderColor: '#ffffff',
+    borderRadius: 0,
+    backgroundColor: '#ffffff',
+};