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

package/lib/Button/props.d.ts

@@ -1,19 +1,79 @@
 /// <reference types="react" />
 import { BaseProps } from '../types';
 export interface ButtonProps extends BaseProps {
-    disabled?: boolean;
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default undefined
+     */
+    disabled?: false;
+    /**
+     * @description.en loading
+     * @description.zh 是否加载中
+     * @default undefined
+     */
     loading?: boolean;
+    /**
+     * @description.en Button size
+     * @description.zh 按钮的大小
+     * @default default
+     */
     size?: 'default' | 'mini';
+    /**
+     * @description.en The style type of the button
+     * @description.zh 按钮的样式类型
+     * @default default
+     */
     type?: 'default' | 'primary' | 'warn';
+    /**
+     * @description.en Whether the button hollow, transparent background color
+     * @description.zh 按钮是否镂空，背景色透明
+     * @default undefined
+     */
     plain?: boolean;
+    /**
+     * @description.en Press down on the style
+     * @description.zh 按下去的样式
+     * @default undefined
+     */
     hoverStyle?: any;
+    /**
+     * @description.en Press down class on the style
+     * @description.zh 按下去的样式class
+     * @default undefined
+     */
     hoverClassName?: string;
+    /**
+     * @description.en How long does it take for the click state to appear after holding, in milliseconds
+     * @description.zh 按住后多久出现点击态，单位毫秒
+     * @default undefined
+     */
     hoverStartTime?: number;
+    /**
+     * @description.en Click retention time after finger release, in milliseconds
+     * @description.zh 手指松开后点击态保留时间，单位毫秒
+     * @default undefined
+     */
     hoverStayTime?: number;
+    /**
+     * @description.en onClick
+     * @description.zh 点击回调
+     * @default undefined
+     */
     onClick?: (params: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: 'click';
     }) => void;
     children?: React.ReactNode;
+    /**
+     * @description.en For the Form component, clicking on each of the Form component's Submit /reset events triggers it
+     * @description.zh 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件
+     * @default undefined
+     */
     formType?: 'submit' | 'reset';
 }
 export declare const defaultButtonProps: ButtonProps;

package/lib/Checkbox/props.d.ts

@@ -1,7 +1,27 @@
 import { BaseProps, TouchEventHandler } from '../types';
 export interface CheckboxProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en If this parameter is selected, the change event of the checkbox-group is triggered and the value of the checkbox is carried
+     * @description.zh checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value
+     * @default undefined
+     */
     value?: string;
+    /**
+     * @description.en Whether it is currently selected can be set to default
+     * @description.zh 当前是否选中，可用来设置默认选中
+     * @default undefined
+     */
     checked?: boolean;
+    /**
+     * @description.en is disabled
+     * @description.zh 是否禁用
+     * @default undefined
+     */
     disabled?: boolean;
+    /**
+     * @description.en color
+     * @description.zh 颜色
+     * @default undefined
+     */
     color?: string;
 }

package/lib/CheckboxGroup/props.d.ts

@@ -4,8 +4,23 @@ export declare type CheckboxGroupOption = CheckboxProps & {
     label: string;
 };
 export interface CheckboxGroupProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en options
+     * @description.zh 群组项 (Web 端非必填)
+     * @default null
+     */
     options?: CheckboxGroupOption[];
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default null
+     */
     disabled?: boolean;
+    /**
+     * @description.en Triggered when the selected item is changed
+     * @description.zh 选中项发生改变时触发 change 事件
+     * @default null
+     */
     onChange?: (event: {
         type: string;
         value: string[];

package/lib/CoverView/CoverView.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/CoverView/CoverView.tsx";var CoverView=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=CoverView;exports.default=_default;

package/lib/CoverView/CoverView.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CoverViewProps } from './props';
+declare const CoverView: FC<CoverViewProps>;
+export default CoverView;

package/lib/CoverView/CoverView.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/CoverView/CoverView.tsx";var CoverView=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=CoverView;exports.default=_default;

package/lib/CoverView/CoverView.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/CoverView/CoverView.tsx";var CoverView=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=CoverView;exports.default=_default;

package/lib/CoverView/CoverView.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { CoverViewProps } from './props';
+declare const CoverView: React.FC<CoverViewProps>;
+export default CoverView;

package/lib/CoverView/CoverView.tuya.js

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

package/lib/CoverView/CoverView.web.js

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

package/lib/CoverView/CoverView.wechat.d.ts

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

package/lib/CoverView/CoverView.wechat.js

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

package/lib/CoverView/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _CoverView=_interopRequireDefault(require("./CoverView"));var _default=_CoverView.default;exports.default=_default;

package/lib/CoverView/index.d.ts

@@ -0,0 +1,2 @@
+import CoverView from './CoverView';
+export default CoverView;

package/lib/CoverView/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _CoverView=_interopRequireDefault(require("./CoverView"));var _default=_CoverView.default;exports.default=_default;

package/lib/CoverView/index.js

@@ -0,0 +1,2 @@
+import CoverView from './CoverView';
+export default CoverView;

package/lib/CoverView/index.md

@@ -0,0 +1,26 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+hide: true
+---
+
+# CoverView
+
+文本内容
+
+## 导入
+
+```js
+import { CoverView } from '@ray-js/components'
+```
+
+## 代码演示
+
+## Props
+
+| 属性      | 类型   | 默认值 | 说明   | 支持平台        |
+| --------- | ------ | ------ | ------ | --------------- |
+| className | string |        | 样式名 | 涂鸦、微信、Web |

package/lib/CoverView/index.tuya.js

@@ -0,0 +1,2 @@
+import CoverView from './CoverView';
+export default CoverView;

package/lib/CoverView/index.web.js

@@ -0,0 +1,2 @@
+import CoverView from './CoverView';
+export default CoverView;

package/lib/CoverView/index.wechat.js

@@ -0,0 +1,2 @@
+import CoverView from './CoverView';
+export default CoverView;

package/lib/CoverView/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultCoverViewProps=void 0;var defaultCoverViewProps={};exports.defaultCoverViewProps=defaultCoverViewProps;

package/lib/CoverView/props.d.ts

@@ -0,0 +1,5 @@
+import { BaseProps } from '../types';
+export declare type CoverViewProps = BaseProps & {
+    children?: any;
+};
+export declare const defaultCoverViewProps: Partial<CoverViewProps>;

package/lib/CoverView/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultCoverViewProps=void 0;var defaultCoverViewProps={};exports.defaultCoverViewProps=defaultCoverViewProps;

package/lib/CoverView/props.js

@@ -0,0 +1 @@
+export var defaultCoverViewProps = {};

package/lib/CoverView/props.tuya.js

@@ -0,0 +1 @@
+export var defaultCoverViewProps = {};

package/lib/CoverView/props.web.js

@@ -0,0 +1 @@
+export var defaultCoverViewProps = {};

package/lib/CoverView/props.wechat.js

@@ -0,0 +1 @@
+export var defaultCoverViewProps = {};

package/lib/DatePicker/index.md

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

package/lib/DatePicker/props.d.ts

@@ -1,32 +1,100 @@
-/// <reference types="react" />
 import { BaseProps } from '../types';
 import { TouchEventHandler } from '@ray-js/framework-shared';
 declare type changeValue = (e: {
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default undefined
+     */
     type: string;
+    /**
+     * @description.en value
+     * @description.zh value
+     * @default undefined
+     */
     value: string;
     origin?: any;
 }) => void;
 declare type CancelEvent = (e: {
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default undefined
+     */
     type: string;
     origin: any;
 }) => void;
 export interface DatePickerProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description.en The currently selected date
+     * @description.zh 当前选择的日期
+     * @default undefined
+     */
     value?: string;
+    /**
+     * @description.en Indicates the beginning of the valid date range in the format of "YYYY-MM-DD"
+     * @description.zh 表示有效日期范围的开始，字符串格式为"YYYY-MM-DD"
+     * @default undefined
+     */
     start?: string;
+    /**
+     * @description.en Indicates the end of the valid date range in the format of "YYYY-MM-DD"
+     * @description.zh 表示有效日期范围的结束，字符串格式为"YYYY-MM-DD"
+     * @default undefined
+     */
     end?: string;
+    /**
+     * @description.en Valid values year,month,day indicate the granularity of the selector
+     * @description.zh 有效值 year,month,day，表示选择器的粒度
+     * @default undefined
+     */
     fields?: 'year' | 'month' | 'day';
+    /**
+     * @description.en onChange
+     * @description.zh 选择时触发
+     * @default undefined
+     */
     onChange?: changeValue;
+    /**
+     * @description.en onCancel
+     * @description.zh 取消选择时触发
+     * @default undefined
+     */
     onCancel?: CancelEvent;
+    /**
+     * @description.en confirmText
+     * @description.zh 确认文本
+     * @default undefined
+     */
     confirmText?: string;
+    /**
+     * @description.en cancelText
+     * @description.zh 取消文本
+     * @default undefined
+     */
     cancelText?: string;
-    children?: React.ReactNode | string;
 }
 export declare const defaultProps: DatePickerProps;
 export interface IState {
     visible: boolean;
+    /**
+     * @description.en value
+     * @description.zh value
+     * @default undefined
+     */
     value: number | number[];
     changeValue: number | number[];
+    /**
+     * @description.en range
+     * @description.zh 范围
+     * @default undefined
+     */
     range: any[];
     dateListArr: any[];
 }

package/lib/Form/props.d.ts

@@ -1,10 +1,20 @@
 import { BaseProps } from '../types';
 export declare type FormProps = BaseProps & {
+    /**
+     * @description.en Trigger the Submit event with the data in the form
+     * @description.zh 携带 form 中的数据触发 submit 事件
+     * @default null
+     */
     onSubmit?(event: {
         type: 'form';
         origin: any;
         value: any;
     }): void;
+    /**
+     * @description.en Triggered when the form is reset
+     * @description.zh 表单重置时会触发
+     * @default null
+     */
     onReset?(event: {
         type: 'form';
         origin: any;

package/lib/Icon/iconfont/iconfont.json

@@ -1,6 +1,6 @@
 {
   "id": "3149224",
-  "name": "涂鸦小程序",
+  "name": "智能小程序",
   "font_family": "iconfont",
   "css_prefix_text": "icon-",
   "description": "icon",
@@ -1315,4 +1315,4 @@
       "unicode_decimal": 59174
     }
   ]
-}
+}

package/lib/Icon/props.d.ts

@@ -1,8 +1,23 @@
 import { BaseProps } from '../types';
 import { TouchEventHandler } from '@ray-js/framework-shared';
 export interface IconProps extends BaseProps, TouchEventHandler {
+    /**
+     * @description.en type
+     * @description.zh 图标类型，类型名
+     * @default undefined
+     */
     type: IconFontName;
+    /**
+     * @description.en icon size (px)
+     * @description.zh 图标大小，单位 px
+     * @default 16
+     */
     size?: number;
+    /**
+     * @description.en icon color
+     * @description.zh 图标颜色
+     * @default #333333
+     */
     color?: string;
 }
 export declare const defaultIconProps: IconProps;

package/lib/Image/props.d.ts

@@ -3,17 +3,43 @@ import { TouchEventHandler } from '@ray-js/framework-shared';
 import { GenericEvent as WxEvent } from '@remax/wechat';
 import { ImageLoadEventData as RnLoadEvent } from 'react-native';
 export interface ImageProps extends BaseProps, TouchEventHandler {
-    /** 文本是否可选 */
+    /**
+     * @description.en image source uri
+     * @description.zh 图片地址
+     * @default undefined
+     */
     src: string;
+    /**
+     * @description.en mode
+     * @description.zh 图片裁剪、缩放的模式，RN 支持部分模式
+     * @default 'scaleToFill'
+     */
     mode?: 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom right' | 'bottom left';
-    /** 当图片载入完毕时触发 */
+    /**
+     * @description.en Triggered when the image has finished loading
+     * @description.zh 当图片载入完毕时触发
+     * @default undefined
+     */
     onLoad?: (e: {
-        type: 'load' | 'error';
+        /**
+         * @description.en width
+         * @description.zh 宽度
+         * @default undefined
+         */
         width: number;
+        /**
+         * @description.en height
+         * @description.zh 高度
+         * @default undefined
+         */
         height: number;
         origin: RnLoadEvent | WxEvent;
     }) => any;
-    /** 当错误发生时触发 */
+    /**
+     * @description.en Triggered when an error occurs
+     * @description.zh 当错误发生时触发
+     * @default undefined
+     */
     onError?: (e: {
         errMsg: string;
         origin: null | WxEvent;

package/lib/Input/props.d.ts

@@ -3,32 +3,135 @@ import { TextInputChangeEventData as RnInputChangeEvent, NativeSyntheticEvent, T
 import { GenericEvent as WxEvent } from '@remax/wechat';
 export declare type InputType = 'text' | 'number' | 'digit' | 'idcard';
 export interface InputProps extends BaseProps {
+    /**
+     * @description.en content
+     * @description.zh 内容
+     * @default undefined
+     */
     value?: string;
+    /**
+     * @description.en type
+     * @description.zh 类型
+     * @default text
+     */
     type?: InputType;
+    /**
+     * @description.en is password
+     * @description.zh 是否为密码
+     * @default false
+     */
     password?: boolean;
+    /**
+     * @description.en placeholder
+     * @description.zh 占位内容
+     * @default undefined
+     */
     placeholder?: string;
+    /**
+     * @description.en disabled
+     * @description.zh 是否禁用
+     * @default false
+     */
     disabled?: boolean;
-    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    /**
+     * @description.en Maximum input length. When the value is set to -1, the maximum input length is not limited
+     * @description.zh 最大输入长度，设置为 -1 的时候不限制最大长度
+     * @default undefined
+     */
     maxLength?: number;
+    /**
+     * @description.en 获Get focus取焦点
+     * @description.zh 获取焦点
+     * @default false
+     */
     focus?: boolean;
-    /** 设置键盘右下角按钮的文字，仅在type='text'时生效 */
+    /**
+     * @description.en Set the text of the button in the lower right corner of the keyboard, effective only when type='text'
+     * @description.zh 设置键盘右下角按钮的文字，仅在type='text'时生效
+     * @default done
+     */
     confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
+    /**
+     * @description.en Start position of the cursor. This parameter is valid for automatic clustering and must be used with Selection End
+     * @description.zh 光标起始位置，自动聚集时有效，需与 selectionEnd 搭配使用
+     * @default -1
+     */
     selectionStart?: number;
+    /**
+     * @description.en End cursor position. This parameter is valid for automatic clustering and must be used with Selection Start
+     * @description.zh 光标结束位置，自动聚集时有效，需与 selectionStart 搭配使用
+     * @default -1
+     */
     selectionEnd?: number;
+    /**
+     * @description.en Specifies the cursor position for focus
+     * @description.zh 指定 focus 时的光标位置
+     * @default false
+     */
     cursor?: number;
+    /**
+     * @description.en Input events
+     * @description.zh 输入事件
+     * @default undefined
+     */
     onInput?: (event: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: string;
+        /**
+         * @description.en value
+         * @description.zh 价值
+         * @default undefined
+         */
         value: string;
         origin: RnInputChangeEvent | WxEvent | Event;
     }) => void;
+    /**
+     * @description.en onConfirm
+     * @description.zh 确认事件
+     * @default undefined
+     */
     onConfirm?: (event: any) => void;
+    /**
+     * @description.en onFocus
+     * @description.zh 焦点事件
+     * @default undefined
+     */
     onFocus?: (event: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: string;
+        /**
+         * @description.en value
+         * @description.zh 价值
+         * @default undefined
+         */
         value: string;
         origin: NativeSyntheticEvent<TextInputFocusEventData> | WxEvent | FocusEvent;
     }) => void;
+    /**
+     * @description.en onBlur
+     * @description.zh 丢焦事件
+     * @default undefined
+     */
     onBlur?: (event: {
+        /**
+         * @description.en type
+         * @description.zh 类型
+         * @default undefined
+         */
         type: string;
+        /**
+         * @description.en value
+         * @description.zh 价值
+         * @default undefined
+         */
         value: string;
         origin: NativeSyntheticEvent<TextInputFocusEventData> | WxEvent | FocusEvent;
     }) => void;

package/lib/IpcPlayer/IpcPlayer.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/IpcPlayer/IpcPlayer.tsx";var IpcPlayer=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=IpcPlayer;exports.default=_default;

package/lib/IpcPlayer/IpcPlayer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IpcPlayerProps } from './props';
+declare const IpcPlayer: FC<IpcPlayerProps>;
+export default IpcPlayer;

package/lib/IpcPlayer/IpcPlayer.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/IpcPlayer/IpcPlayer.tsx";var IpcPlayer=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=IpcPlayer;exports.default=_default;

package/lib/IpcPlayer/IpcPlayer.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _this=this,_jsxFileName="/drone/src/packages/components/src/IpcPlayer/IpcPlayer.tsx";var IpcPlayer=function(){return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:10}},"web\u7AEF\u6682\u672A\u5B9E\u73B0");};var _default=IpcPlayer;exports.default=_default;

package/lib/IpcPlayer/IpcPlayer.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IpcPlayerProps } from './props';
+declare const IpcPlayer: React.FC<IpcPlayerProps>;
+export default IpcPlayer;