feat: add component

package.json

@@ -53,10 +53,11 @@
     "chalk": "^4.1.0",
     "cross-env": "^7.0.0",
     "css-loader": "^3.4.2",
-    "dumi": "1.1.0-beta.24",
+    "dumi": "^1.1.0-beta.24",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.4.3",
     "eslint": "^7.2.0",
+    "express": "^4.16.4",
     "father-build": "^1.18.1",
     "gh-pages": "^3.1.0",
     "glob": "^7.1.6",
@@ -99,13 +100,12 @@
     "umi-types": "^0.5.11",
     "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "^3.3.12",
+    "webpack-dev-middleware": "^3.5.0",
     "webpack-dev-server": "^3.11.0",
+    "webpack-hot-middleware": "^2.24.3",
     "write-pkg": "^4.0.0",
     "xhr-mock": "^2.5.1",
-    "yorkie": "^2.0.0",
-    "express": "^4.16.4",
-    "webpack-dev-middleware": "^3.5.0",
-    "webpack-hot-middleware": "^2.24.3"
+    "yorkie": "^2.0.0"
   },
   "gitHooks": {
     "pre-commit": "pretty-quick --staged",

packages/Rate/README.md

+# @wisdom-components/Rate
+
+> TODO: description
+
+## Usage
+
+```
+const rate = require('@wisdom-components/Rate');
+
+// TODO: DEMONSTRATE API
+```

packages/Rate/package.json

+{
+  "name": "@wisdom-components/rate",
+  "version": "1.0.0",
+  "description": "@wisdom-components/rate",
+  "author": "tuqian <webtuqian@163.com>",
+  "homepage": "",
+  "license": "ISC",
+  "main": "src/index.js",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "registry": "https://g.civnet.cn:4873/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://g.civnet.cn:8443/ReactWeb5/wisdom-components.git"
+  },
+  "dependencies": {
+    "antd": "^4.7.3",
+    "prop-types": "^15.7.2",
+    "react": "^17.0.1"
+  }
+}

packages/Rate/src/demos/Basic.js

+import React, { useState } from 'react';
+import PandaRate from '../index';
+
+export default () => {
+  const [value, setValue] = useState(5);
+
+  return (
+    <div>
+      <PandaRate
+        // key={value}
+        count={10}
+        value={value}
+        onChange={(v) => {
+          setValue(v);
+        }}
+      />
+    </div>
+  );
+};

packages/Rate/src/index.js

+import React from 'react';
+import PropTypes from 'prop-types';
+import { Rate } from 'antd';
+import { StarFilled } from '@ant-design/icons';
+
+const PandaRate = (props) => {
+  return <Rate {...props} />;
+};
+
+PandaRate.defaultProps = {
+  allowClear: true, // 是否允许再次点击后清除
+  allowHalf: false, // 是否允许半选
+  autoFocus: false, // 自动获取焦点
+  character: <StarFilled />, // 自定义字符
+  className: 'panda-rate', // 自定义样式类名
+  count: 5, // star 总数
+  defaultValue: 0, // 默认值
+  disabled: false, // 只读，无法进行交互
+  style: {}, // 自定义样式对象
+  tooltips: '', // 自定义每项的提示信息
+  value: 0, //	当前数，受控值
+  onBlur: () => {}, // 失去焦点时的回调
+  onChange: (value) => {
+    return value;
+  }, // 选择时的回调
+  onFocus: () => {}, //	获取焦点时的回调
+  onHoverChange: (value) => {
+    return value;
+  }, // 鼠标经过时数值变化的回调
+  onKeyDown: () => {}, // 按键回调
+};
+
+PandaRate.propTypes = {
+  allowClear: PropTypes.bool, // 是否允许再次点击后清除
+  allowHalf: PropTypes.bool, // 是否允许半选
+  autoFocus: PropTypes.bool, // 自动获取焦点
+  character: PropTypes.element, // 自定义字符
+  className: PropTypes.string, // 自定义样式类名
+  count: PropTypes.number, // star 总数
+  defaultValue: PropTypes.number, // 默认值
+  disabled: PropTypes.bool, // 只读，无法进行交互
+  style: PropTypes.object, // 自定义样式对象
+  tooltips: PropTypes.string, // 自定义每项的提示信息
+  value: PropTypes.number, //	当前数，受控值
+  onBlur: PropTypes.func, // 失去焦点时的回调
+  onChange: PropTypes.func, // 选择时的回调
+  onFocus: PropTypes.func, //	获取焦点时的回调
+  onHoverChange: PropTypes.func, // 鼠标经过时数值变化的回调
+  onKeyDown: PropTypes.func, // 按键回调
+};
+
+export default PandaRate;

packages/Rate/src/rate.md

+---
+title: ProRate - 标准评分
+nav:
+  title: 组件
+  path: /components
+group:
+  path: /
+---
+
+# ProRate 标准评分
+
+通用评分组件。
+
+# 何时使用
+
+- 对评价进行展示。
+- 对事物进行快速的评级操作。
+
+# 代码演示
+
+<code src="./demos/Basic.js">