@ray-js/components 0.6.14 → 0.6.15

package/lib/Progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ProgressProps } from '@ray-js/adapter';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/lib/Progress/Progress.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import handleProps from '../utils/handleProps';
+
+var Progress = function (props) {
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement("v-progress", handleProps(props))
+  );
+};
+
+Progress.displayName = 'Progress';
+export default Progress;

package/lib/Progress/Progress.thing.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ProgressProps } from '@ray-js/adapter';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/lib/Progress/Progress.thing.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Progress as RemaxProgress } from '@ray-js/adapter';
+
+var Progress = function (props) {
+  var style = props.style,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxProgress, _extends({
+    style: inlineStyle(style)
+  }, restProps));
+};
+
+export default Progress;

package/lib/Progress/Progress.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ProgressProps } from '@ray-js/adapter';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/lib/Progress/Progress.wechat.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Progress as RemaxProgress } from '@ray-js/adapter';
+
+var Progress = function (props) {
+  var style = props.style,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxProgress, _extends({
+    style: inlineStyle(style)
+  }, restProps));
+};
+
+export default Progress;

package/lib/Progress/index.d.ts

@@ -0,0 +1,3 @@
+import Progress from './Progress';
+export type { ProgressProps } from '@ray-js/adapter';
+export default Progress;

package/lib/Progress/index.js

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

package/lib/index.d.ts

@@ -25,7 +25,6 @@ export { default as Modal } from './Modal';
 export { default as Icon } from './Icon';
 export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
-export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
 export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';
@@ -35,3 +34,4 @@ export { default as NativeVideo } from './NativeVideo';
 export { default as WebView } from './WebView';
 export { default as Map } from './Map';
 export { default as Camera } from './Camera';
+export { default as Progress } from './Progress';

package/lib/index.js

@@ -25,7 +25,6 @@ export { default as Modal } from './Modal';
 export { default as Icon } from './Icon';
 export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
-export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
 export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';
@@ -34,4 +33,5 @@ export { default as CoverView } from './CoverView';
 export { default as NativeVideo } from './NativeVideo';
 export { default as WebView } from './WebView';
 export { default as Map } from './Map';
-export { default as Camera } from './Camera';
+export { default as Camera } from './Camera';
+export { default as Progress } from './Progress';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -26,7 +26,7 @@
   "dependencies": {
     "@ray-core/macro": "^0.0.x",
     "@ray-core/wechat": "^0.0.x",
-    "@ray-js/framework-shared": "^0.6.14",
+    "@ray-js/framework-shared": "^0.6.15",
     "ahooks": "^3.7.1",
     "clsx": "^1.1.1",
     "core-js": "^3.19.1",
@@ -36,7 +36,7 @@
     "style-to-object": "^0.3.0"
   },
   "devDependencies": {
-    "@ray-js/cli": "^0.6.14"
+    "@ray-js/cli": "^0.6.15"
   },
   "maintainers": [
     {
@@ -44,6 +44,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "2db16446552dd7c993535ed02e3a6cd97b6e5840",
+  "gitHead": "dd94b99d251c120d07e46675584823b9f89a89f8",
   "repository": {}
 }

package/lib/Button/index.md

@@ -1,41 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Button
-
-多端按钮基础组件，可用于进行强交互的操作。
-
-## 导入
-
-```js
-import { Button } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
-<code src="./demos/plain.tsx" title="镂空" background="#f2f4f6"/>
-<code src="./demos/size.tsx" title="尺寸" background="#f2f4f6"/>
-<code src="./demos/type.tsx" title="类型" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| size | keyof Size | default | 否 | 按钮的大小 | RN、涂鸦、微信、Web |
-| type | keyof Type | default | 否 | 按钮的样式类型 | RN、涂鸦、微信、Web |
-| plain | boolean | false | 否 | 按钮是否镂空，背景色透明 | RN、涂鸦、微信、Web |
-| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信、Web |
-| loading | boolean | false | 否 | 名称前是否带 loading 图标 | RN、涂鸦、微信、Web |
-| formType | keyof FormType |  | 否 | 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 | 涂鸦、微信、Web |
-| openType | OpenType |  | 否 | 微信开放能力 | 微信 |
-| hoverClassName | string | button-hover | 否 | 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 | 涂鸦、微信、RN、Web |
-| hoverStyle | StyleProp ViewStyle | none | 否 | 由于 RN 不支持 Class，故 RN 端的 Button 组件实现了 hoverStyle 属性，写法和 style 类似，只不过 hoverStyle 的样式是指定按下去的样式。 | RN |
-| hoverStopPropagation | boolean | false | 否 | 指定是否阻止本节点的祖先节点出现点击态 | 微信 |
-| hoverStartTime | number | 20 | 否 | 按住后多久出现点击态，单位毫秒 | RN、涂鸦、微信、Web |
-| hoverStayTime | number | 70 | 否 | 手指松开后点击态保留时间，单位毫秒 | RN、涂鸦、微信、Web |

package/lib/Camera/index.md

@@ -1,48 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
-hide: true
----
-
-## camera
-
-> 基础库 2.2.0 开始支持, 低版本需做兼容处理。
-
-系统相机。相关 API：[ty.createCameraContext](https://developer.tuya.com/cn/miniapp/api/media/camera/create-camera-context)。这是基于异层渲染的原生组件, 请注意 [原生组件使用限制](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。
-
-## 导入
-
-```js
-import { Camera } from '@ray-js/components'
-```
-
-### 属性说明
-
-| 属性名 | 类型 | 默认值 | 必填 | 说明 |
-| --- | --- | --- | --- | --- |
-| mode | string | normal | 否 | 应用模式，只在初始化时有效，不能动态变更 |
-| resolution | string | medium | 否 | 分辨率，不支持动态修改；可选值有 `low`: 低，`medium`: 中，`high`: 高 |
-| device-position | string | back | 否 | 摄像头朝向, 可选值有`front`: 前置, `back`: 后置 |
-| flash | string | auto | 否 | 闪光灯, 可选值有`auto`: 自动, `on`: 打开, `off`: 关闭, `torch`: 常亮 |
-| border-width | number | 0 | 否 | 边框的宽度, 单位 px |
-| border-style | string | solid | 否 | 边框的样式, 可选值: solid 和 dashed |
-| border-color | string | #ffffff | 否 | 边框的颜色, 必须为十六进制格式 |
-| border-radius | number | 0 | 否 | 边框的圆角, 单位 px |
-| border-radius-top-left | number |  | 否 | 边框的左上角圆角大小, 单位 px |
-| border-radius-top-right | number |  | 否 | 边框的右上角圆角大小, 单位 px |
-| border-radius-bottom-left | number |  | 否 | 边框的左下角圆角大小, 单位 px |
-| border-radius-bottom-right | number |  | 否 | 边框的右下角圆角大小, 单位 px |
-| background-color | string | #ffffff | 否 | 背景颜色, 必须为十六进制格式 |
-| onBindstop | eventhandle |  | 否 | 摄像头在非正常终止时触发，如退出后台等情况 |
-| onError | eventhandle |  | 否 | 用户不允许使用摄像头时触发 |
-| onInitdone | eventhandle |  | 否 | 相机初始化完成时触发，`e.detail = {maxZoom}` |
-
-### Bug & Tip
-
-1. tip：同一页面只能插入一个 `camera` 组件。
-2. tip：开发者工具上不支持。
-3. tip：相关原理请参考 [基于异层渲染的原生组件](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。
-4. tip：请注意 [原生组件使用限制](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。

package/lib/Checkbox/index.md

@@ -1,34 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Checkbox
-
-多选项目。
-
-## 导入
-
-```js
-import { Checkbox } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
-<code src="./demos/checkboxGroup.tsx" title="多项选择器组 - 选项" background="#f2f4f6"/>
-<code src="./demos/checkboxGroupChildren.tsx" title="多项选择器组 - 子节点" background="#f2f4f6"/>
-<code src="./demos/checked.tsx" title="默认选中" background="#f2f4f6"/>
-<code src="./demos/disabled.tsx" title="disabled" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| value | string |  | checkbox 标识，选中时触发 checkbox-group 的 change 事件，并携带 checkbox 的 value | RN、微信、涂鸦、Web |
-| disabled | boolean | false | 是否禁用 | RN、微信、涂鸦、Web |
-| checked | boolean | false | 当前是否选中，可用来设置默认选中 | RN、微信、涂鸦、Web |
-| color | string | '#007AFF' | checkbox 的颜色，同 css 的 color | RN、微信、涂鸦、Web |

package/lib/CheckboxGroup/index.md

@@ -1,37 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# CheckboxGroup
-
-多项选择器组，内部由多个 checkbox 组成。
-
-## 导入
-
-```js
-import { CheckboxGroup } from '@ray-js/components'
-```
-
-## Props
-
-| 属性 | 类型 | 是否必填 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| options | CheckboxOption[] | 是 |  | 群组项 (Web 端非必填) | 涂鸦、微信、RN、Web |
-| disabled | boolean | 否 | false | 是否禁用 | 涂鸦、微信、RN、Web |
-| onChange | (event: { type: 'change'; value: string[] }) => void | 否 |  | 选中项发生改变时触发 change 事件 | 涂鸦、微信、RN、Web |
-
-### CheckboxOption
-
-群组选择项
-
-| 属性     | 类型    | 默认值    | 说明                             |
-| -------- | ------- | --------- | -------------------------------- |
-| label    | string  |           | 跟随文本内容                     |
-| value    | string  |           | checkbox 的 Value                |
-| checked  | boolean | false     | 当前是否选中                     |
-| disabled | boolean | false     | 是否禁用                         |
-| color    | string  | '#007AFF' | Checkbox 的颜色，同 css 的 color |

package/lib/CoverView/index.md

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

package/lib/DatePicker/index.md

@@ -1,38 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 选择器组件
----
-
-# DatePicker
-
-日期选择器
-
-## 导入
-
-```js
-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"/>
-<code src="./demos/startend.tsx" title="起止时间" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信、Web |
-| value | string |  | 否 | 当前选择的日期 | RN、涂鸦、微信、Web |
-| onChange | func(event) |  | 否 | 选择时触发 | RN、涂鸦、微信、Web |
-| onCancel | func(event) |  | 否 | 取消选择时触发 | RN、涂鸦、微信、Web |
-| start | string |  | 否 | 表示有效日期范围的开始，字符串格式为"YYYY-MM-DD" | RN、涂鸦、微信、Web |
-| end | string |  | 否 | 表示有效日期范围的结束，字符串格式为"YYYY-MM-DD" | RN、涂鸦、微信、Web |
-| fields | string | day | 否 | 有效值 year,month,day，表示选择器的粒度 | RN、涂鸦、微信、Web |

package/lib/Form/index.md

@@ -1,30 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Form
-
-表单。将组件内的用户输入的 input textarea checkbox-group radio-group picker switch slider 提交。
-
-当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。
-
-## 导入
-
-```js
-import { Form } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
-
-## 属性说明
-
-| 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| onSubmit | eventhandle |  | 否 | 携带 form 中的数据触发 submit 事件，event.detail 中可以取到 name 对应表单项的值 | Web |
-| onReset | eventhandle |  | 否 | 表单重置时会触发 reset 事件 | Web |

package/lib/Icon/index.md

@@ -1,33 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 基础组件
----
-
-# Icon
-
-图标
-
-## 导入
-
-```js
-import { Icon } from '@ray-js/components'
-```
-
-## 效果
-
-<iframe src="https://static1.tuyacn.com/static/ray/iconDemo3/demo_index.html" style="width: 100%; height: 500px; " frameborder="0"></iframe>
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| type | string |  | 图标类型，类型名 请查看上方示例中 iconfont 的 font class 名 | 涂鸦、微信、RN、Web |
-| size | number | 16 | 图标大小，单位 px | 涂鸦、微信、RN、Web |
-| color | string | #333333 | 图标颜色 | 涂鸦、微信、RN、Web |

package/lib/Image/index.md

@@ -1,50 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 基础组件
----
-
-# Image
-
-图片
-
-## 导入
-
-```js
-import { Image } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/aspectFill.tsx" title="基本使用" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| className | string |  | 样式名 | RN、涂鸦、微信、Web |
-| src | string |  | 图片地址 | RN、涂鸦、微信、Web |
-| mode | string | 'scaleToFill' | 图片裁剪、缩放的模式，RN 支持部分模式，具体见下表 | RN、涂鸦、微信、Web |
-| onLoad | (e: { width: number; height: number; origin }) => void |  | 图片裁剪、缩放的模式 | RN、涂鸦、微信、Web |
-| onError | (e: { errMsg: string; origin }) => void |  | 图片裁剪、缩放的模式 | RN、涂鸦、微信、Web |
-
-## mode 合法值
-
-| 值 | 说明 | 支持平台 |
-| --- | --- | --- |
-| scaleToFill | 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 | RN、涂鸦、微信、Web |
-| aspectFit | 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 | RN、涂鸦、微信、Web |
-| aspectFill | 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 | RN、涂鸦、微信、Web |
-| widthFix | 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 | RN、涂鸦、微信、Web |
-| heightFix | 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 | 涂鸦、微信、Web |
-| top | 裁剪模式，不缩放图片，只显示图片的顶部区域 | 涂鸦、微信、Web |
-| bottom | 裁剪模式，不缩放图片，只显示图片的底部区域 | 涂鸦、微信、Web |
-| center | 裁剪模式，不缩放图片，只显示图片的中间区域 | 涂鸦、微信、Web |
-| left | 裁剪模式，不缩放图片，只显示图片的左边区域 | 涂鸦、微信、Web |
-| right | 裁剪模式，不缩放图片，只显示图片的右边区域 | 涂鸦、微信、Web |
-| top left | 裁剪模式，不缩放图片，只显示图片的左上边区域 | 涂鸦、微信、Web |
-| top right | 裁剪模式，不缩放图片，只显示图片的右上边区域 | 涂鸦、微信、Web |
-| bottom left | 裁剪模式，不缩放图片，只显示图片的左下边区域 | 涂鸦、微信、Web |
-| bottom right | 裁剪模式，不缩放图片，只显示图片的右下边区域 | 涂鸦、微信、Web |

package/lib/Input/index.md

@@ -1,43 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Input
-
-输入框
-
-## 导入
-
-```js
-import { Input } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/control.tsx" title="受控" background="#f2f4f6"/>
-<code src="./demos/idcard.tsx" title="身份证" background="#f2f4f6"/>
-<code src="./demos/search.tsx" title="搜索" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| className | string |  | 样式名 | RN、涂鸦、微信、Web |
-| value | string |  | 内容 | RN、涂鸦、微信、Web |
-| type | string | text | 类型 text/number/idcard/digit | RN、涂鸦、微信、Web |
-| password | boolean | false | 是否为密码 | RN、涂鸦、微信、Web |
-| placeholder | string |  | 占位内容 | RN、涂鸦、微信、Web |
-| disabled | boolean | false | 是否禁用 | RN、涂鸦、微信、Web |
-| maxLength | number |  | 内容最大长度 | RN、涂鸦、微信、Web |
-| confirmType | "send" or "search" or "next" or "go" or "done" | done | 设置键盘右下角按钮的文字 | 微信、RN、Web |
-| selectionStart | number | -1 | 光标起始位置，自动聚集时有效，需与 selectionEnd 搭配使用 | 微信 |
-| selectionEnd | number | -1 | 光标结束位置，自动聚集时有效，需与 selectionStart 搭配使用 | 微信 |
-| cursor | number | false | 指定 focus 时的光标位置 | RN、微信、Web |
-| focus | boolean | false | 获取焦点 | RN、涂鸦、微信、Web |
-| onInput | func(event: any) |  | 输入事件 | RN、涂鸦、微信、Web |
-| onConfirm | func(event: any) |  | 确认事件 | RN、涂鸦、微信、Web |
-| onBlur | func(event: any) |  | 丢焦事件 | RN、涂鸦、微信、Web |

package/lib/IpcPlayer/index.md

@@ -1,82 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
-hide: true
----
-
-# IpcPlayer
-
-> 基础库 2.2.0 开始支持, 低版本需做兼容处理。
-
-## 导入
-
-```js
-import { IpcPlayer } from '@ray-js/components'
-```
-
-### 属性说明
-
-| 属性名 | 类型 | 默认值 | 必填 | 说明 |
-| --- | --- | --- | --- | --- |
-| device-id | string |  | 是 | device-id 组件的唯一标识符，必须设置该属性 |
-| autoplay | boolean | false | 否 | 自动播放 |
-| muted | boolean | false | 否 | 是否静音; |
-| clarity | string | normal | 否 | 清晰度, 可选值有`normal`: 标清, `hd`: 高清 |
-| sound-mode | string | speaker | 否 | 声音输出方式, 可选值有`speaker`: 扬声器, `ear`: 听筒 |
-| orientation | string | vertical | 否 | 画面方向, 可选值有 `vertical`: 竖直, `horizontal`: 水平 |
-| object-fit | string | contain | 否 | 填充模式, 可选值有 `contain`: 图像长边填满屏幕，短边区域会被填充⿊⾊, `fillCrop`: 图像铺满屏幕，超出显示区域的部分将被截掉 |
-| auto-pause-if-navigate | boolean | true | 否 | 当跳转到本小程序的其他页面时，是否自动暂停本页面的实时音视频播放 |
-| auto-pause-if-open-native | boolean | true | 否 | 当跳转到 App 其它原生页面时，是否自动暂停本页面的实时音视频播放 |
-| rotate-z | number | 0 | 否 | 摄像头旋转角度，有效值 0~360 的整数 |
-| scalable | boolean | true | 否 | 当前是否可缩放 |
-| scale-multiple | number | 0 | 否 | 缩放比例，仅当 `scalable` 为 `true` 时生效，最大不超过 `maxScaleMultiple` (`maxScaleMultiple` 可以通过 `bind:initdone` 事件返回的参数进行获取) |
-| ptz-controllable | boolean | true | 否 | 设置是否开启视频区域云平台控制 |
-| border-width | number/string | 0 | 否 | 边框的宽度, 单位 px |
-| border-style | string | solid | 否 | 边框的样式, 可选值: solid 和 dashed |
-| border-color | string | #ffffff | 否 | 边框的颜色, 必须为十六进制格式 |
-| border-radius | number/string | 0 | 否 | 边框的圆角, 单位 px |
-| background-color | string | #ffffff | 否 | 背景颜色, 必须为十六进制格式 |
-| onConnectchange | eventhandle |  | 否 | 当连接状态发生变化时触发，detail = { state }, state: 0 表示连接成功 |
-| onPreviewchange | eventhandle |  | 否 | 当预览状态发生变化时触发，detail = { state }, state: 1 表示开始预览成功, state: 0 表示结束预览成功 |
-| onOnlinechange | eventhandle |  | 否 | 当 ipc 设备在线状态变化时触发，detail = { online }, online: true 表示在线, online: false 表示离线或断电 |
-| onInitdone | eventhandle |  | 否 | 初始化完成时触发 |
-| onZoomchange | eventhandle |  | 否 | 视频缩放比例及当前倍数变化，detail = { zoomLevel }, zoomLevel 为缩放比例 |
-| onVideotap | eventhandle |  | 否 | 点击视频时触发 |
-| onError | eventhandle |  | 否 | 当状态异层时触发 error 事件，detail = { "errCode": 错误码 , "errMsg": 错误描述 }, 错误码见下表 |
-
-**错误码**
-
-| 值    | 说明                              |
-| ----- | --------------------------------- |
-| -1000 | 其他未知异常                      |
-| -1001 | connect 失败                      |
-| -1002 | 开启预览失败                      |
-| -1003 | 结束预览失败                      |
-| -1004 | 设置静音失败                      |
-| -1005 | 设置清晰度失败                    |
-| -1006 | 截图失败                          |
-| -1007 | 属性不合法                        |
-| -1008 | 设置参数不合法                    |
-| -1009 | disconnect 失败                   |
-| -1010 | 网络状态不可用                    |
-| -1011 | 设备离线                          |
-| -1012 | 设备被移除                        |
-| -1013 | startTalk fail                    |
-| -1014 | StopTalk fail                     |
-| -1015 | StartRecord fail                  |
-| -1016 | StopRecord fail                   |
-| -1017 | IsTalkBacking fail                |
-| -1018 | SetAvailableRockerDirections fail |
-| -1019 | IsPTZControllable fail            |
-| -1020 | SetTrackingStatus fail            |
-| -1021 | GetVideoInfo fail                 |
-
-### Bug & Tip
-
-1. tip：ipc-player 默认宽度 300px、高度 225px，可通过 tyss 设置宽高。
-2. tip：开发者工具上暂不支持。
-3. tip：相关原理请参考 [基于异层渲染的原生组件](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。
-4. tip：请注意 [原生组件使用限制](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。

package/lib/Label/index.md

@@ -1,31 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Label
-
-用来改进表单组件的可用性。
-
-使用 for 属性找到对应的 id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for 优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。 checkbox, radio, switch。
-
-标签文本不仅与其相应的文本输入元素在视觉上相关联，程序中也是如此。 这意味着，当用户聚焦到这个表单输入元素时，屏幕阅读器可以读出标签，让使用辅助技术的用户更容易理解应输入什么数据。 你可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素一样。这扩大了元素的可点击区域，让包括使用触屏设备在内的用户更容易激活这个元素。 将一个 `<label>` 和一个 `<input>` 元素匹配在一起，你需要给 `<input>` 一个 id 属性。而 `<label>` 需要一个 for 属性，其值和 `<input>` 的 id 一样。 另外，你也可以将 `<input>` 直接放在 `<label>` 里，此时则不需要 for 和 id 属性，联系已隐含存在。
-
-## 导入
-
-```js
-import { Label } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="Label" background="#f2f4f6" height="500px" />
-
-## 属性说明
-
-| 属性名  | 类型   | 默认值 | 必填 | 说明          | 支持平台        |
-| ------- | ------ | ------ | ---- | ------------- | --------------- |
-| htmlFor | string |        | 否   | 绑定控件的 id | Web、涂鸦、微信 |