@ray-js/components 0.3.30 → 0.4.1-beta-1

package/lib/IpcPlayer/IpcPlayer.tuya.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { IpcPlayer as RemaxIpcPlayer } from '@ray-js/remax-tuya';
+
+var IpcPlayer = function (props) {
+  return /*#__PURE__*/React.createElement(RemaxIpcPlayer, props);
+};
+
+export default IpcPlayer;

package/lib/IpcPlayer/IpcPlayer.web.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+var IpcPlayer = function () {
+  return /*#__PURE__*/React.createElement("div", null, "web\u7AEF\u6682\u672A\u5B9E\u73B0");
+};
+
+export default IpcPlayer;

package/lib/IpcPlayer/IpcPlayer.wechat.d.ts

@@ -0,0 +1,3 @@
+import { IpcPlayerProps } from './props';
+declare function IpcPlayer(props: IpcPlayerProps): JSX.Element;
+export default IpcPlayer;

package/lib/IpcPlayer/IpcPlayer.wechat.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { View } from '@ray-js/components';
+
+function IpcPlayer() {
+  return /*#__PURE__*/React.createElement(View, null, "\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u7AEF\u6682\u672A\u5B9E\u73B0");
+}
+
+export default IpcPlayer;

package/lib/IpcPlayer/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _IpcPlayer=_interopRequireDefault(require("./IpcPlayer"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_IpcPlayer.default;exports.default=_default;

package/lib/IpcPlayer/index.d.ts

@@ -0,0 +1,3 @@
+import IpcPlayer from './IpcPlayer';
+export * from './props';
+export default IpcPlayer;

package/lib/IpcPlayer/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _IpcPlayer=_interopRequireDefault(require("./IpcPlayer"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_IpcPlayer.default;exports.default=_default;

package/lib/IpcPlayer/index.js

@@ -0,0 +1,3 @@
+import IpcPlayer from './IpcPlayer';
+export * from './props';
+export default IpcPlayer;

package/lib/IpcPlayer/index.md

@@ -0,0 +1,28 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+hide: true
+---
+
+# IpcPlayer
+
+文本内容
+
+## 导入
+
+```js
+import { IpcPlayer } from '@ray-js/components'
+```
+
+## 代码演示
+
+<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
+
+## Props
+
+| 属性      | 类型   | 默认值 | 说明   | 支持平台        |
+| --------- | ------ | ------ | ------ | --------------- |
+| className | string |        | 样式名 | 涂鸦、微信、Web |

package/lib/IpcPlayer/index.tuya.js

@@ -0,0 +1,3 @@
+import IpcPlayer from './IpcPlayer';
+export * from './props';
+export default IpcPlayer;

package/lib/IpcPlayer/index.web.js

@@ -0,0 +1,3 @@
+import IpcPlayer from './IpcPlayer';
+export * from './props';
+export default IpcPlayer;

package/lib/IpcPlayer/index.wechat.js

@@ -0,0 +1,3 @@
+import IpcPlayer from './IpcPlayer';
+export * from './props';
+export default IpcPlayer;

package/lib/IpcPlayer/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultIpcPlayerProps=void 0;var defaultIpcPlayerProps={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'};exports.defaultIpcPlayerProps=defaultIpcPlayerProps;

package/lib/IpcPlayer/props.d.ts

@@ -0,0 +1,46 @@
+import { BaseProps } from '../types';
+import { BaseEvent } from '@ray-js/remax-tuya/src/types/component';
+export declare type IpcPlayerEventType = {
+    type: string;
+    value?: any;
+    origin: BaseEvent;
+};
+export declare type IpcPlayerProps = 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;
+};
+export declare const defaultIpcPlayerProps: Partial<IpcPlayerProps>;

package/lib/IpcPlayer/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultIpcPlayerProps=void 0;var defaultIpcPlayerProps={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'};exports.defaultIpcPlayerProps=defaultIpcPlayerProps;

package/lib/IpcPlayer/props.js

@@ -0,0 +1,19 @@
+export var defaultIpcPlayerProps = {
+  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/lib/IpcPlayer/props.tuya.js

@@ -0,0 +1,19 @@
+export var defaultIpcPlayerProps = {
+  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/lib/IpcPlayer/props.web.js

@@ -0,0 +1,19 @@
+export var defaultIpcPlayerProps = {
+  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/lib/IpcPlayer/props.wechat.js

@@ -0,0 +1,19 @@
+export var defaultIpcPlayerProps = {
+  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/lib/Label/props.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
 import { BaseProps } from '../types';
 export interface LabelProps extends BaseProps {
     /**
-     * @description.en id bound to a control
-     * @description.zh 绑定控件的 id
-     * @default null
+     * @description.en htmlFor
+     * @description.zh htmlfor
+     * @default undefined
      */
     htmlFor?: string;
-    children?: React.ReactNode;
 }

package/lib/LinearGradient/index.md

@@ -4,6 +4,7 @@ nav:
   path: /components
 group:
   title: 视图容器
+hide: true
 ---
 
 # LinearGradient
@@ -13,7 +14,7 @@ LinearGradient 主要是给子节点提供一个线性渐变的效果。
 ## 导入
 
 ```js
-import { LinearGradient } from '@ray-js/components';
+import { LinearGradient } from '@ray-js/components'
 ```
 
 ## 示例代码

package/lib/LinearGradient/props.d.ts

@@ -1,7 +1,17 @@
 /// <reference types="react" />
 import { BaseProps } from '../types';
 export interface LinearGradientProps extends BaseProps {
+    /**
+     * @description.en width
+     * @description.zh 宽度
+     * @default 300
+     */
     width: number;
+    /**
+     * @description.en height
+     * @description.zh 高度
+     * @default 300
+     */
     height: number;
     /**
      * @description.zh 起始点的x轴坐标

package/lib/Modal/index.md

@@ -4,6 +4,7 @@ nav:
   path: /components
 group:
   title: 视图容器
+hide: true
 ---
 
 # Modal
@@ -13,7 +14,7 @@ group:
 ## 导入
 
 ```js
-import { Modal } from '@ray-js/components';
+import { Modal } from '@ray-js/components'
 ```
 
 ## 示例代码

package/lib/Modal/props.d.ts

@@ -5,12 +5,47 @@ export interface ITYModalProps extends IModalProps {
     children: JSX.Element[];
 }
 export interface IModalProps extends BaseProps {
+    /**
+     * @description.en Whether to display the dialog box
+     * @description.zh 是否显示弹框
+     * @default false
+     */
     show: boolean;
+    /**
+     * @description.en Whether a mask is displayed
+     * @description.zh 是否显示遮罩
+     * @default true
+     */
     overlay?: boolean;
+    /**
+     * @description.en Click on the mask to trigger the event
+     * @description.zh 点击蒙层触发事件
+     * @default undefined
+     */
     onClickOverlay?: (event: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: 'clickoverlay';
     }) => void;
+    /**
+     * @description.en Custom mask layer styles
+     * @description.zh 自定义遮罩层样式
+     * @default undefined
+     */
     overlayStyle?: React.CSSProperties;
+    /**
+     * @description.en Custom pop-up layer styles
+     * @description.zh 自定义弹出层样式
+     * @default undefined
+     */
     customStyle?: React.CSSProperties;
+    /**
+     * @description.en Pop-up layer pop-up position
+     * @description.zh 弹出层弹出位置
+     * @default center
+     */
     position?: 'top' | 'center' | 'bottom';
 }

package/lib/Motion/index.md

@@ -4,6 +4,7 @@ nav:
   path: /components
 group:
   title: 视图容器
+hide: true
 ---
 
 # Motion
@@ -13,7 +14,7 @@ group:
 ## 导入
 
 ```js
-import { Motion } from '@ray-js/components';
+import { Motion } from '@ray-js/components'
 ```
 
 ## 示例代码

package/lib/Motion/props.d.ts

@@ -30,6 +30,11 @@ export interface MotionProps extends BaseProps {
      * @default () => {}
      */
     onHide?: () => void;
+    /**
+     * @description.en delay
+     * @description.zh 延迟
+     * @default undefined
+     */
     delay: number;
     children: any;
 }

package/lib/Picker/index.md

@@ -18,6 +18,8 @@ import { Picker } from '@ray-js/components'
 
 ## 示例代码
 
+> picker 相关组件效果请使用手机模式下查看
+
 <code src="./demos/basic.tsx" title="单选" background="#f2f4f6"  />
 <code src="./demos/multiSelector.tsx" title="多选" background="#f2f4f6"  />
 

package/lib/Picker/props.d.ts

@@ -1,31 +1,94 @@
-/// <reference types="react" />
 import { BaseProps } from '../types';
 import { TouchEventHandler } from '@ray-js/framework-shared';
 declare type ChangeEvent = (e: {
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default undefined
+     */
     type: 'change';
+    /**
+     * @description.en value
+     * @description.zh value
+     * @default undefined
+     */
     value: number | number[];
     origin?: any;
 }) => void;
 declare type CancelEvent = (e: {
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default undefined
+     */
     type: 'cancel';
     origin: any;
 }) => void;
 declare type ColumnChangeEvent = (e: {
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default undefined
+     */
     type: 'columnchange';
+    /**
+     * @description.en value
+     * @description.zh value
+     * @default undefined
+     */
     value: number;
     column: number;
     origin: any;
 }) => void;
 export interface PickerProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description.en Option data source
+     * @description.zh 选择项数据源
+     * @default undefined
+     */
     range: string[] | string[][];
+    /**
+     * @description.en Indicates the number in the range selected (subscripts start at 0)
+     * @description.zh 表示选择了 range 中的第几个（下标从 0 开始）
+     * @default 0
+     */
     value?: number[] | number;
+    /**
+     * @description.en onChange
+     * @description.zh 点击触发
+     * @default undefined
+     */
     onChange?: ChangeEvent;
+    /**
+     * @description.en onCancel
+     * @description.zh 取消选择时触发
+     * @default undefined
+     */
     onCancel?: CancelEvent;
+    /**
+     * @description.en onColumnChange
+     * @description.zh 列改变时触发
+     * @default undefined
+     */
     onColumnChange?: ColumnChangeEvent;
+    /**
+     * @description.en confirmText
+     * @description.zh 确认文本
+     * @default 确认
+     */
     confirmText?: string;
+    /**
+     * @description.en cancelText
+     * @description.zh 取消文本
+     * @default 取消
+     */
     cancelText?: string;
-    children?: React.ReactNode | string;
 }
 export declare const IDefaultPickerProps: {
     cancelText: string;

package/lib/PickerView/props.d.ts

@@ -1,13 +1,40 @@
-/// <reference types="react" />
 import { BaseProps } from '../types';
 export interface PickerViewProps extends BaseProps {
+    /**
+     * @description.en Indicates the number in the range selected (subscripts start at 0)
+     * @description.zh 表示选择了 range 中的第几个（下标从 0 开始）
+     * @default 0
+     */
     value?: number | number[];
+    /**
+     * @description.en Selector font size
+     * @description.zh 选择器字体大小
+     * @default undefined
+     */
     fontSize?: number;
+    /**
+     * @description.en Option data source
+     * @description.zh 选择项数据源
+     * @default undefined
+     */
     range?: string[] | string[][];
+    /**
+     * @description.en onChange
+     * @description.zh 选择时触发
+     * @default undefined
+     */
     onChange?: (e: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: 'change';
+        /**
+         * @description.en value
+         * @description.zh 价值
+         * @default undefined
+         */
         value: number | number[];
-        origin?: any;
     }) => void;
-    children?: React.ReactNode;
 }

package/lib/RadialGradient/index.md

@@ -4,6 +4,7 @@ nav:
   path: /components
 group:
   title: 视图容器
+hide: true
 ---
 
 # RadialGradient
@@ -13,7 +14,7 @@ RadialGradient 为径向渐变，与线性渐变相似，只是它是从一个
 ## 导入
 
 ```js
-import { RadialGradient } from '@ray-js/components';
+import { RadialGradient } from '@ray-js/components'
 ```
 
 ## 示例代码

package/lib/RadialGradient/props.d.ts

@@ -5,7 +5,17 @@ interface StopsProps {
     stopColor: string;
 }
 export interface RadialGradientProps extends BaseProps {
+    /**
+     * @description.en width
+     * @description.zh 宽度
+     * @default undefined
+     */
     width: number;
+    /**
+     * @description.en height
+     * @description.zh 高度
+     * @default undefined
+     */
     height: number;
     /**
      * @description.zh 最外侧圆的x轴坐标点

package/lib/Radio/props.d.ts

@@ -1,7 +1,27 @@
 import { BaseProps, TouchEventHandler } from '../types';
 export interface RadioProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en Radio id. When the radio is selected, the radio.group change event carries the value of the radio
+     * @description.zh radio 标识。当该 radio 选中时，Radio.Group 的 change 事件会携带 radio 的 value
+     * @default undefined
+     */
     value?: string;
+    /**
+     * @description.en Whether it is currently selected can be set to default
+     * @description.zh 当前是否选中，可用来设置默认选中
+     * @default false
+     */
     checked?: boolean;
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description.en color
+     * @description.zh 颜色
+     * @default '#007AFF'
+     */
     color?: string;
 }

package/lib/RadioGroup/props.d.ts

@@ -1,16 +1,44 @@
-/// <reference types="react" />
 import { BaseProps, TouchEventHandler } from '../types';
 import { RadioProps } from '../Radio/props';
 export declare type RadioGroupOption = RadioProps & {
     label: string;
 };
 export interface RadioGroupProps extends BaseProps, TouchEventHandler {
-    options?: RadioGroupOption[];
+    /**
+     * @description.en options
+     * @description.zh 组项
+     * @default undefined
+     */
+    options: RadioGroupOption[];
+    /**
+     * @description.en name
+     * @description.zh 姓名
+     * @default undefined
+     */
     name?: string;
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description.en onChange
+     * @description.zh 选中项发生改变时触发 change 事件
+     * @default undefined
+     */
     onChange?: (event: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: 'change';
+        /**
+         * @description.en value
+         * @description.zh 价值
+         * @default undefined
+         */
         value: string[];
     }) => void;
-    children?: React.ReactNode;
 }