@uiw/doc/web/static/js/3966.231a5751.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3966],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,r)=>{"use strict";r.d(t,{Z:()=>v});var n=r(8573),a=r(6320),l=r(8563),u=r(7622),o=r(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=r(4760);function f(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,r=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",r&&(0,c.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const d=a.ZP.Preview,_=a.ZP.Code,m=a.ZP.Toolbar,s=e=>{var t,r;let{node:u,components:o,data:i,...f}=e;const s=(0,n.useRef)(null),{headings:v,headingsList:p,...R}=f;(0,n.useEffect)((()=>{if(s.current){const e=s.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(s.current,e)}}),[s]);const y=null===u||void 0===u||null===(t=u.position)||void 0===t?void 0:t.start.line,b=null===u||void 0===u||null===(r=u.data)||void 0===r?void 0:r.meta,E=(0,l.Mx)(b)||String(y),h=o["".concat(E)];if(E&&"function"===typeof h){const e=i[E].value||"",t=(0,l.aE)(b||"");return(0,c.jsxs)(a.ZP,{ref:s,children:[(0,c.jsx)(d,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(h,{})}),(0,c.jsx)(m,{text:e,children:t.title||"Example"}),(0,c.jsx)(_,{children:(0,c.jsx)("pre",{...R})})]})}return(0,c.jsx)("code",{...R})};function v(e){return(0,c.jsxs)(n.Fragment,{children:[(0,c.jsx)(u.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(s,{...e,...t})}}),(0,c.jsx)(f,{path:e.path})]})}},2133:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>u});const n={components:{21:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",null,t.default.createElement(n.Rate,{value:3}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{allowHalf:!0,character:t.default.createElement(n.Icon,{type:"star-on"}),value:2.5}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{color:"#393E48",character:"\u2606",value:4}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{color:"#28a745",character:t.default.createElement(n.Icon,{type:"heart-on"}),value:3}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{color:"#dc3545",character:"\u273f",value:4}))}}(),46:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===a(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}return function(){return t.default.createElement("div",null,t.default.createElement(n.Form,{resetOnSubmit:!1,onSubmitError:function(e){return e.filed?function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t=e.current,r={};if(t.rate<2&&(r.rate="\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01"),Object.keys(r).length>0){var a=new Error;throw a.filed=r,n.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}n.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(t.rate,"\uff01")})},fields:{rate:{initialValue:3,children:t.default.createElement(n.Rate,{style:{fontSize:14},character:t.default.createElement(n.Icon,{type:"star-on"})})}}},(function(e){var r=e.fields,a=e.state,l=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(n.Row,null,t.default.createElement(n.Col,{fixed:!0},r.rate)),t.default.createElement(n.Row,null,t.default.createElement(n.Col,{fixed:!0},t.default.createElement(n.Button,{size:"small",disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(n.Row,null,t.default.createElement(n.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(a.current,null,2)))))})))}}(),113:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,u,o=[],i=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=l.call(r)).done)&&(o.push(n.value),o.length!==t);i=!0);}catch(e){c=!0,a=e}finally{try{if(!i&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(c)throw a}}return o}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}return function(){var e=a(t.default.useState(4),2),r=e[0],l=e[1];return t.default.createElement("div",null,t.default.createElement(n.Rate,{readOnly:!0,value:r,character:t.default.createElement(n.Icon,{type:"star-on"})}),t.default.createElement(n.Divider,null),t.default.createElement(n.RadioGroup,{value:r,onChange:function(e){l(e.target.value)}},t.default.createElement(n.Radio,{value:"0"},"\u9009\u62e9 0 \u661f"),t.default.createElement(n.Radio,{value:"1"},"\u9009\u62e9 1 \u661f"),t.default.createElement(n.Radio,{value:"2"},"\u9009\u62e9 2 \u661f"),t.default.createElement(n.Radio,{value:"3"},"\u9009\u62e9 3 \u661f")))}}(),140:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",null,t.default.createElement(n.Rate,{readOnly:!0,value:3}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{readOnly:!0,character:"\u2606",value:4}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{readOnly:!0,character:t.default.createElement(n.Icon,{type:"heart-on"}),value:3.5}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{readOnly:!0,character:"\u273f",value:4}))}}(),163:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",null,t.default.createElement(n.Rate,{character:"\u7f8e",value:4}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{color:"#d80000",character:"\u597d",value:3}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{character:"\u4f20",value:4}))}}(),182:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",null,t.default.createElement(n.Rate,{allowHalf:!0,character:t.default.createElement(n.Icon,{type:"heart-on"}),value:3.3}),t.default.createElement(n.Divider,null),t.default.createElement(n.Rate,{allowHalf:!0,color:"#d80000",character:t.default.createElement(n.Icon,{type:"heart-on"}),value:4.3}))}}(),199:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",null,t.default.createElement(n.Rate,{style:{fontSize:34},character:t.default.createElement(n.Icon,{type:"heart-on"}),value:3}))}}()},data:{21:{name:21,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    value: 3\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    allowHalf: true,\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "star-on"\n    }),\n    value: 2.5\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    color: "#393E48",\n    character: "\\u2606",\n    value: 4\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    color: "#28a745",\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on"\n    }),\n    value: 3\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    color: "#dc3545",\n    character: "\\u273F",\n    value: 4\n  }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate value={3} />\n      <Divider />\n      <Rate allowHalf character={<Icon type="star-on" />} value={2.5} />\n      <Divider />\n      <Rate color="#393E48" character="\u2606" value={4} />\n      <Divider />\n      <Rate color="#28a745" character={<Icon type="heart-on" />} value={3} />\n      <Divider />\n      <Rate color="#dc3545" character="\u273f" value={4} />\n    </div>\n  )\n}'},46:{name:46,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    resetOnSubmit: false,\n    onSubmitError: function onSubmitError(error) {\n      if (error.filed) {\n        return _objectSpread({}, error.filed);\n      }\n      return null;\n    },\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n        current = _ref.current;\n      var errorObj = {};\n      if (current.rate < 2) {\n        errorObj.rate = \'\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01\';\n      }\n      if (Object.keys(errorObj).length > 0) {\n        var err = new Error();\n        err.filed = errorObj;\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n        });\n        throw err;\n      }\n      _uiw.Notify.success({\n        title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n        description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.rate, "\\uFF01")\n      });\n    },\n    fields: {\n      rate: {\n        initialValue: 3,\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n          style: {\n            fontSize: 14\n          },\n          character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n            type: "star-on"\n          })\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n      state = _ref2.state,\n      canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, fields.rate)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: 10,\n        marginTop: 10\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n};',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Icon, Rate, Button, Notify } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Form\n        resetOnSubmit={false}\n        onSubmitError={(error) => {\n          if (error.filed) {\n            return { ...error.filed };\n          }\n          return null;\n        }}\n        onSubmit={({initial, current}) => {\n          const errorObj = {};\n          if (current.rate < 2) {\n            errorObj.rate = '\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01';\n          }\n          if(Object.keys(errorObj).length > 0) {\n            const err = new Error();\n            err.filed = errorObj;\n            Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n            throw err;\n          }\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.rate}\uff01`,\n          });\n        }}\n        fields={{\n          rate: {\n            initialValue: 3,\n            children: <Rate style={{ fontSize: 14 }} character={<Icon type=\"star-on\" />} />\n          },\n        }}\n      >\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row>\n                <Col fixed>{fields.rate}</Col>\n              </Row>\n              <Row>\n                <Col fixed>\n                  <Button size=\"small\" disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <pre style={{ padding: 10, marginTop: 10 }}>\n                    {JSON.stringify(state.current, null, 2)}\n                  </pre>\n                </Col>\n              </Row>\n            </div>\n          )\n        }}\n      </Form>\n    </div>\n  )\n}"},113:{name:113,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n  var _React$useState = _react["default"].useState(4),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    value = _React$useState2[0],\n    setValue = _React$useState2[1];\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    readOnly: true,\n    value: value,\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "star-on"\n    })\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n    value: value,\n    onChange: function onChange(e) {\n      setValue(e.target.value);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n    value: "0"\n  }, "\\u9009\\u62E9 0 \\u661F"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n    value: "1"\n  }, "\\u9009\\u62E9 1 \\u661F"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n    value: "2"\n  }, "\\u9009\\u62E9 2 \\u661F"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n    value: "3"\n  }, "\\u9009\\u62E9 3 \\u661F")));\n};',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon, RadioGroup, Radio } from \'uiw\';\n\nexport default function Demo() {\n  const [value, setValue] = React.useState(4);\n  return (\n    <div>\n      <Rate readOnly value={value} character={<Icon type="star-on" />} />\n      <Divider />\n      <RadioGroup value={value} onChange={(e) => {\n        setValue(e.target.value);\n      }}>\n        <Radio value="0">\u9009\u62e9 0 \u661f</Radio>\n        <Radio value="1">\u9009\u62e9 1 \u661f</Radio>\n        <Radio value="2">\u9009\u62e9 2 \u661f</Radio>\n        <Radio value="3">\u9009\u62e9 3 \u661f</Radio>\n      </RadioGroup>\n    </div>\n  )\n}'},140:{name:140,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    readOnly: true,\n    value: 3\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    readOnly: true,\n    character: "\\u2606",\n    value: 4\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    readOnly: true,\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on"\n    }),\n    value: 3.5\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    readOnly: true,\n    character: "\\u273F",\n    value: 4\n  }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate readOnly value={3} />\n      <Divider />\n      <Rate readOnly character="\u2606" value={4} />\n      <Divider />\n      <Rate readOnly character={<Icon type="heart-on" />} value={3.5} />\n      <Divider />\n      <Rate readOnly character="\u273f" value={4} />\n    </div>\n  );\n}'},163:{name:163,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    character: "\\u7F8E",\n    value: 4\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    color: "#d80000",\n    character: "\\u597D",\n    value: 3\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    character: "\\u4F20",\n    value: 4\n  }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate character="\u7f8e" value={4} />\n      <Divider />\n      <Rate color="#d80000" character="\u597d" value={3} />\n      <Divider />\n      <Rate character="\u4f20" value={4} />\n    </div>\n  );\n}'},182:{name:182,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    allowHalf: true,\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on"\n    }),\n    value: 3.3\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    allowHalf: true,\n    color: "#d80000",\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on"\n    }),\n    value: 4.3\n  }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate allowHalf character={<Icon type="heart-on" />} value={3.3} />\n      <Divider />\n      <Rate allowHalf color="#d80000" character={<Icon type="heart-on" />} value={4.3} />\n    </div>\n  );\n}'},199:{name:199,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Rate, {\n    style: {\n      fontSize: 34\n    },\n    character: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on"\n    }),\n    value: 3\n  }));\n};',language:"jsx",value:"import React from 'react';\nimport { Rate, Divider, Icon } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate style={{ fontSize: 34 }} character={<Icon type=\"heart-on\" />} value={3} />\n    </div>\n  )\n}"}},source:'Rate \u8bc4\u5206\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-rate/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-rate.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-rate)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-rate.svg?label=@uiw/react-rate)](https://npmjs.com/@uiw/react-rate)\n\n\u8bc4\u5206\u7ec4\u4ef6\n\n```jsx\nimport { Rate } from \'uiw\';\n// or\nimport Rate from \'@uiw/react-rate\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate value={3} />\n      <Divider />\n      <Rate allowHalf character={<Icon type="star-on" />} value={2.5} />\n      <Divider />\n      <Rate color="#393E48" character="\u2606" value={4} />\n      <Divider />\n      <Rate color="#28a745" character={<Icon type="heart-on" />} value={3} />\n      <Divider />\n      <Rate color="#dc3545" character="\u273f" value={4} />\n    </div>\n  )\n}\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Rate />`](#/components/rate) \u7ec4\u4ef6\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Form, Row, Col, Icon, Rate, Button, Notify } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Form\n        resetOnSubmit={false}\n        onSubmitError={(error) => {\n          if (error.filed) {\n            return { ...error.filed };\n          }\n          return null;\n        }}\n        onSubmit={({initial, current}) => {\n          const errorObj = {};\n          if (current.rate < 2) {\n            errorObj.rate = \'\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01\';\n          }\n          if(Object.keys(errorObj).length > 0) {\n            const err = new Error();\n            err.filed = errorObj;\n            Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\' });\n            throw err;\n          }\n          Notify.success({\n            title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n            description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.rate}\uff01`,\n          });\n        }}\n        fields={{\n          rate: {\n            initialValue: 3,\n            children: <Rate style={{ fontSize: 14 }} character={<Icon type="star-on" />} />\n          },\n        }}\n      >\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row>\n                <Col fixed>{fields.rate}</Col>\n              </Row>\n              <Row>\n                <Col fixed>\n                  <Button size="small" disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <pre style={{ padding: 10, marginTop: 10 }}>\n                    {JSON.stringify(state.current, null, 2)}\n                  </pre>\n                </Col>\n              </Row>\n            </div>\n          )\n        }}\n      </Form>\n    </div>\n  )\n}\n```\n\n### \u53d7\u63a7\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider, Icon, RadioGroup, Radio } from \'uiw\';\n\nexport default function Demo() {\n  const [value, setValue] = React.useState(4);\n  return (\n    <div>\n      <Rate readOnly value={value} character={<Icon type="star-on" />} />\n      <Divider />\n      <RadioGroup value={value} onChange={(e) => {\n        setValue(e.target.value);\n      }}>\n        <Radio value="0">\u9009\u62e9 0 \u661f</Radio>\n        <Radio value="1">\u9009\u62e9 1 \u661f</Radio>\n        <Radio value="2">\u9009\u62e9 2 \u661f</Radio>\n        <Radio value="3">\u9009\u62e9 3 \u661f</Radio>\n      </RadioGroup>\n    </div>\n  )\n}\n```\n\n### \u53ea\u8bfb\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate readOnly value={3} />\n      <Divider />\n      <Rate readOnly character="\u2606" value={4} />\n      <Divider />\n      <Rate readOnly character={<Icon type="heart-on" />} value={3.5} />\n      <Divider />\n      <Rate readOnly character="\u273f" value={4} />\n    </div>\n  );\n}\n```\n\n### \u6587\u672c\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate character="\u7f8e" value={4} />\n      <Divider />\n      <Rate color="#d80000" character="\u597d" value={3} />\n      <Divider />\n      <Rate character="\u4f20" value={4} />\n    </div>\n  );\n}\n```\n\n### \u534a\u9009\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate allowHalf character={<Icon type="heart-on" />} value={3.3} />\n      <Divider />\n      <Rate allowHalf color="#d80000" character={<Icon type="heart-on" />} value={4.3} />\n    </div>\n  );\n}\n```\n\n### \u5c3a\u5bf8\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Rate style={{ fontSize: 34 }} character={<Icon type="heart-on" />} value={3} />\n    </div>\n  )\n}\n```\n\n## Rate\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u6839\u636e value \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d | Number | - |\n| count | star \u603b\u6570 | Number | `5` |\n| readOnly | \u53ea\u8bfb\uff0c\u65e0\u6cd5\u8fdb\u884c\u4ea4\u4e92 | Boolean | `false` |\n| allowHalf | \u662f\u5426\u5141\u8bb8\u534a\u9009 | Boolean | `false` |\n| character | \u81ea\u5b9a\u4e49\u5b57\u7b26 | ReactNode | - |\n| color | \u81ea\u5b9a\u4e49 Star \u7684\u989c\u8272 | String | - |\n| className | \u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d | String | - |\n| onChange | \u6570\u503c\u6539\u53d8\u65f6\u7684\u56de\u8c03\uff0c\u8fd4\u56de\u5f53\u524d\u503c | Funtcion(e:Even,value) | - |\n| onHoverChange | \u9f20\u6807\u7ecf\u8fc7\u65f6\u6570\u503c\u53d8\u5316\u7684\u56de\u8c03 | Funtcion(e:Even,value) | - |\n',headings:[],headingsList:[]};var a=r(5301),l=r(4760);function u(){return(0,l.jsx)(a.Z,{...n,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md"})}}}]);
//# sourceMappingURL=3966.231a5751.chunk.js.map