@uiw/doc 5.0.0-bate-1 → 5.0.0-bate-4

package/web/static/js/5852.81680c1d.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5852],{5852:function(e,n,t){t.r(n),n.default={components:{20:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Rate,{value:3}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{allowHalf:!0,character:n.default.createElement(r.Icon,{type:"star-on"}),value:2.5}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{color:"#393E48",character:"\u2606",value:4}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{color:"#28a745",character:n.default.createElement(r.Icon,{type:"heart-on"}),value:3}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{color:"#dc3545",character:"\u273f",value:4}))}}(),45:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{resetOnSubmit:!1,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,t={};if(n.rate<2&&(t.rate="\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01"),Object.keys(t).length>0){var a=new Error;throw a.filed=t,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.rate,"\uff01")})},fields:{rate:{initialValue:3,children:n.default.createElement(r.Rate,{style:{fontSize:14},character:n.default.createElement(r.Icon,{type:"star-on"})})}}},(function(e){var t=e.fields,a=e.state,u=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.rate)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{size:"small",disabled:!u(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(a.current,null,2)))))})))}}(),111:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,a,u=[],l=!0,o=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(u.push(r.value),!n||u.length!==n);l=!0);}catch(i){o=!0,a=i}finally{try{l||null==t.return||t.return()}finally{if(o)throw a}}return u}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,n)}(e,n)||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 u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=a(n.default.useState(4),2),t=e[0],u=e[1];return n.default.createElement("div",null,n.default.createElement(r.Rate,{readOnly:!0,value:t,character:n.default.createElement(r.Icon,{type:"star-on"})}),n.default.createElement(r.Divider,null),n.default.createElement(r.RadioGroup,{value:t,onChange:function(e){u(e.target.value)}},n.default.createElement(r.Radio,{value:"0"},"\u9009\u62e9 0 \u661f"),n.default.createElement(r.Radio,{value:"1"},"\u9009\u62e9 1 \u661f"),n.default.createElement(r.Radio,{value:"2"},"\u9009\u62e9 2 \u661f"),n.default.createElement(r.Radio,{value:"3"},"\u9009\u62e9 3 \u661f")))}}(),140:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Rate,{readOnly:!0,value:3}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{readOnly:!0,character:"\u2606",value:4}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{readOnly:!0,character:n.default.createElement(r.Icon,{type:"heart-on"}),value:3.5}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{readOnly:!0,character:"\u273f",value:4}))}}(),163:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Rate,{character:"\u7f8e",value:4}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{color:"#d80000",character:"\u597d",value:3}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{character:"\u4f20",value:4}))}}(),182:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Rate,{allowHalf:!0,character:n.default.createElement(r.Icon,{type:"heart-on"}),value:3.3}),n.default.createElement(r.Divider,null),n.default.createElement(r.Rate,{allowHalf:!0,color:"#d80000",character:n.default.createElement(r.Icon,{type:"heart-on"}),value:4.3}))}}(),199:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Rate,{style:{fontSize:34},character:n.default.createElement(r.Icon,{type:"heart-on"}),value:3}))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = 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};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo'},45:{name:45,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = 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\n      return null;\n    },\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      var errorObj = {};\n\n      if (current.rate < 2) {\n        errorObj.rate = \'\u8bc4\u5206\u4f4e\u4e8e 2 \u62d2\u7edd\u63d0\u4ea4\u8bc4\u5206\uff01\';\n      }\n\n      if (Object.keys(errorObj).length > 0) {\n        var err = new Error();\n        err.filed = errorObj;\n\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\n        throw err;\n      }\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};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Icon, Rate, Button, Notify } from 'uiw';\n\nconst Demo = () => (\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)\nexport default Demo"},111:{name:111,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\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."); }\n\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); }\n\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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = 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\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};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon, RadioGroup, Radio } from \'uiw\';\n\nconst 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\nexport default Demo'},140:{name:140,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = 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};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo'},163:{name:163,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = 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};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo'},182:{name:182,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = 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};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo'},199:{name:199,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = 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};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Rate, Divider, Icon } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Rate style={{ fontSize: 34 }} character={<Icon type=\"heart-on\" />} value={3} />\n  </div>\n)\n\nexport default Demo"}},source:'Rate \u8bc4\u5206\n===\n\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&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo\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&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Form, Row, Col, Icon, Rate, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\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)\nexport default Demo\n```\n\n### \u53d7\u63a7\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider, Icon, RadioGroup, Radio } from \'uiw\';\n\nconst 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\nexport default Demo\n```\n\n### \u53ea\u8bfb\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo\n```\n\n### \u6587\u672c\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo\n```\n\n### \u534a\u9009\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\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\nexport default Demo\n```\n\n### \u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Rate, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Rate style={{ fontSize: 34 }} character={<Icon type="heart-on" />} value={3} />\n  </div>\n)\n\nexport default Demo\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'}}}]);
-//# sourceMappingURL=5852.81680c1d.chunk.js.map

package/web/static/js/5900.7e8b1c1c.chunk.js

@@ -1,2 +0,0 @@
-(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5900],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),u=n(2029),l=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,l.useRef)(null),v=[];if(n){var x={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};v.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},x),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};v.push((0,p.jsx)(u.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(l.Fragment,{children:v})}))}var v=n(2814),x=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,x.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(l.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,u=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(v.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),l=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n||!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},l));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),v=a.components["".concat(h)],x=(0,w.aE)(s);if(h&&"function"===typeof v){var g=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:x.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:x.codePen,codeSandbox:x.codeSandbox,disableCheckered:!!x.disableCheckered,background:x.background,version:u,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},l))}),text:g,children:(0,p.jsx)(v,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],u=d(),l=(0,c.useState)(!1),p=(0,i.Z)(l,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(u);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[u]),{mdData:s,loading:f}}},9702:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(1092),o=n(7791),i=(n(8133),n(2814)),c=n(270),s=n(9265);function a(){return(0,s.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-menu/README.md",dependencies:{Menu:i.Menu,MenuItem:i.MenuItem,MenuDivider:i.MenuDivider,Drawer:i.Drawer,SubMenu:i.SubMenu,Row:i.Row,Col:i.Col,Switch:i.Switch,Icon:i.Icon,Popover:i.Popover,Button:i.Button},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(7096).then(n.bind(n,7096));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
-//# sourceMappingURL=5900.7e8b1c1c.chunk.js.map

package/web/static/js/597.33a99fc0.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[597],{597:function(n,t,e){e.r(t),t.default={components:{18:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.open({title:"\u6253\u5f00\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002"})}},"\u6253\u5f00\u901a\u77e5"),t.default.createElement(o.Button,{type:"success",onClick:function(){o.Notify.success({title:"\u6210\u529f\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u6210\u529f\u901a\u77e5"),t.default.createElement(o.Button,{type:"warning",onClick:function(){o.Notify.warning({title:"\u8b66\u544a\u901a\u77e5",description:"\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u8b66\u544a\u901a\u77e5"),t.default.createElement(o.Button,{type:"primary",onClick:function(){o.Notify.info({title:"\u8bf4\u660e\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u8bf4\u660e\u901a\u77e5"),t.default.createElement(o.Button,{type:"danger",onClick:function(){o.Notify.error({title:"\u9519\u8bef\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u9519\u8bef\u901a\u77e5"))}}(),76:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topLeft",title:"\u6210\u529f\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002",onClose:function(){console.log("~~~~>")}})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.info({placement:"bottomLeft",title:"\u8bf4\u660e\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",title:"\u9519\u8bef\u901a\u77e5",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"))}}(),126:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",duration:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}(),153:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",duration:null,description:"\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.info({placement:"bottomLeft",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"))}}(),193:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.warning({placement:"topRight",duration:null,title:"\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}(),219:function(){var n,t=(n=e(8133))&&n.__esModule?n:{default:n},o=e(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Button,{onClick:function(){o.Notify.error({placement:"bottomRight",icon:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2198\u4e0b\u53f3\u901a\u77e5"),t.default.createElement(o.Button,{onClick:function(){o.Notify.success({placement:"topRight",title:"\u8b66\u544a\u901a\u77e5",icon:null,duration:null,description:"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"})}},"\u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5"))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.open({\n        title: \'\u6253\u5f00\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002\'\n      });\n    }\n  }, "\\u6253\\u5F00\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "success",\n    onClick: function onClick() {\n      _uiw.Notify.success({\n        title: \'\u6210\u529f\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u6210\\u529F\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "warning",\n    onClick: function onClick() {\n      _uiw.Notify.warning({\n        title: \'\u8b66\u544a\u901a\u77e5\',\n        description: \'\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u8B66\\u544A\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    onClick: function onClick() {\n      _uiw.Notify.info({\n        title: \'\u8bf4\u660e\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u8BF4\\u660E\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "danger",\n    onClick: function onClick() {\n      _uiw.Notify.error({\n        title: \'\u9519\u8bef\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u9519\\u8BEF\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.open({ title: '\u6253\u5f00\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002' });\n        }}\n      >\n        \u6253\u5f00\u901a\u77e5\n      </Button>\n      <Button\n        type=\"success\"\n        onClick={() => {\n          Notify.success({ title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u6210\u529f\u901a\u77e5\n      </Button>\n      <Button\n        type=\"warning\"\n        onClick={() => {\n          Notify.warning({\n            title: '\u8b66\u544a\u901a\u77e5',\n            description: '\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n          });\n        }}\n      >\n        \u8b66\u544a\u901a\u77e5\n      </Button>\n      <Button\n        type=\"primary\"\n        onClick={() => {\n          Notify.info({ title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u8bf4\u660e\u901a\u77e5\n      </Button>\n      <Button\n        type=\"danger\"\n        onClick={() => {\n          Notify.error({ title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u9519\u8bef\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"},76:{name:76,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.success({\n        placement: \'topLeft\',\n        title: \'\u6210\u529f\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2196\\u4E0A\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.warning({\n        placement: \'topRight\',\n        title: \'\u8b66\u544a\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\',\n        onClose: function onClose() {\n          console.log(\'~~~~>\');\n        }\n      });\n    }\n  }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.info({\n        placement: \'bottomLeft\',\n        title: \'\u8bf4\u660e\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.error({\n        placement: \'bottomRight\',\n        title: \'\u9519\u8bef\u901a\u77e5\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.success({ placement: 'topLeft', title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002',\n            onClose: () => {\n              console.log('~~~~>')\n            }\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.info({ placement: 'bottomLeft', title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"},126:{name:126,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.success({\n        placement: \'topRight\',\n        title: \'\u8b66\u544a\u901a\u77e5\',\n        duration: null,\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002\'\n      });\n    }\n  }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.success({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            duration: null,\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002'\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"},153:{name:153,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.warning({\n        placement: \'topRight\',\n        duration: null,\n        description: \'\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.info({\n        placement: \'bottomLeft\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2199\\u4E0B\\u5DE6\\u5F39\\u51FA\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.error({\n        placement: \'bottomRight\',\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            duration: null,\n            description: '\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002',\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.info({ placement: 'bottomLeft', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"},193:{name:193,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.warning({\n        placement: \'topRight\',\n        duration: null,\n        title: \'\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            duration: null,\n            title: '\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002',\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"},219:{name:219,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.error({\n        placement: \'bottomRight\',\n        icon: null,\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2198\\u4E0B\\u53F3\\u901A\\u77E5"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    onClick: function onClick() {\n      _uiw.Notify.success({\n        placement: \'topRight\',\n        title: \'\u8b66\u544a\u901a\u77e5\',\n        icon: null,\n        duration: null,\n        description: \'\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\'\n      });\n    }\n  }, "\\u2197\\u4E0A\\u53F3\\u5F39\\u51FA\\u901A\\u77E5"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', icon: null, description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.success({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            icon: null,\n            duration: null,\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo"}},source:"Notify \u6d88\u606f\u901a\u77e5\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-notify/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-notify.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-notify)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-notify.svg?label=@uiw/react-notify)](https://npmjs.com/@uiw/react-notify)\n\n\u5168\u5c40\u5c55\u793a\u901a\u77e5\u63d0\u9192\u4fe1\u606f\u3002\n\n```jsx\nimport { Notify } from 'uiw';\n// or\nimport Notify from '@uiw/react-notify';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.open({ title: '\u6253\u5f00\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u6ca1\u6709\u72b6\u6001\u989c\u8272\u56fe\u6807\u3002' });\n        }}\n      >\n        \u6253\u5f00\u901a\u77e5\n      </Button>\n      <Button\n        type=\"success\"\n        onClick={() => {\n          Notify.success({ title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u6210\u529f\u901a\u77e5\n      </Button>\n      <Button\n        type=\"warning\"\n        onClick={() => {\n          Notify.warning({\n            title: '\u8b66\u544a\u901a\u77e5',\n            description: '\u8fd9\u662f\u4e00\u4e2a\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n          });\n        }}\n      >\n        \u8b66\u544a\u901a\u77e5\n      </Button>\n      <Button\n        type=\"primary\"\n        onClick={() => {\n          Notify.info({ title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u8bf4\u660e\u901a\u77e5\n      </Button>\n      <Button\n        type=\"danger\"\n        onClick={() => {\n          Notify.error({ title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u9519\u8bef\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.success({ placement: 'topLeft', title: '\u6210\u529f\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2196\u4e0a\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002',\n            onClose: () => {\n              console.log('~~~~>')\n            }\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.info({ placement: 'bottomLeft', title: '\u8bf4\u660e\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', title: '\u9519\u8bef\u901a\u77e5', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.success({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            duration: null,\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5f39\u51fa\u901a\u77e5\u4e0d\u6d88\u5931\u3002'\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u6807\u9898\u4e0d\u5c55\u793a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            duration: null,\n            description: '\u6807\u9898\u4e0d\u5c55\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5173\u95ed\u6309\u94ae\u5173\u95ed\u3002',\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.info({ placement: 'bottomLeft', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2199\u4e0b\u5de6\u5f39\u51fa\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u53ea\u5c55\u793a\u6807\u9898\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.warning({\n            placement: 'topRight',\n            duration: null,\n            title: '\u8b66\u544a\u901a\u77e5\uff0c\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u53ea\u5c55\u793a\u6807\u9898\uff0c\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u3002',\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u4e0d\u5c55\u793a\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Button, Notify } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          Notify.error({ placement: 'bottomRight', icon: null, description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002' });\n        }}\n      >\n        \u2198\u4e0b\u53f3\u901a\u77e5\n      </Button>\n      <Button\n        onClick={() => {\n          Notify.success({\n            placement: 'topRight',\n            title: '\u8b66\u544a\u901a\u77e5',\n            icon: null,\n            duration: null,\n            description: '\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002'\n          });\n        }}\n      >\n        \u2197\u4e0a\u53f3\u5f39\u51fa\u901a\u77e5\n      </Button>\n    </div>\n  );\n}\nexport default Demo\n```\n\n## Notify\n\n```js\nNotify.open(config);\nNotify.success(config);\nNotify.warning(config);\nNotify.info(config);\nNotify.error(config);\n```\n\n\u53c2\u6570 `config` \u5982\u4e0b\uff1a\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| title | \u901a\u77e5\u63d0\u9192\u6807\u9898\uff0c\u5fc5\u9009 | String/ReactNode | ReactNode |\n| icon | \u8bbe\u7f6e\u4e3a `false` \u5c06\u4e0d\u663e\u793a\u56fe\u6807 | String/ReactNode | ReactNode |\n| description | \u901a\u77e5\u63d0\u9192\u5185\u5bb9\uff0c\u5fc5\u9009 | String/ReactNode | ReactNode |\n| duration | \u9ed8\u8ba4 `4.5` \u79d2\u540e\u81ea\u52a8\u5173\u95ed\uff0c\u914d\u7f6e\u4e3a `null` \u5219\u4e0d\u81ea\u52a8\u5173\u95ed | Number | `4.5` |\n| placement | \u5f39\u51fa\u4f4d\u7f6e\uff0c\u53ef\u9009 | Enum{`topLeft`, `topRight`, `bottomLeft`, `bottomRight`} | `topRight` |\n| onClose | \u5f53\u63d0\u9192\u5173\u95ed\u65f6\u7684\u56de\u8c03\u51fd\u6570 | Function | none |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Alert>`](#/components/alert)\u3002\n"}}}]);
-//# sourceMappingURL=597.33a99fc0.chunk.js.map

package/web/static/js/6146.02595d77.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6146],{6146:function(e,t,n){n.r(t),t.default={components:{18:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,null,"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),50:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{disabled:!0,title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Tag,{disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{disabled:!0},"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),80:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),color:"#28a745"}),t.default.createElement(r.Tag,{color:"#1C7CEB"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u9650\u8d2d\u4e00\u4efd"),t.default.createElement(r.Tag,{color:"red"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u80f6\u56ca"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}(),104:function(){function e(t){return e="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},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}var f=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(f,e);var t,n,c,s=u(f);function f(e){var t;return a(this,f),(t=s.call(this,e)).state={visible:!0,visible1:!0},t}return t=f,n=[{key:"onClose",value:function(e){this.setState(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,!this.state[e]))}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Tag,{closable:!0,onClose:this.onClose.bind(this,"visible"),visible:this.state.visible,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),r.default.createElement(o.Tag,{closable:!0,light:!0,visible:this.state.visible1,color:"#dc3545",onClose:this.onClose.bind(this,"visible1")},r.default.createElement(o.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}],n&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),147:function(){function e(t){return e="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},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}var f=3;return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(d,e);var t,n,c,s=u(d);function d(e){var t;return a(this,d),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#28a745"},{label:"\u82f9\u679c",value:2,color:"#F95C2B"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"}]},t}return t=d,(n=[{key:"onClose",value:function(e){var t=this.state.dataTags.filter((function(t){return t.value!==e.value}));this.setState({dataTags:t})}},{key:"addTag",value:function(){var e=this.state.dataTags;f+=1,e.push({label:"\u6a58\u5b50".concat(f),value:f,color:"#28a745"}),this.setState({dataTags:e})}},{key:"render",value:function(){var e=this,t=this.state.dataTags;return r.default.createElement("div",null,t.map((function(t,n){return r.default.createElement(o.Tag,{key:n,closable:!0,onClose:e.onClose.bind(e,t),visible:e.state.visible,color:t.color},t.label)})),r.default.createElement(o.Button,{style:{marginLeft:5,minHeight:20,padding:0},size:"small",onClick:this.addTag.bind(this)}," ",r.default.createElement(o.Icon,{type:"plus"})," "))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}(),203:function(){function e(t){return e="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},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(f,e);var t,n,c,s=u(f);function f(e){var t;return a(this,f),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#008EF0"},{label:"\u82f9\u679c",value:2,color:"#008EF0"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"},{label:"\u5ddd\u83dc",value:4,color:"#008EF0"}],values:[1,2,3]},t}return t=f,(n=[{key:"onTagChecked",value:function(e){var t=this.state.values;-1===t.indexOf(e.value)?t.push(e.value):t=t.filter((function(t){return t!==e.value})),this.setState({values:t})}},{key:"render",value:function(){var e=this,t=this.state,n=t.dataTags,a=t.values;return r.default.createElement("div",null,n.map((function(t,n){var l=-1===a.indexOf(t.value);return r.default.createElement(o.Tag,{onClick:e.onTagChecked.bind(e,t),key:n,light:l,bordered:!1,color:"#008EF0"},t.label)})))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}(),257:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814),o=["label"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||f(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(u){i=!0,o=u}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}(e,t)||f(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 f(e,t){if(e){if("string"===typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){var n=e.placeholder,f=e.onChange,d=s(t.default.useState([]),2),p=d[0],_=d[1],b=s(t.default.useState(c(e.value)),2),g=b[0],m=b[1],v=s(t.default.useState(!1),2),y=v[0],h=v[1],E=s(t.default.useState(c(e.option)),2),T=E[0],C=E[1];function w(e,t){var n=c(g),r=c(p);n.includes(e)?(n=n.filter((function(t){return e!==t})),r=p.filter((function(e){return t.value!==e.value}))):(n.push(e),r.push(t)),m(n),_(p),f&&f(n)}function O(e){var t=T.filter((function(t){return t.label.indexOf(e.target.value)>-1}));C(t)}return t.default.useEffect((function(){var t=e.value.map((function(e){return T.find((function(t){return e===t.value}))})).filter((function(e){return!!e}));t!==p&&_(t),g!==e.value&&m(e.value)}),[e.value]),t.default.useEffect((function(){g!==e.option&&C(e.option)}),[e.option]),t.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return h(e)},isOpen:y,menu:t.default.createElement(r.Menu,{bordered:!0,style:{minWidth:220,height:210,overflow:"auto"}},t.default.createElement(r.Menu.Divider,{title:t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",onChange:function(e){return O(e)}})}),T.map((function(e,n){var o=g.includes(e.value);return t.default.createElement(r.Menu.Item,{key:n,text:t.default.createElement(r.Row,{gutter:10,justify:"space-between"},t.default.createElement(r.Col,null,t.default.createElement("span",{style:{verticalAlign:"middle"}},e.label)),t.default.createElement(r.Col,{fixed:!0},o&&t.default.createElement(r.Checkbox,{checked:o,onChange:function(e){return O(e)}}))),onClick:function(){w(e.value,e)}})})))},t.default.createElement("div",{style:{minWidth:120,maxWidth:320,padding:5,border:"1px solid #c7c8ca",borderRadius:3}},0===p.length&&t.default.createElement("span",{style:{lineHeight:"23px",padding:"0 4px"}},n),p.map((function(e,n){var c=e.label,s=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({style:{margin:2},onClose:function(t){t.stopPropagation(),w(e.value,e)},key:n},u(e,o));return t.default.createElement(r.Tag,a({light:!0,closable:!0},s),c)}))))}var _=[{label:"\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e",value:1},{label:"\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af",value:2},{label:"\u4e09\u4e9a\u5e02, \u4e2d\u56fd",value:3,color:"#dc3545"},{label:"\u6210\u90fd\u5e02, \u4e2d\u56fd",value:4,color:"#dc3545"},{label:"\u5e03\u62c9\u683c, \u6377\u514b",value:5},{label:"\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b",value:6},{label:"LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd",value:7},{label:"\u9ec4\u5188\u5e02, \u4e2d\u56fd",value:8,color:"#dc3545"}];return function(){return t.default.createElement("div",null,t.default.createElement(p,{placeholder:"\u9009\u62e9\u57ce\u5e02",option:_,value:[2,8],onChange:function(e){console.log("item",e)}}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    title: "\\u6210\\u529F-\\u7EFF\\u8272",\n    color: "#28a745"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n    color: "#008EF0"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    title: "\\u4FE1\\u606F-\\u9752\\u8272",\n    color: "#1EABCD"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n    color: "#393E48"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    color: "#ffc107"\n  }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    color: "#F95C2B"\n  }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    color: "#dc3545"\n  }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, null, "\\u9ED8\\u8BA4\\u989C\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#28a745"\n  }, "\\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#008EF0"\n  }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#1EABCD"\n  }, "\\u4FE1\\u606F-\\u9752\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#393E48"\n  }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#ffc107"\n  }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#F95C2B"\n  }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#dc3545"\n  }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true\n  }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n    <Tag title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n    <Tag title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n    <Tag title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n    <Divider />\n    <Tag color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag>\u9ed8\u8ba4\u989c\u8272</Tag>\n    <Divider />\n    <Tag light color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n    <Tag light color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n    <Divider />\n    <Tag light color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag light color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag light color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag light>\u9ed8\u8ba4\u989c\u8272</Tag>\n  </div>\n)\nexport default Demo'},50:{name:50,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    title: "\\u6210\\u529F-\\u7EFF\\u8272",\n    color: "#28a745"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n    color: "#008EF0"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    title: "\\u4FE1\\u606F-\\u9752\\u8272",\n    color: "#1EABCD"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n    color: "#393E48"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    color: "#ffc107"\n  }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    color: "#F95C2B"\n  }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true,\n    color: "#dc3545"\n  }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    disabled: true\n  }, "\\u9ED8\\u8BA4\\u989C\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#28a745"\n  }, "\\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#008EF0"\n  }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#1EABCD"\n  }, "\\u4FE1\\u606F-\\u9752\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#393E48"\n  }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#ffc107"\n  }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#F95C2B"\n  }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true,\n    color: "#dc3545"\n  }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    disabled: true\n  }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag disabled title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n    <Tag disabled title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n    <Tag disabled title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n    <Tag disabled title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n    <Tag disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n    <Divider />\n    <Tag light disabled color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light disabled color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light disabled color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n    <Tag light disabled color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n    <Tag light disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag light disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag light disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag light disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n  </div>\n)\nexport default Demo'},80:{name:80,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "heart-on",\n      verticalAlign: "baseline"\n    }), " \\u6210\\u529F-\\u7EFF\\u8272"),\n    color: "#28a745"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    color: "#1C7CEB"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "heart-on",\n    verticalAlign: "baseline"\n  }), " \\u9650\\u8D2D\\u4E00\\u4EFD"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    color: "red"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "heart-on",\n    verticalAlign: "baseline"\n  }), " \\u80F6\\u56CA"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#28a745"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "heart-on",\n    verticalAlign: "baseline"\n  }), " \\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#008EF0"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "heart-on",\n    verticalAlign: "baseline"\n  }), " \\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n    light: true,\n    color: "#dc3545"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "heart-on",\n    verticalAlign: "baseline"\n  }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag title={(\n      <>\n        <Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272\n      </>\n    )} color="#28a745" />\n    <Tag color="#1C7CEB"><Icon type="heart-on" verticalAlign="baseline" /> \u9650\u8d2d\u4e00\u4efd</Tag>\n    <Tag color="red"><Icon type="heart-on" verticalAlign="baseline" /> \u80f6\u56ca</Tag>\n    <Divider />\n    <Tag light color="#28a745"><Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light color="#008EF0"><Icon type="heart-on" verticalAlign="baseline" /> \u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light color="#dc3545"><Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272</Tag>\n  </div>\n)\nexport default Demo'},104:{name:104,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      visible: true,\n      visible1: true\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClose",\n    value: function onClose(type) {\n      this.setState(_defineProperty({}, type, !this.state[type]));\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n        closable: true,\n        onClose: this.onClose.bind(this, \'visible\'),\n        visible: this.state.visible,\n        color: "#F95C2B"\n      }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n        closable: true,\n        light: true,\n        visible: this.state.visible1,\n        color: "#dc3545",\n        onClose: this.onClose.bind(this, \'visible1\')\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "heart-on",\n        verticalAlign: "baseline"\n      }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag, Icon } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      visible: true,\n      visible1: true,\n    }\n  }\n  onClose(type) {\n    this.setState({\n      [type]: !this.state[type],\n    });\n  }\n  render() { \n    return (\n      <div>\n        <Tag\n          closable\n          onClose={this.onClose.bind(this, 'visible')}\n          visible={this.state.visible}\n          color=\"#F95C2B\">\u63d0\u9192-\u6a59\u8272</Tag>\n        <Tag\n          closable\n          light\n          visible={this.state.visible1}\n          color=\"#dc3545\"\n          onClose={this.onClose.bind(this, 'visible1')}\n        >\n            <Icon type=\"heart-on\" verticalAlign=\"baseline\" /> \u4fe1\u606f-\u7ea2\u8272\n        </Tag>\n      </div>\n    );\n  }\n}\nexport default Demo"},147:{name:147,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar num = 3;\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      dataTags: [{\n        label: \'\u6a58\u5b50\',\n        value: 1,\n        color: \'#28a745\'\n      }, {\n        label: \'\u82f9\u679c\',\n        value: 2,\n        color: \'#F95C2B\'\n      }, {\n        label: \'\u6a58\u5b50\',\n        value: 3,\n        color: \'#008EF0\'\n      }]\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClose",\n    value: function onClose(data) {\n      var dataTags = this.state.dataTags.filter(function (item) {\n        return item.value !== data.value;\n      });\n      this.setState({\n        dataTags: dataTags\n      });\n    }\n  }, {\n    key: "addTag",\n    value: function addTag() {\n      var dataTags = this.state.dataTags;\n      num += 1;\n      dataTags.push({\n        label: "\\u6A58\\u5B50".concat(num),\n        value: num,\n        color: \'#28a745\'\n      });\n      this.setState({\n        dataTags: dataTags\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      var dataTags = this.state.dataTags;\n      return /*#__PURE__*/_react["default"].createElement("div", null, dataTags.map(function (item, idx) {\n        return /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n          key: idx,\n          closable: true,\n          onClose: _this2.onClose.bind(_this2, item),\n          visible: _this2.state.visible,\n          color: item.color\n        }, item.label);\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        style: {\n          marginLeft: 5,\n          minHeight: 20,\n          padding: 0\n        },\n        size: "small",\n        onClick: this.addTag.bind(this)\n      }, " ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "plus"\n      }), " "));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag, Button, Icon } from 'uiw';\n\nlet num = 3;\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dataTags: [\n        { label: '\u6a58\u5b50', value: 1, color: '#28a745' },\n        { label: '\u82f9\u679c', value: 2, color: '#F95C2B' },\n        { label: '\u6a58\u5b50', value: 3, color: '#008EF0' },\n      ]\n    }\n  }\n  onClose(data) {\n    const dataTags = this.state.dataTags.filter(item => item.value !== data.value);\n    this.setState({ dataTags });\n  }\n  addTag() {\n    const { dataTags } = this.state;\n    num += 1;\n    dataTags.push({\n      label: `\u6a58\u5b50${num}`, value: num, color: '#28a745'\n    });\n    this.setState({ dataTags });\n  }\n  render() { \n    const { dataTags } = this.state;\n    return (\n      <div>\n        {dataTags.map((item, idx) => {\n          return (\n            <Tag\n              key={idx}\n              closable\n              onClose={this.onClose.bind(this, item)}\n              visible={this.state.visible}\n              color={item.color}>\n              {item.label}\n            </Tag>\n          )\n        })}\n        <Button style={{ marginLeft: 5, minHeight: 20, padding: 0 }} size=\"small\" onClick={this.addTag.bind(this)}> <Icon type=\"plus\" /> </Button>\n      </div>\n    );\n  }\n}\nexport default Demo"},203:{name:203,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      dataTags: [{\n        label: \'\u6a58\u5b50\',\n        value: 1,\n        color: \'#008EF0\'\n      }, {\n        label: \'\u82f9\u679c\',\n        value: 2,\n        color: \'#008EF0\'\n      }, {\n        label: \'\u6a58\u5b50\',\n        value: 3,\n        color: \'#008EF0\'\n      }, {\n        label: \'\u5ddd\u83dc\',\n        value: 4,\n        color: \'#008EF0\'\n      }],\n      values: [1, 2, 3]\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onTagChecked",\n    value: function onTagChecked(data) {\n      var values = this.state.values;\n      var isChecked = values.indexOf(data.value) === -1;\n\n      if (isChecked) {\n        values.push(data.value);\n      } else {\n        values = values.filter(function (item) {\n          return item !== data.value;\n        });\n      }\n\n      this.setState({\n        values: values\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      var _this$state = this.state,\n          dataTags = _this$state.dataTags,\n          values = _this$state.values;\n      return /*#__PURE__*/_react["default"].createElement("div", null, dataTags.map(function (item, idx) {\n        var isChecked = values.indexOf(item.value) === -1;\n        return /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n          onClick: _this2.onTagChecked.bind(_this2, item),\n          key: idx,\n          light: isChecked,\n          bordered: false,\n          color: "#008EF0"\n        }, item.label);\n      }));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Tag } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dataTags: [\n        { label: '\u6a58\u5b50', value: 1, color: '#008EF0' },\n        { label: '\u82f9\u679c', value: 2, color: '#008EF0' },\n        { label: '\u6a58\u5b50', value: 3, color: '#008EF0' },\n        { label: '\u5ddd\u83dc', value: 4, color: '#008EF0' },\n      ],\n      values: [1, 2, 3],\n    }\n  }\n  onTagChecked(data) {\n    let { values } = this.state;\n    const isChecked = values.indexOf(data.value) === -1;\n    if(isChecked) {\n      values.push(data.value);\n    } else {\n      values = values.filter(item => item !== data.value);\n    }\n    this.setState({ values });\n  }\n  render() { \n    const { dataTags, values } = this.state;\n    return (\n      <div>\n        {dataTags.map((item, idx) => {\n          const isChecked = values.indexOf(item.value) === -1;\n          return (\n            <Tag\n              onClick={this.onTagChecked.bind(this, item)}\n              key={idx}\n              light={isChecked}\n              bordered={false}\n              color=\"#008EF0\"\n            >\n              {item.label}\n            </Tag>\n          )\n        })}\n      </div>\n    );\n  }\n}\nexport default Demo"},257:{name:257,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _excluded = ["label"];\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\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."); }\n\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); }\n\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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction SelectTag(props) {\n  var placeholder = props.placeholder,\n      onChange = props.onChange;\n\n  var _React$useState = _react["default"].useState([]),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      selectOption = _React$useState2[0],\n      setSelectOption = _React$useState2[1];\n\n  var _React$useState3 = _react["default"].useState(_toConsumableArray(props.value)),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value = _React$useState4[0],\n      setValue = _React$useState4[1];\n\n  var _React$useState5 = _react["default"].useState(false),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      isOpen = _React$useState6[0],\n      setIsOpen = _React$useState6[1];\n\n  var _React$useState7 = _react["default"].useState(_toConsumableArray(props.option)),\n      _React$useState8 = _slicedToArray(_React$useState7, 2),\n      option = _React$useState8[0],\n      setOption = _React$useState8[1];\n\n  _react["default"].useEffect(function () {\n    var selectOptionVal = props.value.map(function (val) {\n      return option.find(function (item) {\n        return val === item.value;\n      });\n    }).filter(function (item) {\n      return !!item;\n    });\n\n    if (selectOptionVal !== selectOption) {\n      setSelectOption(selectOptionVal);\n    }\n\n    if (value !== props.value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  _react["default"].useEffect(function () {\n    if (value !== props.option) {\n      setOption(props.option);\n    }\n  }, [props.option]);\n\n  function modifyValue(itemVal, item) {\n    var newValue = _toConsumableArray(value);\n\n    var newSelectOption = _toConsumableArray(selectOption);\n\n    var checked = newValue.includes(itemVal);\n\n    if (!checked) {\n      newValue.push(itemVal);\n      newSelectOption.push(item);\n    } else {\n      newValue = newValue.filter(function (v) {\n        return itemVal !== v;\n      });\n      newSelectOption = selectOption.filter(function (v) {\n        return item.value !== v.value;\n      });\n    }\n\n    setValue(newValue);\n    setSelectOption(selectOption); // setIsOpen(false);\n\n    onChange && onChange(newValue);\n  }\n\n  function handleChange(e) {\n    var options = option.filter(function (item) {\n      return item.label.indexOf(e.target.value) > -1;\n    });\n    setOption(options);\n  }\n\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    trigger: "click",\n    onVisibleChange: function onVisibleChange(open) {\n      return setIsOpen(open);\n    },\n    isOpen: isOpen,\n    menu: /*#__PURE__*/_react["default"].createElement(_uiw.Menu, {\n      bordered: true,\n      style: {\n        minWidth: 220,\n        height: 210,\n        overflow: \'auto\'\n      }\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Divider, {\n      title: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n        onChange: function onChange(e) {\n          return handleChange(e);\n        }\n      })\n    }), option.map(function (item, idx) {\n      var active = value.includes(item.value);\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n        key: idx,\n        text: /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n          gutter: 10,\n          justify: "space-between"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("span", {\n          style: {\n            verticalAlign: \'middle\'\n          }\n        }, item.label)), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n          fixed: true\n        }, active && /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          checked: active,\n          onChange: function onChange(e) {\n            return handleChange(e);\n          }\n        }))),\n        onClick: function onClick() {\n          modifyValue(item.value, item);\n        }\n      });\n    }))\n  }, /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      minWidth: 120,\n      maxWidth: 320,\n      padding: 5,\n      border: \'1px solid #c7c8ca\',\n      borderRadius: 3\n    }\n  }, selectOption.length === 0 && /*#__PURE__*/_react["default"].createElement("span", {\n    style: {\n      lineHeight: \'23px\',\n      padding: \'0 4px\'\n    }\n  }, placeholder), selectOption.map(function (item, idx) {\n    var label = item.label,\n        itemProps = _objectWithoutProperties(item, _excluded);\n\n    var props = _objectSpread({\n      style: {\n        margin: 2\n      },\n      onClose: function onClose(e) {\n        e.stopPropagation();\n        modifyValue(item.value, item);\n      },\n      key: idx\n    }, itemProps);\n\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Tag, _extends({\n      light: true,\n      closable: true\n    }, props), label);\n  })));\n}\n\nvar option = [{\n  label: \'\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e\',\n  value: 1\n}, {\n  label: \'\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af\',\n  value: 2\n}, {\n  label: \'\u4e09\u4e9a\u5e02, \u4e2d\u56fd\',\n  value: 3,\n  color: \'#dc3545\'\n}, {\n  label: \'\u6210\u90fd\u5e02, \u4e2d\u56fd\',\n  value: 4,\n  color: \'#dc3545\'\n}, {\n  label: \'\u5e03\u62c9\u683c, \u6377\u514b\',\n  value: 5\n}, {\n  label: \'\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b\',\n  value: 6\n}, {\n  label: \'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd\',\n  value: 7\n}, {\n  label: \'\u9ec4\u5188\u5e02, \u4e2d\u56fd\',\n  value: 8,\n  color: \'#dc3545\'\n}];\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(SelectTag, {\n    placeholder: "\\u9009\\u62E9\\u57CE\\u5E02",\n    option: option,\n    value: [2, 8],\n    onChange: function onChange(item) {\n      console.log(\'item\', item);\n    }\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Dropdown, Menu, Button, Icon, Input, Checkbox, Tag, Row, Col } from 'uiw';\n\nfunction SelectTag(props) {\n  const { placeholder, onChange } = props;\n  const [selectOption, setSelectOption] = React.useState([]);\n  const [value, setValue] = React.useState([...props.value]);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [option, setOption] = React.useState([...props.option]);\n\n  React.useEffect(() => {\n    const selectOptionVal = props.value.map(val => option.find(item => val === item.value)).filter(item => !!item);\n    if (selectOptionVal !== selectOption) {\n      setSelectOption(selectOptionVal);\n    }\n    if (value !== props.value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  React.useEffect(() => {\n    if (value !== props.option) {\n      setOption(props.option);\n    }\n  }, [props.option]);\n\n  function modifyValue(itemVal, item) {\n    let newValue = [...value];\n    let newSelectOption = [...selectOption];\n    const checked = newValue.includes(itemVal);\n    if(!checked) {\n      newValue.push(itemVal);\n      newSelectOption.push(item);\n    } else {\n      newValue = newValue.filter(v => itemVal !== v);\n      newSelectOption = selectOption.filter(v => item.value !== v.value);\n    }\n    setValue(newValue);\n    setSelectOption(selectOption);\n    // setIsOpen(false);\n    onChange && onChange(newValue);\n  }\n\n  function handleChange(e) {\n    const options = option.filter(item => item.label.indexOf(e.target.value) > -1);\n    setOption(options);\n  }\n\n  return (\n    <Dropdown\n      trigger=\"click\"\n      onVisibleChange={(open) => setIsOpen(open)}\n      isOpen={isOpen}\n      menu={\n        <Menu bordered style={{ minWidth: 220, height: 210, overflow: 'auto' }}>\n          <Menu.Divider\n            title={\n              <Input\n                placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\"\n                onChange={(e) => handleChange(e)}\n              />\n            }\n          />\n          {option.map((item, idx) => {\n            const active = value.includes(item.value);\n            return (\n              <Menu.Item\n                key={idx}\n                text={\n                  <Row gutter={10} justify=\"space-between\">\n                    <Col>\n                      <span style={{ verticalAlign: 'middle' }}>{item.label}</span>\n                    </Col>\n                    <Col fixed>\n                      {active && <Checkbox checked={active} onChange={(e) => handleChange(e)} />}\n                    </Col>\n                  </Row>\n                }\n                onClick={() => {\n                  modifyValue(item.value, item)\n                }}\n              />\n            );\n          })}\n        </Menu>\n      }\n    >\n      <div style={{ minWidth: 120, maxWidth: 320, padding: 5, border: '1px solid #c7c8ca', borderRadius: 3 }}>\n        {selectOption.length === 0 && (\n          <span style={{\n            lineHeight: '23px',\n            padding: '0 4px',\n          }}>{placeholder}</span>\n        )}\n        {selectOption.map((item, idx) => {\n          const { label, ...itemProps } = item;\n          const props = {\n            style: { margin: 2 },\n            onClose: (e) => {\n              e.stopPropagation();\n              modifyValue(item.value, item);\n            },\n            key: idx,\n            ...itemProps,\n          }\n          return (\n            <Tag light closable {...props}>{label}</Tag>\n          );\n        })}\n      </div>\n    </Dropdown>\n  )\n}\n\nconst option = [\n  { label: '\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e', value: 1 },\n  { label: '\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af', value: 2 },\n  { label: '\u4e09\u4e9a\u5e02, \u4e2d\u56fd', value: 3, color: '#dc3545' },\n  { label: '\u6210\u90fd\u5e02, \u4e2d\u56fd', value: 4, color: '#dc3545' },\n  { label: '\u5e03\u62c9\u683c, \u6377\u514b', value: 5 },\n  { label: '\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b', value: 6 },\n  { label: 'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd', value: 7 },\n  { label: '\u9ec4\u5188\u5e02, \u4e2d\u56fd', value: 8, color: '#dc3545' },\n];\n\nfunction Demo() {\n  return <div>\n    <SelectTag placeholder=\"\u9009\u62e9\u57ce\u5e02\" option={option} value={[2, 8]} onChange={(item) => { console.log('item', item); }} />\n  </div>\n}\nexport default Demo"}},source:'Tag \u6807\u7b7e\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tag/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tag.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tag)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tag.svg?label=@uiw/react-tag)](https://npmjs.com/@uiw/react-tag)\n\n\u8fdb\u884c\u6807\u8bb0\u548c\u5206\u7c7b\u7684\u5c0f\u6807\u7b7e\u3002\n\n```jsx\nimport { Tag } from \'uiw\';\n// or\nimport Tag from \'@uiw/react-tag\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n    <Tag title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n    <Tag title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n    <Tag title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n    <Divider />\n    <Tag color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag>\u9ed8\u8ba4\u989c\u8272</Tag>\n    <Divider />\n    <Tag light color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n    <Tag light color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n    <Divider />\n    <Tag light color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag light color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag light color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag light>\u9ed8\u8ba4\u989c\u8272</Tag>\n  </div>\n)\nexport default Demo\n```\n\n### \u6807\u7b7e\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag disabled title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n    <Tag disabled title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n    <Tag disabled title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n    <Tag disabled title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n    <Tag disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n    <Divider />\n    <Tag light disabled color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light disabled color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light disabled color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n    <Tag light disabled color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n    <Tag light disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n    <Tag light disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n    <Tag light disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n    <Tag light disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n  </div>\n)\nexport default Demo\n```\n\n### \u6dfb\u52a0\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Tag title={(\n      <>\n        <Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272\n      </>\n    )} color="#28a745" />\n    <Tag color="#1C7CEB"><Icon type="heart-on" verticalAlign="baseline" /> \u9650\u8d2d\u4e00\u4efd</Tag>\n    <Tag color="red"><Icon type="heart-on" verticalAlign="baseline" /> \u80f6\u56ca</Tag>\n    <Divider />\n    <Tag light color="#28a745"><Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272</Tag>\n    <Tag light color="#008EF0"><Icon type="heart-on" verticalAlign="baseline" /> \u4e3b\u8981-\u84dd\u8272</Tag>\n    <Tag light color="#dc3545"><Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272</Tag>\n  </div>\n)\nexport default Demo\n```\n\n### \u63a7\u5236\u5173\u95ed\u6807\u7b7e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Icon } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      visible: true,\n      visible1: true,\n    }\n  }\n  onClose(type) {\n    this.setState({\n      [type]: !this.state[type],\n    });\n  }\n  render() { \n    return (\n      <div>\n        <Tag\n          closable\n          onClose={this.onClose.bind(this, \'visible\')}\n          visible={this.state.visible}\n          color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n        <Tag\n          closable\n          light\n          visible={this.state.visible1}\n          color="#dc3545"\n          onClose={this.onClose.bind(this, \'visible1\')}\n        >\n            <Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272\n        </Tag>\n      </div>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u6807\u7b7e\u7ec4\u52a8\u6001\u5220\u9664\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag, Button, Icon } from \'uiw\';\n\nlet num = 3;\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dataTags: [\n        { label: \'\u6a58\u5b50\', value: 1, color: \'#28a745\' },\n        { label: \'\u82f9\u679c\', value: 2, color: \'#F95C2B\' },\n        { label: \'\u6a58\u5b50\', value: 3, color: \'#008EF0\' },\n      ]\n    }\n  }\n  onClose(data) {\n    const dataTags = this.state.dataTags.filter(item => item.value !== data.value);\n    this.setState({ dataTags });\n  }\n  addTag() {\n    const { dataTags } = this.state;\n    num += 1;\n    dataTags.push({\n      label: `\u6a58\u5b50${num}`, value: num, color: \'#28a745\'\n    });\n    this.setState({ dataTags });\n  }\n  render() { \n    const { dataTags } = this.state;\n    return (\n      <div>\n        {dataTags.map((item, idx) => {\n          return (\n            <Tag\n              key={idx}\n              closable\n              onClose={this.onClose.bind(this, item)}\n              visible={this.state.visible}\n              color={item.color}>\n              {item.label}\n            </Tag>\n          )\n        })}\n        <Button style={{ marginLeft: 5, minHeight: 20, padding: 0 }} size="small" onClick={this.addTag.bind(this)}> <Icon type="plus" /> </Button>\n      </div>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u70ed\u95e8\u6807\u7b7e\n\n\u9009\u62e9\u4f60\u611f\u5174\u8da3\u7684\u8bdd\u9898\uff0c\u4e0b\u9762\u5b9e\u4f8b\u7c7b\u4f3c CheckBox \u591a\u9009\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Tag } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dataTags: [\n        { label: \'\u6a58\u5b50\', value: 1, color: \'#008EF0\' },\n        { label: \'\u82f9\u679c\', value: 2, color: \'#008EF0\' },\n        { label: \'\u6a58\u5b50\', value: 3, color: \'#008EF0\' },\n        { label: \'\u5ddd\u83dc\', value: 4, color: \'#008EF0\' },\n      ],\n      values: [1, 2, 3],\n    }\n  }\n  onTagChecked(data) {\n    let { values } = this.state;\n    const isChecked = values.indexOf(data.value) === -1;\n    if(isChecked) {\n      values.push(data.value);\n    } else {\n      values = values.filter(item => item !== data.value);\n    }\n    this.setState({ values });\n  }\n  render() { \n    const { dataTags, values } = this.state;\n    return (\n      <div>\n        {dataTags.map((item, idx) => {\n          const isChecked = values.indexOf(item.value) === -1;\n          return (\n            <Tag\n              onClick={this.onTagChecked.bind(this, item)}\n              key={idx}\n              light={isChecked}\n              bordered={false}\n              color="#008EF0"\n            >\n              {item.label}\n            </Tag>\n          )\n        })}\n      </div>\n    );\n  }\n}\nexport default Demo\n```\n\n### \u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, Button, Icon, Input, Checkbox, Tag, Row, Col } from \'uiw\';\n\nfunction SelectTag(props) {\n  const { placeholder, onChange } = props;\n  const [selectOption, setSelectOption] = React.useState([]);\n  const [value, setValue] = React.useState([...props.value]);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [option, setOption] = React.useState([...props.option]);\n\n  React.useEffect(() => {\n    const selectOptionVal = props.value.map(val => option.find(item => val === item.value)).filter(item => !!item);\n    if (selectOptionVal !== selectOption) {\n      setSelectOption(selectOptionVal);\n    }\n    if (value !== props.value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  React.useEffect(() => {\n    if (value !== props.option) {\n      setOption(props.option);\n    }\n  }, [props.option]);\n\n  function modifyValue(itemVal, item) {\n    let newValue = [...value];\n    let newSelectOption = [...selectOption];\n    const checked = newValue.includes(itemVal);\n    if(!checked) {\n      newValue.push(itemVal);\n      newSelectOption.push(item);\n    } else {\n      newValue = newValue.filter(v => itemVal !== v);\n      newSelectOption = selectOption.filter(v => item.value !== v.value);\n    }\n    setValue(newValue);\n    setSelectOption(selectOption);\n    // setIsOpen(false);\n    onChange && onChange(newValue);\n  }\n\n  function handleChange(e) {\n    const options = option.filter(item => item.label.indexOf(e.target.value) > -1);\n    setOption(options);\n  }\n\n  return (\n    <Dropdown\n      trigger="click"\n      onVisibleChange={(open) => setIsOpen(open)}\n      isOpen={isOpen}\n      menu={\n        <Menu bordered style={{ minWidth: 220, height: 210, overflow: \'auto\' }}>\n          <Menu.Divider\n            title={\n              <Input\n                placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                onChange={(e) => handleChange(e)}\n              />\n            }\n          />\n          {option.map((item, idx) => {\n            const active = value.includes(item.value);\n            return (\n              <Menu.Item\n                key={idx}\n                text={\n                  <Row gutter={10} justify="space-between">\n                    <Col>\n                      <span style={{ verticalAlign: \'middle\' }}>{item.label}</span>\n                    </Col>\n                    <Col fixed>\n                      {active && <Checkbox checked={active} onChange={(e) => handleChange(e)} />}\n                    </Col>\n                  </Row>\n                }\n                onClick={() => {\n                  modifyValue(item.value, item)\n                }}\n              />\n            );\n          })}\n        </Menu>\n      }\n    >\n      <div style={{ minWidth: 120, maxWidth: 320, padding: 5, border: \'1px solid #c7c8ca\', borderRadius: 3 }}>\n        {selectOption.length === 0 && (\n          <span style={{\n            lineHeight: \'23px\',\n            padding: \'0 4px\',\n          }}>{placeholder}</span>\n        )}\n        {selectOption.map((item, idx) => {\n          const { label, ...itemProps } = item;\n          const props = {\n            style: { margin: 2 },\n            onClose: (e) => {\n              e.stopPropagation();\n              modifyValue(item.value, item);\n            },\n            key: idx,\n            ...itemProps,\n          }\n          return (\n            <Tag light closable {...props}>{label}</Tag>\n          );\n        })}\n      </div>\n    </Dropdown>\n  )\n}\n\nconst option = [\n  { label: \'\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e\', value: 1 },\n  { label: \'\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af\', value: 2 },\n  { label: \'\u4e09\u4e9a\u5e02, \u4e2d\u56fd\', value: 3, color: \'#dc3545\' },\n  { label: \'\u6210\u90fd\u5e02, \u4e2d\u56fd\', value: 4, color: \'#dc3545\' },\n  { label: \'\u5e03\u62c9\u683c, \u6377\u514b\', value: 5 },\n  { label: \'\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b\', value: 6 },\n  { label: \'LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd\', value: 7 },\n  { label: \'\u9ec4\u5188\u5e02, \u4e2d\u56fd\', value: 8, color: \'#dc3545\' },\n];\n\nfunction Demo() {\n  return <div>\n    <SelectTag placeholder="\u9009\u62e9\u57ce\u5e02" option={option} value={[2, 8]} onChange={(item) => { console.log(\'item\', item); }} />\n  </div>\n}\nexport default Demo\n```\n\n## Tag\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| title | \u6807\u9898\uff0c\u548c `children` \u51e0\u4e4e\u662f\u4e00\u6837\u7684 | String/ReactNode | - |\n| color | \u989c\u8272 | String | `#1C7CEB` |\n| disabled | \u7981\u7528 | Boolean | `false` |\n| light | \u6709\u8fb9\u6846\u7684\u6807\u7b7e | Boolean | `false` |\n| bordered | \u5f53\u8bbe\u7f6e `light={ture}` \u65f6\uff0c\u8d77\u4f5c\u7528\uff0c\u8bbe\u7f6e\u4e3a `false` \u4e0d\u5c55\u793a\u8fb9\u6846\u6837\u5f0f | Boolean | `true` |\n| closable | \u663e\u793a\u5173\u95ed\u6309\u94ae | Boolean | `false` |\n| visible | \u662f\u5426\u663e\u793a\u6807\u7b7e | Boolean | `true` |\n| onClose | \u5173\u95ed\u65f6\u7684\u56de\u8c03 | Function | - |\n'}}}]);
-//# sourceMappingURL=6146.02595d77.chunk.js.map

package/web/static/js/6255.ec81e9f0.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6255],{6255:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement(u.Affix,{offsetTop:60},n.default.createElement(u.Button,{type:"primary"},"1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8"))}}(),34:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement(u.Affix,{offsetBottom:10,onChange:function(e){console.log("affixed::",e)}},n.default.createElement(u.Button,{type:"primary",style:{marginLeft:20}},"2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8"))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Affix, {\n    offsetTop: 60\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary"\n  }, "1 \\u5F53\\u6309\\u94AE\\u8DDD\\u79BB\\u9876\\u90E8\\u8DDD\\u79BB\\u4E3A 0\\uFF0C\\u6309\\u94AE\\u88AB\\u9489\\u5728\\u9876\\u90E8"));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Affix, Button } from 'uiw';\n\nfunction Demo() {\n  return <Affix offsetTop={60}>\n    <Button type=\"primary\">1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8</Button>\n  </Affix>\n}\nexport default Demo"},34:{name:34,meta:{background:"#fff",codeSandbox:"true",codePen:"tru"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Affix, {\n    offsetBottom: 10,\n    onChange: function onChange(affixed) {\n      console.log(\'affixed::\', affixed);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    style: {\n      marginLeft: 20\n    }\n  }, "2 \\u5F53\\u6309\\u94AE\\u8DDD\\u79BB\\u5E95\\u90E8\\u8DDD\\u79BB\\u4E3A 0\\uFF0C\\u6309\\u94AE\\u88AB\\u9489\\u5728\\u5E95\\u90E8"));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Affix, Button } from 'uiw';\n\nfunction Demo() {\n  return   <Affix offsetBottom={10} onChange={(affixed) => {\n    console.log('affixed::', affixed);\n  }}>\n    <Button type=\"primary\" style={{ marginLeft: 20 }}>2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8</Button>\n  </Affix>\n}\nexport default Demo"}},source:"Affix \u56fe\u9489\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-affix/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-affix.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-affix)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-affix.svg?label=@uiw/react-affix)](https://npmjs.com/@uiw/react-affix)\n\n\u4f7f\u7528\u56fe\u9489\uff0c\u53ef\u4ee5\u5c06\u5185\u5bb9\u56fa\u5b9a\u5728\u5c4f\u5e55\u53ef\u89c6\u8303\u56f4\uff0c\u5e76\u4e14\u4e0d\u968f\u9875\u9762\u7684\u6eda\u52a8\u800c\u6eda\u52a8\uff0c\u5e38\u7528\u4e8e\u83dc\u5355\u7b49\u3002\n\n```jsx\nimport { Affix } from 'uiw';\n// or\nimport Affix from '@uiw/react-affix';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n \n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Affix, Button } from 'uiw';\n\nfunction Demo() {\n  return <Affix offsetTop={60}>\n    <Button type=\"primary\">1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8</Button>\n  </Affix>\n}\nexport default Demo\n```\n\n### \u9489\u5728\u5e95\u90e8\n\n\u8fd9\u4e2a\u5b9e\u4f8b\u9700\u8981\u4f60\u7f29\u5c0f\u7a97\u53e3\u9ad8\u5ea6\uff0c\u5c31\u53ef\u4ee5\u6d4b\u8bd5\u770b\u6548\u679c\u5566\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=tru\nimport React from 'react';\nimport { Affix, Button } from 'uiw';\n\nfunction Demo() {\n  return   <Affix offsetBottom={10} onChange={(affixed) => {\n    console.log('affixed::', affixed);\n  }}>\n    <Button type=\"primary\" style={{ marginLeft: 20 }}>2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8</Button>\n  </Affix>\n}\nexport default Demo\n```\n\n### Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| offsetBottom | \t\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1 | Number| - |\n| offsetTop | \t\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1 | Number| - |\n| onChange | \t\t\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570 | Function(affixed) | - |\n"}}}]);
-//# sourceMappingURL=6255.ec81e9f0.chunk.js.map