@ray-js/adapter 0.5.7-beta-2

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface VideoProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    src?: string;
+    duration?: number;
+    controls?: boolean;
+    danmuList?: string;
+    danmuBtn?: boolean;
+    enableDanmu?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    initialTime?: number;
+    showFullscreenBtn?: boolean;
+    showPlayBtn?: boolean;
+    showCenterPlayBtn?: boolean;
+    objectFit?: string;
+    poster?: string;
+    showMuteBtn?: boolean;
+    onPlay?: (event: any) => void;
+    onPause?: (event: any) => void;
+    onEnded?: (event: any) => void;
+    onTimeUpdate?: (event: any) => void;
+    onWaiting?: (event: any) => void;
+    onError?: (event: any) => void;
+    onProgress?: (event: any) => void;
+    onLoadedMetadata?: (event: any) => void;
+    onCanplay?: (event: any) => void;
+    onCanplayThrough?: (event: any) => void;
+    onPlaying?: (event: any) => void;
+    onRateChange?: (event: any) => void;
+    onVolumeChange?: (event: any) => void;
+    onSeekComplete?: (event: any) => void;
+}
+export declare const Video: React.ComponentType<VideoProps>;

package/cjs/hostComponents/Video/index.js

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

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

@@ -0,0 +1,36 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    src: string;
+    duration: string;
+    controls: string;
+    danmuList: string;
+    danmuBtn: string;
+    enableDanmu: string;
+    autoplay: string;
+    loop: string;
+    muted: string;
+    initialTime: string;
+    showFullscreenBtn: string;
+    showPlayBtn: string;
+    showCenterPlayBtn: string;
+    objectFit: string;
+    poster: string;
+    showMuteBtn: string;
+    onPlay: string;
+    onPause: string;
+    onEnded: string;
+    onTimeUpdate: string;
+    onWaiting: string;
+    onError: string;
+    onProgress: string;
+    onLoadedMetadata: string;
+    onCanplay: string;
+    onCanplayThrough: string;
+    onPlaying: string;
+    onRateChange: string;
+    onVolumeChange: string;
+    onSeekComplete: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/Video/node.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+const shared_1 = require("@ray-core/shared");
+exports.alias = {
+    id: 'id',
+    className: 'class-name',
+    style: 'style',
+    src: 'src',
+    duration: 'duration',
+    controls: 'controls',
+    danmuList: 'danmu-list',
+    danmuBtn: 'danmu-btn',
+    enableDanmu: 'enable-danmu',
+    autoplay: 'autoplay',
+    loop: 'loop',
+    muted: 'muted',
+    initialTime: 'initial-time',
+    showFullscreenBtn: 'show-fullscreen-btn',
+    showPlayBtn: 'show-play-btn',
+    showCenterPlayBtn: 'show-center-play-btn',
+    objectFit: 'object-fit',
+    poster: 'poster',
+    showMuteBtn: 'show-mute-btn',
+    onPlay: 'bindplay',
+    onPause: 'bindpause',
+    onEnded: 'bindended',
+    onTimeUpdate: 'bindtimeupdate',
+    onWaiting: 'bindwaiting',
+    onError: 'binderror',
+    onProgress: 'bindprogress',
+    onLoadedMetadata: 'bindloadedmetadata',
+    onCanplay: 'bindcanplay',
+    onCanplayThrough: 'bindcanplaythrough',
+    onPlaying: 'bindplaying',
+    onRateChange: 'bindratechange',
+    onVolumeChange: 'bindvolumechange',
+    onSeekComplete: 'bindseekcomplete',
+};
+exports.props = (0, shared_1.unique)(Object.values(exports.alias));

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { BaseProps, TouchEvent } from '../../types/component';
+export interface ViewProps extends BaseProps {
+    slot?: string;
+    /** 指定按下去的样式类。当为 "none" 时，没有点击态效果 1.0.0  */
+    hoverClassName?: string;
+    /** 指定是否阻止本节点的祖先节点出现点击态 1.5.0  */
+    hoverStopPropagation?: boolean;
+    /** (default: 50) 按住后多久出现点击态，单位毫秒 1.0.0  */
+    hoverStartTime?: number;
+    /** (default: 400) 手指松开后点击态保留时间，单位毫秒 1.0.0  */
+    hoverStayTime?: number;
+    disableScroll?: boolean;
+    onTouchStart?: (event: TouchEvent) => any;
+    onTouchMove?: (event: TouchEvent) => any;
+    onTouchEnd?: (event: TouchEvent) => any;
+    onTouchCancel?: (event: TouchEvent) => any;
+    onLongClick?: (event: TouchEvent) => any;
+    onTransitionEnd?: (event: any) => any;
+    onAnimationIteration?: (event: any) => any;
+    onAnimationStart?: (event: any) => any;
+    onAnimationEnd?: (event: any) => any;
+}
+export declare const View: React.ComponentType<ViewProps>;

package/cjs/hostComponents/View/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.View = void 0;
+const runtime_1 = require("@ray-core/runtime");
+exports.View = (0, runtime_1.createHostComponent)('view');
+exports.View.defaultProps = {
+    hoverClassName: 'none',
+    hoverStopPropagation: false,
+    hoverStartTime: 50,
+    hoverStayTime: 400,
+};

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

@@ -0,0 +1,27 @@
+export declare const alias: {
+    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/View/node.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    disableScroll: 'disable-scroll',
+    hoverClass: 'hover-class',
+    hoverClassName: 'hover-class',
+    hoverStartTime: 'hover-start-time',
+    hoverStayTime: 'hover-stay-time',
+    hidden: 'hidden',
+    className: 'class',
+    animation: 'animation',
+    style: 'style',
+    hoverStopPropagation: 'hover-stop-propagation',
+    onTap: 'bindtap',
+    onClick: 'bindtap',
+    onTouchStart: 'bindtouchstart',
+    onTouchMove: 'bindtouchmove',
+    onTouchEnd: 'bindtouchend',
+    onTouchCancel: 'bindtouchcancel',
+    onLongTap: 'bindlongtap',
+    onLongClick: 'bindlongtap',
+    onLongPress: 'bindlongpress',
+    onTransitionEnd: 'bindtransitionend',
+    onAnimationIteration: 'bindanimationiteration',
+    onAnimationStart: 'bindanimationstart',
+    onAnimationEnd: 'bindanimationend',
+    // catchTouchMove: 'catchtouchmove',
+};
+exports.props = Object.values(exports.alias);

package/cjs/hostComponents/index.d.ts

@@ -0,0 +1,27 @@
+export * from './Button';
+export * from './Canvas';
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './Form';
+export * from './Image';
+export * from './Input';
+export * from './Label';
+export * from './MovableArea';
+export * from './MovableView';
+export * from './Picker';
+export * from './PickerView';
+export * from './PickerViewColumn';
+export * from './Radio';
+export * from './RadioGroup';
+export * from './ScrollView';
+export * from './Swiper';
+export * from './SwiperItem';
+export * from './Switch';
+export * from './Slider';
+export * from './Text';
+export * from './Textarea';
+export * from './Video';
+export * from './View';
+export * from './PageContainer';
+export * from './IpcPlayer';
+export * from './CoverView';

package/cjs/hostComponents/index.js

@@ -0,0 +1,43 @@
+"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("./Button"), exports);
+__exportStar(require("./Canvas"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./CheckboxGroup"), exports);
+__exportStar(require("./Form"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./Label"), exports);
+__exportStar(require("./MovableArea"), exports);
+__exportStar(require("./MovableView"), exports);
+__exportStar(require("./Picker"), exports);
+__exportStar(require("./PickerView"), exports);
+__exportStar(require("./PickerViewColumn"), exports);
+__exportStar(require("./Radio"), exports);
+__exportStar(require("./RadioGroup"), exports);
+__exportStar(require("./ScrollView"), exports);
+__exportStar(require("./Swiper"), exports);
+__exportStar(require("./SwiperItem"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Textarea"), exports);
+__exportStar(require("./Video"), exports);
+__exportStar(require("./View"), exports);
+__exportStar(require("./PageContainer"), exports);
+__exportStar(require("./IpcPlayer"), exports);
+__exportStar(require("./CoverView"), exports);

package/cjs/hostComponents/node.d.ts

@@ -0,0 +1,2 @@
+declare const hostComponents: Map<any, any>;
+export default hostComponents;

package/cjs/hostComponents/node.js

@@ -0,0 +1,81 @@
+"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 Button = __importStar(require("./Button/node"));
+const Canvas = __importStar(require("./Canvas/node"));
+const Checkbox = __importStar(require("./Checkbox/node"));
+const CheckboxGroup = __importStar(require("./CheckboxGroup/node"));
+const Form = __importStar(require("./Form/node"));
+const Image = __importStar(require("./Image/node"));
+const Input = __importStar(require("./Input/node"));
+const Label = __importStar(require("./Label/node"));
+const MovableArea = __importStar(require("./MovableArea/node"));
+const MovableView = __importStar(require("./MovableView/node"));
+const Picker = __importStar(require("./Picker/node"));
+const PickerView = __importStar(require("./PickerView/node"));
+const PickerViewColumn = __importStar(require("./PickerViewColumn/node"));
+const Radio = __importStar(require("./Radio/node"));
+const RadioGroup = __importStar(require("./RadioGroup/node"));
+const ScrollView = __importStar(require("./ScrollView/node"));
+const Swiper = __importStar(require("./Swiper/node"));
+const SwiperItem = __importStar(require("./SwiperItem/node"));
+const Switch = __importStar(require("./Switch/node"));
+const Slider = __importStar(require("./Slider/node"));
+const Text = __importStar(require("./Text/node"));
+const Textarea = __importStar(require("./Textarea/node"));
+const Video = __importStar(require("./Video/node"));
+const View = __importStar(require("./View/node"));
+const PageContainer = __importStar(require("./PageContainer/node"));
+const IpcPlayer = __importStar(require("./IpcPlayer/node"));
+const CoverView = __importStar(require("./CoverView/node"));
+const hostComponents = new Map();
+hostComponents.set('button', Button);
+hostComponents.set('canvas', Canvas);
+hostComponents.set('checkbox', Checkbox);
+hostComponents.set('checkbox-group', CheckboxGroup);
+hostComponents.set('form', Form);
+hostComponents.set('image', Image);
+hostComponents.set('input', Input);
+hostComponents.set('label', Label);
+hostComponents.set('movable-area', MovableArea);
+hostComponents.set('movable-view', MovableView);
+hostComponents.set('picker', Picker);
+hostComponents.set('picker-view', PickerView);
+hostComponents.set('picker-view-column', PickerViewColumn);
+hostComponents.set('radio', Radio);
+hostComponents.set('radio-group', RadioGroup);
+hostComponents.set('scroll-view', ScrollView);
+hostComponents.set('swiper', Swiper);
+hostComponents.set('swiper-item', SwiperItem);
+hostComponents.set('switch', Switch);
+hostComponents.set('slider', Slider);
+hostComponents.set('text', Text);
+hostComponents.set('textarea', Textarea);
+hostComponents.set('video', Video);
+hostComponents.set('view', View);
+hostComponents.set('page-container', PageContainer);
+hostComponents.set('ipc-player', IpcPlayer);
+hostComponents.set('cover-view', CoverView);
+exports.default = hostComponents;

package/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hostComponents';
+export * from './types';

package/cjs/index.js

@@ -0,0 +1,18 @@
+"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("./hostComponents"), exports);
+__exportStar(require("./types"), exports);

package/cjs/node/index.d.ts

@@ -0,0 +1,3 @@
+import { PluginConstructor } from '@ray-core/types';
+declare const plugin: PluginConstructor;
+export default plugin;

package/cjs/node/index.js

@@ -0,0 +1,48 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path = __importStar(require("path"));
+const node_1 = __importDefault(require("../hostComponents/node"));
+const EJS_TPL_ROOT = path.join(__dirname, '../../templates');
+const plugin = () => {
+    return {
+        meta: {
+            global: 'ty',
+            template: { extension: '.tyml', tag: 'import', src: 'src' },
+            style: '.tyss',
+            jsHelper: { extension: '.sjs', tag: 'sjs', src: 'src' },
+            ejs: {
+                base: path.join(EJS_TPL_ROOT, 'base.ejs'),
+                page: path.join(EJS_TPL_ROOT, 'page.ejs'),
+            },
+        },
+        hostComponents: node_1.default,
+        skipHostComponents: ['swiper-item'],
+    };
+};
+exports.default = plugin;

package/cjs/types/component.d.ts

@@ -0,0 +1,79 @@
+import * as React from 'react';
+/** 微信内置组件公共属性 */
+export interface BaseProps {
+    /** 自定义属性: 组件上触发的事件时，会发送给事件处理函数 */
+    readonly dataset?: DOMStringMap;
+    /** 组件的唯一标示: 保持整个页面唯一 */
+    id?: string;
+    /** 组件的样式类: 在对应的 WXSS 中定义的样式类 */
+    className?: string;
+    /** 组件的内联样式: 可以动态设置的内联样式 */
+    style?: React.CSSProperties;
+    /** 组件是否显示: 所有组件默认显示 */
+    hidden?: boolean;
+    /** 动画对象: 由`ty.createAnimation`创建 */
+    animation?: Array<Record<string, any>>;
+    /** 点击时触发 */
+    onTap?: (event: TouchEvent) => void;
+    /** 点击时触发 */
+    onClick?: (event: TouchEvent) => void;
+    /** 手指触摸动作开始 */
+    onTouchStart?: (event: TouchEvent) => void;
+    /** 手指触摸后移动 */
+    onTouchMove?: (event: TouchEvent) => void;
+    /** 手指触摸动作被打断，如来电提醒，弹窗 */
+    onTouchCancel?: (event: TouchEvent) => void;
+    /** 手指触摸动作结束 */
+    onTouchEnd?: (event: TouchEvent) => void;
+    /** 手指触摸后，超过350ms再离开，如果指定了事件回调函数并触发了这个事件，tap事件将不被触发 */
+    onLongPress?: (event: TouchEvent) => void;
+    /** 手指触摸后，超过350ms再离开（推荐使用longpress事件代替） */
+    onLongTap?: (event: TouchEvent) => void;
+    /** 会在 WXSS transition 或 ty.createAnimation 动画结束后触发 */
+    onTransitionEnd?: (event: GenericEvent) => void;
+    /** 会在一个 WXSS animation 动画开始时触发 */
+    onAnimationStart?: (event: GenericEvent) => void;
+    /** 会在一个 WXSS animation 一次迭代结束时触发 */
+    onAnimationiteration?: (event: GenericEvent) => void;
+    /** 会在一个 WXSS animation 动画完成时触发 */
+    onAnimationEnd?: (event: GenericEvent) => void;
+    /** 在支持 3D Touch 的 iPhone 设备，重按时会触发 */
+    onTouchForceChange?: (event: TouchEvent) => void;
+    /** 点击时触发同时阻止事件冒泡 */
+    catchClick?: (event: any) => any;
+}
+interface Target {
+    /** 事件源组件的id */
+    id: string;
+    /** 事件源组件上的 `dataset` 自定义属性组成的集合 */
+    dataset: any;
+}
+/** 基础事件对象属性列表 */
+export interface BaseEvent {
+    /** 事件类型 */
+    type: string;
+    /** 页面打开到触发事件所经过的毫秒数 */
+    timeStamp: number;
+    /** 触发事件的源组件 */
+    target: Target;
+    /**
+     * 当前组件的一些属性值集合
+     * @特殊事件 canvas 中的触摸事件不可冒泡，所以没有 currentTarget
+     */
+    currentTarget: Target;
+    /** 事件标记数据 */
+    mark: any;
+}
+/** 自定义事件对象属性列表 */
+export interface GenericEvent<Detail = any> extends BaseEvent {
+    /** 额外的信息 */
+    detail: Detail;
+}
+/** 触摸事件对象属性列表 */
+export interface TouchEvent<T = Touch> extends BaseEvent {
+    /** 触摸事件，当前停留在屏幕中的触摸点信息的数组 */
+    touches: T[];
+    /** 触摸事件，当前变化的触摸点信息的数组 */
+    changedTouches: T[];
+}
+export {};

package/cjs/types/component.js

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