@ray-js/components 0.6.14 → 0.6.15

package/lib/Motion/index.md

@@ -1,69 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
-hide: true
----
-
-# Motion
-
-动效
-
-## 导入
-
-```js
-import { Motion } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/fade.tsx" title="淡入淡出" background="#f2f4f6"  />
-<code src="./demos/pullUp.tsx" title="上拉下滑" background="#f2f4f6" />
-<code src="./demos/scaleFadeIn.tsx" title="放大淡入/缩小淡出" background="#f2f4f6" />
-<code src="./demos/scalePullDown.tsx" title="放大淡入/下滑淡出" background="#f2f4f6" />
-<code src="./demos/pushDown.tsx" title="下拉上推" background="#f2f4f6" />
-
-## 公共 props
-
-| 属性         | 类型        | 默认值 | 必填 | 说明         | 支持平台       |
-| ------------ | ----------- | ------ | ---- | ------------ | -------------- |
-| show         | boolean     | false  | 否   | 是否显示内容 | RN、涂鸦、微信 |
-| showDuration | number      | 300    | 否   | 动画显示时长 | RN、涂鸦、微信 |
-| hideDuration | number      | 300    | 否   | 动画隐藏时长 | RN、涂鸦、微信 |
-| onShow       | () => void; |        | 否   | 动画显示回调 | RN、涂鸦、微信 |
-| onHide       | () => void; |        | 否   | 动画隐藏回调 | RN、涂鸦、微信 |
-| delay        | number      | 0      | 否   | 动画延迟时间 | RN、涂鸦、微信 |
-
-## 淡入淡出 Fade
-
-| 属性        | 类型   | 默认值 | 必填 | 说明       |
-| ----------- | ------ | ------ | ---- | ---------- |
-| fadeOpacity | number | 1      | 否   | 动画透明度 |
-
-## 下拉上滑 PullUp
-
-| 属性       | 类型   | 默认值 | 必填 | 说明     |
-| ---------- | ------ | ------ | ---- | -------- |
-| dropHeight | number | 200    | 否   | 下拉高度 |
-
-## ScaleFadeIn 放大淡入，缩小淡出
-
-| 属性       | 类型   | 默认值 | 必填 | 说明             |
-| ---------- | ------ | ------ | ---- | ---------------- |
-| initScale  | number | 0      | 否   | 初始缩放倍数     |
-| finalScale | number | 0      | 否   | 动画结束缩放倍数 |
-
-## ScalePullDown 放大淡入下滑淡出
-
-| 属性       | 类型   | 默认值 | 必填 | 说明         |
-| ---------- | ------ | ------ | ---- | ------------ |
-| initScale  | number | 0      | 否   | 初始缩放倍数 |
-| dropHeight | number | 200    | 否   | 下拉的高度   |
-
-## PushDown 下拉上推
-
-| 属性       | 类型   | 默认值 | 必填 | 说明       |
-| ---------- | ------ | ------ | ---- | ---------- |
-| dropHeight | number | 200    | 否   | 下拉的高度 |

package/lib/Motion/props.d.ts

@@ -1,97 +0,0 @@
-import { BaseProps } from '../types';
-export interface MotionProps extends BaseProps {
-    /**
-     * @description.zh 是否显示内容
-     * @description.en Display content?
-     * @default false
-     */
-    show?: boolean;
-    /**
-     * @description.zh 动画显示时长
-     * @description.en Animation display duration
-     * @default 300
-     */
-    showDuration?: number;
-    /**
-     * @description.zh 动画隐藏时长
-     * @description.en Animation hide duration
-     * @default 300
-     */
-    hideDuration?: number;
-    /**
-     * @description.zh 动画显示回调
-     * @description.en Animation display callback
-     * @default () => {}
-     */
-    onShow?: () => void;
-    /**
-     * @description.zh 动画隐藏回调
-     * @description.en Animation hide callback
-     * @default () => {}
-     */
-    onHide?: () => void;
-    /**
-     * @description.en delay
-     * @description.zh 延迟
-     * @default undefined
-     */
-    delay: number;
-    children: any;
-}
-export interface MotionFadeProps extends MotionProps {
-    /**
-     * @description.zh 动画不透明度
-     * @description.en Animation opacity
-     * @default 1
-     */
-    fadeOpacity?: number;
-}
-export declare const defaultMotionFadeProps: Partial<MotionFadeProps>;
-export interface MotionPullUpProps extends MotionProps {
-    /**
-     * @description.zh 下拉的高度
-     * @description.en Height of pull down
-     * @default 200
-     */
-    dropHeight?: number;
-}
-export declare const defaultMotionPullUpProps: Partial<MotionPullUpProps>;
-export interface MotionScaleFadeInProps extends MotionProps {
-    /**
-     * @description.zh 初始缩放倍数
-     * @description.en Initial zoom factor
-     * @default 0
-     */
-    initScale?: number;
-    /**
-     * @description.zh 动画结束缩放倍数
-     * @description.en Animation end zoom multiple
-     * @default 0
-     */
-    finalScale?: number;
-}
-export declare const defaultMotionScaleFadeInProps: Partial<MotionScaleFadeInProps>;
-export interface MotionScalePullDownProps extends MotionProps {
-    /**
-     * @description.zh 初始缩放倍数
-     * @description.en Initial zoom factor
-     * @default 0
-     */
-    initScale?: number;
-    /**
-     * @description.zh 下拉的高度
-     * @description.en Height of pull down
-     * @default 100
-     */
-    dropHeight?: number;
-}
-export declare const defaultMotionScalePullDownProps: Partial<MotionScalePullDownProps>;
-export interface MotionPushDownProps extends MotionProps {
-    /**
-     * @description.zh 下拉的高度
-     * @description.en Height of pull down
-     * @default 200
-     */
-    dropHeight?: number;
-}
-export declare const defaultMotionPushDownProps: Partial<MotionPushDownProps>;

package/lib/Motion/props.js

@@ -1,62 +0,0 @@
-// 淡入淡出 Fade
-export var defaultMotionFadeProps = {
-  show: false,
-  showDuration: 300,
-  hideDuration: 300,
-  fadeOpacity: 1,
-  onShow: function onShow() {// do nothing.
-  },
-  onHide: function onHide() {// do nothing.
-  },
-  delay: 0
-}; // 下拉上滑 PullUp
-
-export var defaultMotionPullUpProps = {
-  show: false,
-  showDuration: 300,
-  hideDuration: 300,
-  onShow: function onShow() {// do nothing.
-  },
-  onHide: function onHide() {// do nothing.
-  },
-  delay: 0,
-  dropHeight: 200
-}; // ScaleFadeIn 放大淡入，缩小淡出
-
-export var defaultMotionScaleFadeInProps = {
-  show: false,
-  showDuration: 300,
-  hideDuration: 300,
-  onShow: function onShow() {// do nothing.
-  },
-  onHide: function onHide() {// do nothing.
-  },
-  delay: 0,
-  initScale: 0,
-  finalScale: 0
-}; // ScalePullDown 放大淡入下滑淡出
-
-export var defaultMotionScalePullDownProps = {
-  show: false,
-  showDuration: 300,
-  hideDuration: 300,
-  onShow: function onShow() {// do nothing.
-  },
-  onHide: function onHide() {// do nothing.
-  },
-  delay: 0,
-  initScale: 0,
-  dropHeight: 200
-}; // PushDown 下拉上推
-
-export var defaultMotionPushDownProps = {
-  show: false,
-  showDuration: 300,
-  hideDuration: 300,
-  onShow: function onShow() {// do nothing.
-  },
-  onHide: function onHide() {// do nothing.
-  },
-  delay: 0,
-  dropHeight: 200
-};

package/lib/MovableArea/index.md

@@ -1,23 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
----
-
-# MovableArea
-
-MovableView 的可移动区域。
-
-## 导入
-
-```js
-import { MovableArea } from '@ray-js/components'
-```
-
-## 属性说明
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| scaleArea | boolean | false | 否 | 当里面的 MovableView 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 MovableArea | Web |

package/lib/MovableView/index.md

@@ -1,61 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
----
-
-# MovableView
-
-可移动的视图容器，在页面中可以拖拽滑动。MovableView 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
-
-## 导入
-
-```js
-import { MovableView } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6" height="500px" />
-
-<code src="./demos/horizontal" title="只可以横向移动" background="#f2f4f6" height="500px" />
-
-<code src="./demos/vertical.tsx" title="只可以纵向移动" background="#f2f4f6" height="500px" />
-
-<code src="./demos/outOfBounds.tsx" title="可超出边界" background="#f2f4f6" height="500px" />
-
-<code src="./demos/inertia.tsx" title="带有惯性" background="#f2f4f6" height="500px" />
-
-<code src="./demos/scale.tsx" title="可缩放" background="#f2f4f6" height="500px" />
-
-## 属性说明
-
-| 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| direction | string | none | 否 | MovableView 的移动方向，属性值有 all、vertical、horizontal、none | Web |
-| inertia | boolean | false | 否 | MovableView 是否带有惯性 | Web |
-| outOfBounds | boolean | false | 否 | 超过可移动区域后，movable-view 是否还可以移动 | Web |
-| x | number | 0 | 否 | 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围。改变 x 的值会触发动画 | Web |
-| y | number | 0 | 否 | 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围。改变 y 的值会触发动画 | Web |
-| damping | number | 20 | 否 | 阻尼系数，用于控制 x 或 y 改变时的动画和过界回弹的动画，值越大移动越快 | Web |
-| friction | number | 2 | 否 | 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值 | Web |
-| disabled | boolean | false | 否 | 是否禁用 | Web |
-| scale | boolean | false | 否 | 是否支持双指缩放，默认缩放手势生效区域是在 MovableView 内 | Web |
-| scaleMin | number | 0.5 | 否 | 定义缩放倍数最小值 | Web |
-| scaleMax | number | 10 | 否 | 定义缩放倍数最大值 | Web |
-| scaleValue | number | 1 | 否 | 定义缩放倍数，取值范围为 0.5 - 10 | Web |
-| animation | boolean | true | 否 | 是否使用动画 | Web |
-| onChange | eventhandle |  | 否 | 拖动过程中触发的事件，event.detail = {x, y, source} | Web |
-| onScale | eventhandle |  | 否 | 缩放过程中触发的事件，event.detail = {x, y, scale} | Web |
-
-**`onChange` 返回的 `source` 表示产生移动的原因**
-
-| 值               | 说明                 |
-| ---------------- | -------------------- |
-| touch            | 拖动                 |
-| touchOutOfBounds | 超出移动范围         |
-| outOfBounds      | 超出移动范围后的回弹 |
-| friction         | 惯性                 |
-| 空字符串         | setData              |

package/lib/NativeVideo/index.md

@@ -1,74 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
-hide: true
----
-
-## native-video
-
-> 基础库 2.5.0 开始支持, 低版本需做兼容处理。
-
-## 导入
-
-```js
-import { NativeVideo } from '@ray-js/components'
-```
-
-视频。相关 API: [ty.createNativeVideoContext](https://developer.tuya.com/cn/miniapp/api/media/native-video/create-native-video-context)。这是基于异层渲染的原生组件, 请注意 [原生组件使用限制](https://developer.tuya.com/cn/miniapp/ /component/native-component/native-component)。
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 |
-| --- | --- | --- | --- | --- |
-| src | string |  | 是 | 要播放视频的资源地址，支持网络路径; 注意分区部署情况下,视频是否支持访问 |
-| duration | number |  | 否 | 指定视频时长，单位秒 s |
-| controls | boolean | true | 否 | 是否显示默认播放控件（播放/暂停按钮、播放进度、时间） |
-| autoplay | boolean | false | 否 | 是否自动播放 |
-| loop | boolean | false | 否 | 是否循环播放 |
-| muted | boolean | false | 否 | 是否静音播放 |
-| initial-time | number | 0 | 否 | 指定视频初始播放位置 |
-| show-fullscreen-btn | boolean | true | 否 | 是否显示全屏按钮 |
-| show-play-btn | boolean | true | 否 | 是否显示视频底部控制栏的播放按钮 |
-| show-center-play-btn | boolean | true | 否 | 是否显示视频中间的播放按钮 |
-| object-fit | string | contain | 否 | 当视频大小与 video 容器大小不一致时，视频的表现形式 |
-| poster | string |  | 否 | 视频封面的图片网络资源地址 |
-| show-mute-btn | boolean | false | 否 | 是否显示静音按钮 |
-| 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 | 否 | 背景颜色, 必须为十六进制格式 |
-| onPlay | eventhandle |  | 否 | 当开始/继续播放时触发 play 事件 |
-| onPause | eventhandle |  | 否 | 当暂停播放时触发 pause 事件 |
-| onEnded | eventhandle |  | 否 | 当播放到末尾时触发 ended 事件 |
-| onTimeupdate | eventhandle |  | 否 | 播放进度变化时触发，event.detail = {currentTime, duration} 。 |
-| onFullscreenchange | eventhandle |  | 否 | 视频进入和退出全屏时触发，event.detail = {fullScreen, direction}，direction 有效值为 vertical 或 horizontal |
-| onWaiting | eventhandle |  | 否 | 视频出现缓冲时触发 |
-| onError | eventhandle |  | 否 | 视频播放出错时触发 |
-| onProgress | eventhandle |  | 否 | 加载进度变化时触发，只支持一段加载。event.detail = {buffered}，百分比 |
-| onLoadedmetadata | eventhandle |  | 否 | 视频元数据加载完成时触发。event.detail = {width, height, duration} |
-| onControlstoggle | eventhandle |  | 否 | 切换 controls 显示隐藏时触发。event.detail = {show} |
-| onSeekcomplete | eventhandler |  | 否 | seek 完成时触发 (position iOS 单位 s, Android 单位 ms) |
-|  |
-
-#### object-fit 的合法值
-
-| 值      | 说明 |
-| ------- | ---- |
-| contain | 包含 |
-| fill    | 填充 |
-| cover   | 覆盖 |
-
-### Bug & Tip
-
-1. tip：`native-video` 默认宽度 300px、高度 225px，可通过 tyss 设置宽高。
-2. tip：相关原理请参考 [基于异层渲染的原生组件](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。
-3. tip：请注意 [原生组件使用限制](https://developer.tuya.com/cn/miniapp/component/native-component/native-component)。
-4. tip：`native-video` 支持三种视频格式：MP4。
-
-- MP4 = MPEG 4 文件使用 H264 视频编解码器和 AAC 音频编解码器

package/lib/PageContainer/index.md

@@ -1,42 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
----
-
-# PageContainer
-
-文本内容
-
-## 导入
-
-```js
-import { PageContainer } from '@ray-js/components'
-```
-
-## 代码演示
-
-<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| className | string |  | 样式名 | 涂鸦、微信、Web |
-| show | boolean | false | 是否显示容器组件 | 涂鸦、微信、Web |
-| duration | number | 300 | 动画时长，单位毫秒 | 涂鸦、微信、Web |
-| zIndex | number | 100 | z-index 层级 | 涂鸦、微信、Web |
-| overlay | boolean | true | 是否显示遮罩层 | 涂鸦、微信、Web |
-| position | string | bottom | 弹出位置，可选值为 top bottom right center | 涂鸦、微信、Web |
-| round | boolean | false | 是否显示圆角 | 涂鸦、微信、Web |
-| overlayStyle | string 或 React.CSSProperties |  | 自定义遮罩层样式 | 涂鸦、微信、Web |
-| customStyle | string 或 React.CSSProperties |  | 自定义弹出层样式 | 涂鸦、微信、Web |
-| onBeforeEnter | eventhandle |  | 进入前触发 | 涂鸦、微信、Web |
-| onEnter | eventhandle |  | 进入中触发 | 涂鸦、微信、Web |
-| onAfterEnter | eventhandle |  | 进入后触发 | 涂鸦、微信、Web |
-| onBeforeLeave | eventhandle |  | 离开前触发 | 涂鸦、微信、Web |
-| onLeave | eventhandle |  | 离开中触发 | 涂鸦、微信、Web |
-| onAfterLeave | eventhandle |  | 离开后触发 | 涂鸦、微信、Web |
-| onClickOverlay | eventhandle |  | 点击遮罩层时触发 | 涂鸦、微信、Web |

package/lib/Picker/index.md

@@ -1,37 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 选择器组件
----
-
-# Picker
-
-从底部弹起的滚动选择器。
-
-## 导入
-
-```js
-import { Picker } from '@ray-js/components'
-```
-
-## 示例代码
-
-> picker 相关组件效果请使用手机模式下查看
-
-<code src="./demos/basic.tsx" title="单选" background="#f2f4f6"  />
-<code src="./demos/multiSelector.tsx" title="多选" background="#f2f4f6"  />
-
-## Props
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信、Web |
-| range | string[] or string[][] |  | 是 | 选择项数据源 | RN、涂鸦、微信、Web |
-| value | number or number[] | 0 | 否 | 表示选择了 range 中的第几个（下标从 0 开始） | RN、涂鸦、微信、Web |
-| cancelText | string | 取消 | 否 | 取消文案 | RN、涂鸦、微信、Web |
-| confirmText | string | 确认 | 否 | 确认文案 | RN、涂鸦、微信、Web |
-| onChange | func(type: 'change'; value:number or number[];), origin: any;}) |  | 否 | 点击触发 | RN、涂鸦、微信、Web |
-| onCancel | func({ type: 'cancel' }) |  | 否 | 取消选择时触发 | RN、涂鸦、微信、Web |
-| onColumnChange | func({type: 'columnchange'; value: number; column: number;}) |  | 否 | 列改变时触发 | RN、涂鸦、微信、Web |

package/lib/PickerView/index.md

@@ -1,33 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 选择器组件
----
-
-# PickerView
-
-滚动选择器。
-
-## 导入
-
-```js
-import { PickerView } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="单选 - 选项" background="#f2f4f6"  />
-<code src="./demos/basicChildren.tsx" title="单选 - 子节点" background="#f2f4f6"  />
-<code src="./demos/multi.tsx" title="多选" background="#f2f4f6"  />
-
-## Props
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| className | React.CSSProperties |  | 否 | 选择器样式 | RN、涂鸦、微信、Web |
-| range | string[] or string[][] |  | 是 | 选择项数据源(Web 端非必填) | RN、涂鸦、微信、Web |
-| value | number or number[] | 0 | 否 | 表示选择了 range 中的第几个（下标从 0 开始） | RN、涂鸦、微信、Web |
-| fontSize | number |  | 否 | 选择器字体大小 | RN、涂鸦、微信、Web |
-| onChange | func(event: {type: 'change', value: (number or number[]) }) |  | 否 | 选择时触发 | RN、涂鸦、微信、Web |

package/lib/PickerViewColumn/index.md

@@ -1,23 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 选择器组件
----
-
-# PickerViewColumn
-
-滚动选择器子项。需要配合 `<PickerView />` 使用, 仅可放置于 PickerView 中，其高度会自动设置成与 PickerView 的选中框的高度一致。
-
-## 示例代码
-
-## 导入
-
-```js
-import { PickerViewColumn } from '@ray-js/components'
-```
-
-## 代码演示
-
-<code src="./demos/basicChildren.tsx" title="单选 - 子节点" background="#f2f4f6"  />

package/lib/RadialGradient/index.md

@@ -1,34 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 视图容器
-hide: true
----
-
-# RadialGradient
-
-RadialGradient 为径向渐变，与线性渐变相似，只是它是从一个点开始发散绘制渐变。
-
-## 导入
-
-```js
-import { RadialGradient } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/demo0.tsx" title="径向渐变" background="#f2f4f6" height="500px" />
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| width | number | 300 |  | RN、涂鸦、微信 |
-| height | number | 300 |  | RN、涂鸦、微信 |
-| fx | string | 50% | 最内侧圆 x 轴坐标点 ，支持百分比或 50px 具体数值 | RN、涂鸦、微信 |
-| fy | string | 50% | 最内侧圆 y 轴坐标点 ，支持百分比或 50px 具体数值 | RN、涂鸦、微信 |
-| rx | string | 50% | 最内侧圆水平半径 ，支持百分比或 50px 具体数值 | RN、涂鸦、微信 |
-| ry | string | 50% | 最内侧圆垂直半径 ，支持百分比或 50px 具体数值 | RN、涂鸦、微信 |
-| stops | {offset: string;stopColor: string;}[] |  | 渐变梯度停点 | RN、涂鸦、微信 |

package/lib/Radio/index.md

@@ -1,30 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Radio
-
-单选项目。
-
-## 导入
-
-```js
-import { Radio } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" height="500px" />
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 属性 |
-| --- | --- | --- | --- | --- |
-| value | string |  | radio 标识。当该 radio 选中时，Radio.Group 的 change 事件会携带 radio 的 value | RN、涂鸦、微信、Web |
-| checked | boolean | false | 当前是否选中 | RN、涂鸦、微信、Web |
-| disabled | boolean | false | 是否禁用 | RN、涂鸦、微信、Web |
-| color | string | '#007AFF' | Radio 的颜色，同 css 的 color | RN、涂鸦、微信、Web |

package/lib/RadioGroup/index.md

@@ -1,41 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# RadioGroup
-
-多项选择器组，内部由多个 Radio 组成。
-
-## 导入
-
-```js
-import { RadioGroup } from '@ray-js/components'
-```
-
-## 示例代码
-
-<code src="./demos/group.tsx" title="一组数据 - 选项" background="#f2f4f6" height="500px" />
-<code src="./demos/groupChildren.tsx" title="一组数据 - 子节点" background="#f2f4f6" height="500px" />
-<code src="./demos/groupDisabled.tsx" title="全部禁止" background="#f2f4f6" height="500px" />
-
-## Props
-
-| 属性 | 类型 | 是否必填 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| options | RadioOption[] | 是 |  | 组项(Web 端非必填) | RN、涂鸦、微信、Web |
-| disabled | boolean | 否 | false | 是否禁用 | RN、涂鸦、微信、Web |
-| onChange | (event: { type: 'change'; value: string[] }) => void | 否 |  | 选中项发生改变时触发 change 事件 | RN、涂鸦、微信、Web |
-
-### RadioOption
-
-| 属性     | 类型    | 默认值    | 说明                          |
-| -------- | ------- | --------- | ----------------------------- |
-| label    | string  |           | 跟随文本内容                  |
-| value    | string  |           | radio 的 Value                |
-| checked  | boolean | false     | 当前是否选中                  |
-| disabled | boolean | false     | 是否禁用                      |
-| color    | string  | '#007AFF' | Radio 的颜色，同 css 的 color |