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

package/esm/hostComponents/Text/index.js

@@ -0,0 +1,6 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Text = createHostComponent('text');
+Text.defaultProps = {
+// userSelect: false,
+// decode: false,
+};

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

@@ -0,0 +1,31 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    selectable: string;
+    userSelect: string;
+    space: string;
+    decode: string;
+    onTap: string;
+    onClick: 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/esm/hostComponents/Text/node.js

@@ -0,0 +1,3 @@
+import { universalAlias } from '../universal';
+export const alias = Object.assign(Object.assign({}, universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', selectable: 'selectable', userSelect: 'user-select', space: 'space', decode: 'decode', onTap: 'bindtap', onClick: 'bindtap' });
+export const props = Object.values(alias);

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface TextareaProps extends BaseProps {
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    placeholderStyle?: string;
+    disabled?: boolean;
+    maxlength?: number;
+    autoHeight?: boolean;
+    onInput?: (event: GenericEvent) => void;
+    onFocus?: (event: GenericEvent) => void;
+    onBlur?: (event: GenericEvent) => void;
+    onLineChange?: (event: GenericEvent) => void;
+}
+export declare const Textarea: React.ComponentType<TextareaProps>;

package/esm/hostComponents/Textarea/index.js

@@ -0,0 +1,12 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const Textarea = createHostComponent('textarea');
+Textarea.defaultProps = {
+    /**
+     * 修复 <Textarea maxLength={1000} />
+     * 在编译时会将 maxLength 转为 maxlength，但实际 defaultProps 中 仍然使用 maxLength
+     * 最终导致传给组件的props { maxlength: 1000, maxlength: 140 }
+     * 最后经过 html2mini-plugin 转换后 maxLength 再次转为 maxlength, 且值变为 140。
+     * 最终导致值错误
+     */
+    maxlength: 140,
+};

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

@@ -0,0 +1,39 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    animation: string;
+    style: string;
+    name: string;
+    value: string;
+    placeholder: string;
+    placeholderStyle: string;
+    disabled: string;
+    maxLength: string;
+    maxlength: string;
+    autoHeight: string;
+    onInput: string;
+    onFocus: string;
+    onBlur: string;
+    onLineChange: 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/esm/hostComponents/Textarea/node.js

@@ -0,0 +1,3 @@
+import { universalAlias } from '../universal';
+export const alias = Object.assign(Object.assign({}, universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', name: 'name', value: 'value', placeholder: 'placeholder', placeholderStyle: 'placeholder-style', disabled: 'disabled', maxLength: 'maxlength', maxlength: 'maxlength', autoHeight: 'auto-height', onInput: 'bindinput', onFocus: 'bindfocus', onBlur: 'bindblur', onLineChange: 'bindlinechange' });
+export const props = Object.values(alias);

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

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

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

@@ -0,0 +1,57 @@
+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;
+    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/esm/hostComponents/Video/node.js

@@ -0,0 +1,4 @@
+import { unique } from '@ray-core/shared';
+import { universalAlias } from '../universal';
+export const alias = Object.assign(Object.assign({}, universalAlias), { id: 'id', className: 'class', 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' });
+export const props = unique(Object.values(alias));

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

@@ -0,0 +1,8 @@
+import { createHostComponent } from '@ray-core/runtime';
+export const View = createHostComponent('view');
+View.defaultProps = {
+// hoverClassName: 'none',
+// hoverStopPropagation: false,
+// hoverStartTime: 50,
+// hoverStayTime: 400,
+};

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

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

@@ -0,0 +1,3 @@
+import { universalAlias } from '../universal';
+export const alias = Object.assign(Object.assign({}, universalAlias), { catchTouchMove: 'catchtouchmove' });
+export const props = Object.values(alias);

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps, DiffLayer, GenericEvent } from '../../types/component';
+export interface WebViewProps 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 WebView: React.ComponentType<WebViewProps>;

package/esm/hostComponents/WebView/index.js

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

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

@@ -0,0 +1,32 @@
+export declare const alias: {
+    src: string;
+    onError: string;
+    onLoad: string;
+    onMessage: string;
+    updateLayout: 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/esm/hostComponents/WebView/node.js

@@ -0,0 +1,3 @@
+import { universalAlias } from '../universal';
+export const alias = Object.assign(Object.assign({}, universalAlias), { src: 'src', onError: 'binderror', onLoad: 'bindload', onMessage: 'bindmessage', updateLayout: 'update-layout' });
+export const props = Object.values(alias);

package/esm/hostComponents/index.d.ts

@@ -0,0 +1,35 @@
+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';
+export * from './NativeVideo';
+export * from './WebView';
+export * from './Iframe';
+export * from './Map';
+export * from './Camera';
+export * from './Progress';
+export * from './RichText';
+export * from './Navigator';

package/esm/hostComponents/index.js

@@ -0,0 +1,35 @@
+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';
+export * from './NativeVideo';
+export * from './WebView';
+export * from './Iframe';
+export * from './Map';
+export * from './Camera';
+export * from './Progress';
+export * from './RichText';
+export * from './Navigator';

package/esm/hostComponents/node.d.ts

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

package/esm/hostComponents/node.js

@@ -0,0 +1,72 @@
+import * as Button from './Button/node';
+import * as Canvas from './Canvas/node';
+import * as Checkbox from './Checkbox/node';
+import * as CheckboxGroup from './CheckboxGroup/node';
+import * as Form from './Form/node';
+import * as Image from './Image/node';
+import * as Input from './Input/node';
+import * as Label from './Label/node';
+import * as MovableArea from './MovableArea/node';
+import * as MovableView from './MovableView/node';
+import * as Picker from './Picker/node';
+import * as PickerView from './PickerView/node';
+import * as PickerViewColumn from './PickerViewColumn/node';
+import * as Radio from './Radio/node';
+import * as RadioGroup from './RadioGroup/node';
+import * as ScrollView from './ScrollView/node';
+import * as Swiper from './Swiper/node';
+import * as SwiperItem from './SwiperItem/node';
+import * as Switch from './Switch/node';
+import * as Slider from './Slider/node';
+import * as Text from './Text/node';
+import * as Textarea from './Textarea/node';
+import * as Video from './Video/node';
+import * as View from './View/node';
+import * as PageContainer from './PageContainer/node';
+import * as Progress from './Progress/node';
+import * as IpcPlayer from './IpcPlayer/node';
+import * as CoverView from './CoverView/node';
+import * as NativeVideo from './NativeVideo/node';
+import * as WebView from './WebView/node';
+import * as MapView from './Map/node';
+import * as Camera from './Camera/node';
+import * as RichText from './RichText/node';
+import * as Iframe from './Iframe/node';
+import * as Navigator from './Navigator/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);
+hostComponents.set('native-video', NativeVideo);
+hostComponents.set('web-view', WebView);
+hostComponents.set('map', MapView);
+hostComponents.set('camera', Camera);
+hostComponents.set('progress', Progress);
+hostComponents.set('rich-text', RichText);
+hostComponents.set('iframe', Iframe);
+hostComponents.set('navigator', Navigator);
+export default hostComponents;

package/esm/hostComponents/universal.d.ts

@@ -0,0 +1,26 @@
+export declare const universalAlias: {
+    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;
+};

package/esm/hostComponents/universal.js

@@ -0,0 +1,26 @@
+export const universalAlias = {
+    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',
+};

package/esm/index.d.ts

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

package/esm/index.js

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

package/esm/node/index.d.ts

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

package/esm/node/index.js

@@ -0,0 +1,20 @@
+import * as path from 'path';
+import hostComponents from '../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,
+        skipHostComponents: ['swiper-item'],
+    };
+};
+export default plugin;