From a4607d19115dcbf5ee2b6a78c7e44bbbff281cee Mon Sep 17 00:00:00 2001
From: yewenwen3 <357595032@qq.com>
Date: Fri, 15 Oct 2021 17:36:54 +0800
Subject: [PATCH] feat: add range

---
 src/config.json               | 10 ++++++++++
 src/packages/range/demo.tsx   | 15 +++++++++++++++
 src/packages/range/doc.md     | 33 +++++++++++++++++++++++++++++++++
 src/packages/range/index.ts   |  2 ++
 src/packages/range/range.scss |  2 ++
 src/packages/range/range.tsx  | 13 +++++++++++++
 6 files changed, 75 insertions(+)
 create mode 100644 src/packages/range/demo.tsx
 create mode 100644 src/packages/range/doc.md
 create mode 100644 src/packages/range/index.ts
 create mode 100644 src/packages/range/range.scss
 create mode 100644 src/packages/range/range.tsx

diff --git a/src/config.json b/src/config.json
index c60afbf..3f969fc 100644
--- a/src/config.json
+++ b/src/config.json
@@ -127,6 +127,16 @@
           "sort": 2,
           "show": true,
           "author": "vickyYe"
+        },
+        {
+          "version": "1.0.0",
+          "name": "Range",
+          "type": "component",
+          "cName": "区间选择器",
+          "desc": "滑动输入条，用于在给定的范围内选择一个值。",
+          "sort": 3,
+          "show": true,
+          "author": "vickyYe"
         }
       ]
     },
diff --git a/src/packages/range/demo.tsx b/src/packages/range/demo.tsx
new file mode 100644
index 0000000..ddf133b
--- /dev/null
+++ b/src/packages/range/demo.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { Range } from './range'
+
+const RangeDemo = () => {
+  return (
+    <>
+      <div className="demo">
+        <h2>基础用法</h2>
+        <Range></Range>
+      </div>
+    </>
+  )
+}
+
+export default RangeDemo
diff --git a/src/packages/range/doc.md b/src/packages/range/doc.md
new file mode 100644
index 0000000..b269439
--- /dev/null
+++ b/src/packages/range/doc.md
@@ -0,0 +1,33 @@
+#  Range组件
+
+### 介绍
+
+基于 xxxxxxx
+
+### 安装
+
+
+
+## 代码演示
+
+### 基础用法1
+
+
+
+## API
+
+### Props
+
+| 参数         | 说明                             | 类型   | 默认值           |
+|--------------|----------------------------------|--------|------------------|
+| name         | 图标名称或图片链接               | String | -                |
+| color        | 图标颜色                         | String | -                |
+| size         | 图标大小，如 '20px' '2em' '2rem' | String | -                |
+| class-prefix | 类名前缀，用于使用自定义图标     | String | 'nutui-iconfont' |
+| tag          | HTML 标签                        | String | 'i'              |
+
+### Events
+
+| 事件名 | 说明           | 回调参数     |
+|--------|----------------|--------------|
+| click  | 点击图标时触发 | event: Event |
diff --git a/src/packages/range/index.ts b/src/packages/range/index.ts
new file mode 100644
index 0000000..4da29c1
--- /dev/null
+++ b/src/packages/range/index.ts
@@ -0,0 +1,2 @@
+import { Range } from './range'
+export default Range
diff --git a/src/packages/range/range.scss b/src/packages/range/range.scss
new file mode 100644
index 0000000..e20e579
--- /dev/null
+++ b/src/packages/range/range.scss
@@ -0,0 +1,2 @@
+.nut-range {
+}
diff --git a/src/packages/range/range.tsx b/src/packages/range/range.tsx
new file mode 100644
index 0000000..47a5ba3
--- /dev/null
+++ b/src/packages/range/range.tsx
@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react'
+import './range.scss'
+
+export interface RangeProps {}
+const defaultProps = {} as RangeProps
+export const Range: FunctionComponent<Partial<RangeProps> & React.HTMLAttributes<HTMLDivElement>> =
+  (props) => {
+    const { children } = { ...defaultProps, ...props }
+    return <div className="nut-range">Range</div>
+  }
+
+Range.defaultProps = defaultProps
+Range.displayName = 'NutRange'
-- 
GitLab