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

package/web/static/js/3535.99969a8e.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3535],{3535: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);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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}return function(){var e=a(t.default.useState(new Date("2019-02-26 02:00:00")),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{date:n,weekday:["Su","Mo","Tu","We","Th","Fr","Sa"],monthLabel:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],todayButton:"\u4eca\u5929",onChange:function(e){return o(e)}}),t.default.createElement(r.DatePicker,{showTime:!0,date:n,todayButton:"\u4eca\u5929",onChange:function(e){return o(e)}}),t.default.createElement(r.DatePicker,{date:n,todayButton:"\u4eca\u5929",onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),55:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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}return function(){var e=a(t.default.useState(null),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{showTime:!0,date:n,todayButton:"\u4eca\u5929",onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),79:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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}return function(){var e=a(t.default.useState(null),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{todayButton:"Today",weekTitle:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekday:["Su","Mo","Tu","We","Th","Fr","Sa"],monthLabel:["January","February","March","April","May","June","July","August","September","October","November","December"],date:n,onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),105:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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}return function(){var e=a(t.default.useState(null),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{date:n,onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),129:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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 u(e){return e&&e.valueOf()<Date.now()}return function(){var e=a(t.default.useState(null),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{disabledDate:u,date:n,onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),159:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function a(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,a,o=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(l){i=!0,a=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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}return function(){var e=a(t.default.useState(null),2),n=e[0],o=e[1];return t.default.createElement("div",null,t.default.createElement(r.DatePicker,{renderDay:function(e,n){var r={};return 0!==n.date.getDay()||n.prev||n.next||(r.boxShadow="inset 0 0 0 1px rgb(255 0 0)"),t.default.createElement("div",{style:r}," ",e," ")},date:n,onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}()},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 _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 Demo() {\n  var _React$useState = _react["default"].useState(new Date(\'2019-02-26 02:00:00\')),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    date: date,\n    weekday: [\'Su\', \'Mo\', \'Tu\', \'We\', \'Th\', \'Fr\', \'Sa\'],\n    monthLabel: [\'Jan\', \'Feb\', \'Mar\', \'Apr\', \'May\', \'Jun\', \'Jul\', \'Aug\', \'Sep\', \'Oct\', \'Nov\', \'Dec\'],\n    todayButton: "\\u4ECA\\u5929",\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    showTime: true,\n    date: date,\n    todayButton: "\\u4ECA\\u5929",\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    date: date,\n    todayButton: "\\u4ECA\\u5929",\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement("div", null, date ? String(date) : \'no date\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\n  \n  return (\n    <div>\n      <DatePicker\n        date={date}\n        weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n        monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <DatePicker\n        showTime\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <DatePicker\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo"},55:{name:55,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\nfunction Demo() {\n  var _React$useState = _react["default"].useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    showTime: true,\n    date: date,\n    todayButton: "\\u4ECA\\u5929",\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement("div", null, date ? String(date) : \'no date\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        showTime\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo"},79:{name:79,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\nfunction Demo() {\n  var _React$useState = _react[\"default\"].useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.DatePicker, {\n    todayButton: \"Today\",\n    weekTitle: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    weekday: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n    monthLabel: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n    date: date,\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, date ? String(date) : 'no date'));\n}\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        todayButton=\"Today\"\n        weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\n        weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n        monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo"},105:{name:105,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\nfunction Demo() {\n  var _React$useState = _react["default"].useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    date: date,\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement("div", null, date ? String(date) : \'no date\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo"},129:{name:129,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\nfunction disabledDate(currentDate) {\n  // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  return currentDate && currentDate.valueOf() < Date.now();\n}\n\nfunction Demo() {\n  var _React$useState = _react["default"].useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    disabledDate: disabledDate,\n    date: date,\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement("div", null, date ? String(date) : \'no date\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction disabledDate(currentDate) {\n  // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  return currentDate && currentDate.valueOf() < Date.now();\n}\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n          disabledDate={disabledDate}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo"},159:{name:159,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\nfunction Demo() {\n  var _React$useState = _react["default"].useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      date = _React$useState2[0],\n      setDate = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.DatePicker, {\n    renderDay: function renderDay(day, props) {\n      var style = {};\n      var week = props.date.getDay();\n\n      if (week === 0 && !props.prev && !props.next) {\n        style.boxShadow = \'inset 0 0 0 1px rgb(255 0 0)\';\n      }\n\n      return /*#__PURE__*/_react["default"].createElement("div", {\n        style: style\n      }, " ", day, " ");\n    },\n    date: date,\n    onChange: function onChange(selectedDate) {\n      return setDate(selectedDate);\n    }\n  }), /*#__PURE__*/_react["default"].createElement("div", null, date ? String(date) : \'no date\'));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        renderDay={(day, props) => {\n          const style = {}\n          const week = props.date.getDay();\n          if (week === 0 && !props.prev && !props.next) {\n            style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\n          }\n          return (\n            <div style={style}> {day} </div>\n          );\n        }}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo"}},source:"DatePicker \u65e5\u671f\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-date-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-date-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-date-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-date-picker.svg?label=@uiw/react-date-picker)](https://npmjs.com/@uiw/react-date-picker)\n\n\u663e\u793a\u4e00\u4e2a\u6708\u7684\u65e5\u5386\uff0c\u5e76\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5355\u4e2a\u65e5\u671f\uff0c\u5e38\u89c1\u7684\u5e94\u7528\u573a\u666f\u5728\u8868\u5355\u4e2d\u5e94\u7528\uff0c\u8bf7\u67e5\u770b\u57fa\u4e8e `DatePicker` \u7684 [`DateInput`](#/components/date-input) \u7ec4\u4ef6\u3002\n\n```jsx\nimport { DatePicker } from 'uiw';\n// or\nimport DatePicker from '@uiw/react-date-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\n  \n  return (\n    <div>\n      <DatePicker\n        date={date}\n        weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n        monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <DatePicker\n        showTime\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <DatePicker\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo\n```\n\n### \u663e\u793a\u65f6\u95f4\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        showTime\n        date={date}\n        todayButton=\"\u4eca\u5929\"\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u8bbe\u7f6e\u672c\u5730\u8bed\u8a00\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        todayButton=\"Today\"\n        weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\n        weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n        monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u521d\u59cb\u5c55\u793a\u65e5\u671f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u7981\u7528\u65f6\u95f4\n\n\u901a\u8fc7 `disabledDate` \u65b9\u6cd5\u8bbe\u7f6e\uff0c\u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction disabledDate(currentDate) {\n  // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  return currentDate && currentDate.valueOf() < Date.now();\n}\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n          disabledDate={disabledDate}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo\n```\n\n## \u5b9a\u5236\u65e5\u5386\u5355\u5143\u683c\n\n\u4f7f\u7528 `renderDay` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u65e5\u671f\u5355\u5143\u683c\u7684\u5185\u5bb9\u548c\u6837\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n  const [date, setDate] = React.useState(null);\n  return (\n    <div>\n      <DatePicker\n        renderDay={(day, props) => {\n          const style = {}\n          const week = props.date.getDay();\n          if (week === 0 && !props.prev && !props.next) {\n            style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\n          }\n          return (\n            <div style={style}> {day} </div>\n          );\n        }}\n        date={date}\n        onChange={(selectedDate) => setDate(selectedDate)}\n      />\n      <div>{date ? String(date) : 'no date'}</div>\n    </div>\n  );\n}\n\nexport default Demo\n```\n\n## DatePicker\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| date | \u9009\u4e2d\u7684\u65e5\u671f | Date | - |\n| panelDate | \u65e5\u5386\u9762\u677f\u9ed8\u8ba4\u5c55\u793a\u54ea\u4e00\u9875 | Date | `new Date` |\n| today | \u9ed8\u8ba4\u9ad8\u4eae\u5f53\u5929\u65e5\u671f | Date | `new Date` |\n| todayButton | \u5c55\u793a\u56de\u5230\u4eca\u5929\u6309\u94ae\uff0c\u548c\u63d0\u793a\u6587\u672c\u3002 | String | - |\n| showTime | \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\uff0c\u5f53 showTime \u4e3a\u4e00\u4e2a\u5bf9\u8c61\u65f6\uff0c\u5176\u5c5e\u6027\u4f1a\u4f20\u9012\u7ed9\u5185\u5efa\u7684 [`<TimePicker />`](#/components/time-picker)\u3002 | Boolean/Object | - |\n| renderDay | \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\u3002 `end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 `@3.0.0+` | Function(day, { end: bool, prev: bool, next: bool, date: Date }) | - |\n| disabledDate | \u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f\uff0c\u51fd\u6570\u8fd4\u56de `true` \u5f53\u524d\u65e5\u671f\u88ab\u7981\u7528\u65e0\u6cd5\u9009\u62e9\u3002`end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 | Function(currentDate, { end: bool, prev: bool, next: bool }) | - |\n| weekTitle | \u661f\u671f\u663e\u793a\u6587\u672c\u63d0\u793a | Array | \\[`\u661f\u671f\u5929`, `\u661f\u671f\u4e00`, `\u661f\u671f\u4e8c`, `\u661f\u671f\u4e09`, `\u661f\u671f\u56db`, `\u661f\u671f\u4e94`, `\u661f\u671f\u516d`\\] |\n| weekday | \u661f\u671f\u663e\u793a\u6587\u672c | Array | \\[`\u65e5`, `\u4e00`, `\u4e8c`, `\u4e09`, `\u56db`, `\u4e94`, `\u516d`\\] |\n| monthLabel | \u6708\u4efd\u663e\u793a\u6587\u672c | Array | \\[`\u4e00\u6708`, `\u4e8c\u6708`, `\u4e09\u6708`, `\u56db\u6708`, `\u4e94\u6708`, `\u516d\u6708`, `\u4e03\u6708`, `\u516b\u6708`, `\u4e5d\u6708`, `\u5341\u6708`, `\u5341\u4e00\u6708`, `\u5341\u4e8c\u6708`\\] |\n| onChange | \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 | (selectedDate?: Date, dateSource?: IDateSource) | - |\n| onPanelChange | \u9762\u677f\u53d8\u5316\u4e8b\u4ef6\u3002 | (date?: Date, mode?: 'next' | 'prev') | - |\n\n## DatePicker.showTime\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| defaultValue | \u9ed8\u8ba4\u65f6\u95f4 | Date | - |\n| disabled | \u7981\u7528\u5168\u90e8\u64cd\u4f5c | Boolean | `false` |\n| disabledHours | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5c0f\u65f6\u9009\u9879 | Function | - |\n| disabledMinutes | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5206\u949f\u9009\u9879 | Function | - |\n| disabledSeconds | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 | Function | - |\n| format | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 | Function | `HH:mm:ss` |\n| hourStep | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 | Function | - |\n"}}}]);
-//# sourceMappingURL=3535.99969a8e.chunk.js.map

package/web/static/js/3552.37e9b391.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3552],{3552:function(e,t,n){n.r(t),t.default={components:{19:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function o(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=[],u=!0,i=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(l){i=!0,o=l}finally{try{u||null==n.return||n.return()}finally{if(i)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(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}return function(){var e=o(t.default.useState(["2022-02-25 15:06:24","2022-02-27 14:47:32"]),2),n=e[0];function a(e,t){console.log("selectedDate",e,t)}return e[1],t.default.createElement("div",null,t.default.createElement(r.Row,{style:{marginBottom:10}},t.default.createElement(r.Col,{style:{width:200},fixed:!0},t.default.createElement(r.DateInput,{value:new Date,datePickerProps:{todayButton:"\u4eca\u5929"},onChange:a})),t.default.createElement(r.Col,{style:{width:200,marginLeft:10},fixed:!0},t.default.createElement(r.DateInput,{value:new Date,disabled:!0,onChange:a})),t.default.createElement(r.Col,{style:{width:400,marginLeft:10},fixed:!0},t.default.createElement(r.DateInputRange,{bodyStyle:{width:400},format:"YYYY/MM/DD HH:mm:ss",value:n,datePickerProps:{todayButton:"\u4eca\u5929",showTime:!0},onChange:a}))))}}(),68:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){var e=t.default.useRef(null),n=function(){e.current.resetForm()},o=function(){e.current.setFields({dateRange:[new Date,new Date]})};return t.default.createElement(r.Form,{ref:e,onSubmit:function(e){e.initial;var t=e.current;t.date?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date)}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{date:{initialValue:"2019/02/17",labelClassName:"fieldLabel",labelFor:"date-inline",children:t.default.createElement(r.DateInput,{datePickerProps:{todayButton:"\u4eca\u5929"},id:"date-inline"})},dateRange:{initialValue:["2019/02/17","2019/02/20"],labelClassName:"fieldLabel",labelFor:"date-inline",children:t.default.createElement(r.DateInputRange,{datePickerProps:{todayButton:"\u4eca\u5929"},id:"date-inline"})}}},(function(e){var a=e.fields,u=(e.state,e.canSubmit);return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,{style:{width:200},fixed:!0},a.date)),t.default.createElement(r.Row,{style:{width:200}},t.default.createElement(r.Col,{fixed:!0},a.dateRange)),t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!u(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),t.default.createElement(r.Button,{onClick:n},"\u91cd\u7f6e"),t.default.createElement(r.Button,{onClick:o},"setValue"))))}))}}(),142: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 u(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 l(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=c(e);if(t){var o=c(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s(this,n)}}function s(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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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,s,c=l(f);function f(){return a(this,f),c.apply(this,arguments)}return t=f,(n=[{key:"onChange",value:function(e){console.log("selectedDate:",e)}},{key:"render",value:function(){return r.default.createElement("div",{style:{width:200}},r.default.createElement(o.DateInput,{format:"YYYY # MM # DD",datePickerProps:{todayButton:"\u4eca\u5929"},onChange:this.onChange.bind(this)}))}}])&&u(t.prototype,n),s&&u(t,s),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),167: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 u(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 l(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=c(e);if(t){var o=c(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s(this,n)}}function s(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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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,s,c=l(f);function f(){return a(this,f),c.apply(this,arguments)}return t=f,(n=[{key:"onChange",value:function(e){console.log("selectedDate:",e)}},{key:"render",value:function(){return r.default.createElement("div",{style:{width:200}},r.default.createElement(o.DateInput,{format:"YYYY/MM/DD HH:mm:ss",datePickerProps:{showTime:!0,todayButton:"\u4eca\u5929"},onChange:this.onChange.bind(this)}))}}])&&u(t.prototype,n),s&&u(t,s),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}(),192: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 u(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 l(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=c(e);if(t){var o=c(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s(this,n)}}function s(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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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,s,c=l(f);function f(){return a(this,f),c.apply(this,arguments)}return t=f,(n=[{key:"onChange",value:function(e){console.log("selectedDate:",e)}},{key:"render",value:function(){return r.default.createElement("div",{style:{maxWidth:200}},r.default.createElement(o.DateInput,{autoClose:!0,format:"YYYY/MM/DD HH:mm:ss",datePickerProps:{showTime:!0,todayButton:"\u4eca\u5929"},onChange:this.onChange.bind(this)}))}}])&&u(t.prototype,n),s&&u(t,s),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}()},data:{19:{name:19,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\nfunction Demo() {\n  var _React$useState = _react["default"].useState([\'2022-02-25 15:06:24\', \'2022-02-27 14:47:32\']),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      dataRange = _React$useState2[0],\n      dataRangeSet = _React$useState2[1];\n\n  function onChange(selectedDate, dataRange) {\n    console.log(\'selectedDate\', selectedDate, dataRange);\n  }\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n    value: new Date(),\n    datePickerProps: {\n      todayButton: \'\u4eca\u5929\'\n    },\n    onChange: onChange\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200,\n      marginLeft: 10\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n    value: new Date(),\n    disabled: true,\n    onChange: onChange\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 400,\n      marginLeft: 10\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInputRange, {\n    bodyStyle: {\n      width: 400\n    },\n    format: "YYYY/MM/DD HH:mm:ss",\n    value: dataRange,\n    datePickerProps: {\n      todayButton: \'\u4eca\u5929\',\n      showTime: true\n    },\n    onChange: onChange\n  }))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DateInput, DateInputRange, Row, Col } from 'uiw';\n\nfunction Demo () {\n\n  const [dataRange,dataRangeSet] =React.useState(['2022-02-25 15:06:24','2022-02-27 14:47:32'])\n\n  function onChange(selectedDate,dataRange) {\n    console.log('selectedDate',selectedDate,dataRange)\n  }\n\n  return (\n    <div>\n      <Row style={{ marginBottom:10 }}>\n        <Col style={{ width: 200 }} fixed>\n          <DateInput\n            value={new Date()}\n            datePickerProps={{ todayButton: '\u4eca\u5929' }}\n            onChange={onChange}\n          />\n        </Col>\n        <Col style={{ width: 200, marginLeft: 10 }} fixed>\n          <DateInput\n            value={new Date()}\n            disabled\n            onChange={onChange}\n          />\n        </Col>\n        <Col style={{ width: 400, marginLeft: 10 }} fixed>\n          <DateInputRange\n            bodyStyle={{ width: 400 }}\n            format=\"YYYY/MM/DD HH:mm:ss\"\n            value={dataRange}\n            datePickerProps={{ todayButton: '\u4eca\u5929',showTime:true }}\n            onChange={onChange}\n          />\n        </Col>\n      </Row>\n    </div>\n  )\n}\nexport default Demo"},68:{name:68,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  var form = _react["default"].useRef(null);\n\n  var resetDateRange = function resetDateRange() {\n    form.current.resetForm();\n  };\n\n  var setDateRange = function setDateRange() {\n    form.current.setFields({\n      dateRange: [new Date(), new Date()]\n    });\n  };\n\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    ref: form,\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n\n      if (current.date) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n        });\n      }\n    },\n    fields: {\n      date: {\n        initialValue: \'2019/02/17\',\n        labelClassName: \'fieldLabel\',\n        labelFor: \'date-inline\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n          datePickerProps: {\n            todayButton: \'\u4eca\u5929\'\n          },\n          id: "date-inline"\n        })\n      },\n      dateRange: {\n        initialValue: [\'2019/02/17\', \'2019/02/20\'],\n        labelClassName: \'fieldLabel\',\n        labelFor: \'date-inline\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.DateInputRange, {\n          datePickerProps: {\n            todayButton: \'\u4eca\u5929\'\n          },\n          id: "date-inline"\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      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      style: {\n        width: 200\n      }\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, fields.dateRange)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      onClick: resetDateRange\n    }, "\\u91CD\\u7F6E"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      onClick: setDateRange\n    }, "setValue"))));\n  });\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DateInput,DateInputRange, Notify, Button, Form, Row, Col } from 'uiw';\n\nfunction Demo(){\n  const form = React.useRef(null)\n\n  const resetDateRange = () => {\n    form.current.resetForm()\n  }\n\n  const setDateRange = () => {\n    form.current.setFields({dateRange:[new Date(),new Date()]})\n  }\n\n  return (\n    <Form\n      ref={form}\n      onSubmit={({ initial, current }) => {\n        if (current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n      }}\n      fields={{\n        date: {\n          initialValue: '2019/02/17',\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <DateInput datePickerProps={{ todayButton: '\u4eca\u5929' }} id=\"date-inline\" />\n        },\n        dateRange: {\n          initialValue: ['2019/02/17', '2019/02/20'],\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <DateInputRange datePickerProps={{ todayButton: '\u4eca\u5929' }} id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            </Row>\n            <Row style={{ width: 200 }} >\n              <Col fixed>{fields.dateRange}</Col>\n            </Row>\n            <Row gutter={10}>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                <Button onClick={resetDateRange} >\u91cd\u7f6e</Button>\n                <Button onClick={setDateRange}>setValue</Button>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  )\n}\n\nexport default Demo"},142:{name:142,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() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(selectedDate) {\n      console.log(\'selectedDate:\', selectedDate);\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          width: 200\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n        format: "YYYY # MM # DD",\n        datePickerProps: {\n          todayButton: \'\u4eca\u5929\'\n        },\n        onChange: this.onChange.bind(this)\n      }));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ width: 200 }}>\n        <DateInput\n          format=\"YYYY # MM # DD\"\n          datePickerProps={{ todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo"},167:{name:167,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() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(selectedDate) {\n      console.log(\'selectedDate:\', selectedDate);\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          width: 200\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n        format: "YYYY/MM/DD HH:mm:ss",\n        datePickerProps: {\n          showTime: true,\n          todayButton: \'\u4eca\u5929\'\n        },\n        onChange: this.onChange.bind(this)\n      }));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ width: 200 }}>\n        <DateInput\n          format=\"YYYY/MM/DD HH:mm:ss\"\n          datePickerProps={{ showTime: true, todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo"},192:{name:192,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() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(selectedDate) {\n      console.log(\'selectedDate:\', selectedDate);\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          maxWidth: 200\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.DateInput, {\n        autoClose: true,\n        format: "YYYY/MM/DD HH:mm:ss",\n        datePickerProps: {\n          showTime: true,\n          todayButton: \'\u4eca\u5929\'\n        },\n        onChange: this.onChange.bind(this)\n      }));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ maxWidth: 200 }}>\n        <DateInput\n          autoClose={true}\n          format=\"YYYY/MM/DD HH:mm:ss\"\n          datePickerProps={{ showTime: true, todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo"}},source:"DateInput \u65e5\u671f\u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-date-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-date-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-date-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-date-input.svg?label=@uiw/react-date-input)](https://npmjs.com/@uiw/react-date-input)\n\n\u663e\u793a\u4e00\u4e2a\u6708\u7684\u65e5\u5386\uff0c\u5e76\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5355\u4e2a\u65e5\u671f\u3002\n\n```jsx\nimport { DateInput, DateInputRange } from 'uiw';\n// or\nimport DateInput,{ DateInputRange } from '@uiw/react-date-input';\n// \u5728 `v4.13.0` \u7248\u672c\u4e2d\u589e\u52a0 DateInputRange \u7ec4\u4ef6\n```\n\n## \u57fa\u672c\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DateInput, DateInputRange, Row, Col } from 'uiw';\n\nfunction Demo () {\n\n  const [dataRange,dataRangeSet] =React.useState(['2022-02-25 15:06:24','2022-02-27 14:47:32'])\n\n  function onChange(selectedDate,dataRange) {\n    console.log('selectedDate',selectedDate,dataRange)\n  }\n\n  return (\n    <div>\n      <Row style={{ marginBottom:10 }}>\n        <Col style={{ width: 200 }} fixed>\n          <DateInput\n            value={new Date()}\n            datePickerProps={{ todayButton: '\u4eca\u5929' }}\n            onChange={onChange}\n          />\n        </Col>\n        <Col style={{ width: 200, marginLeft: 10 }} fixed>\n          <DateInput\n            value={new Date()}\n            disabled\n            onChange={onChange}\n          />\n        </Col>\n        <Col style={{ width: 400, marginLeft: 10 }} fixed>\n          <DateInputRange\n            bodyStyle={{ width: 400 }}\n            format=\"YYYY/MM/DD HH:mm:ss\"\n            value={dataRange}\n            datePickerProps={{ todayButton: '\u4eca\u5929',showTime:true }}\n            onChange={onChange}\n          />\n        </Col>\n      </Row>\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 [`<DateInput />`](#/components/date-input) \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DateInput,DateInputRange, Notify, Button, Form, Row, Col } from 'uiw';\n\nfunction Demo(){\n  const form = React.useRef(null)\n\n  const resetDateRange = () => {\n    form.current.resetForm()\n  }\n\n  const setDateRange = () => {\n    form.current.setFields({dateRange:[new Date(),new Date()]})\n  }\n\n  return (\n    <Form\n      ref={form}\n      onSubmit={({ initial, current }) => {\n        if (current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n      }}\n      fields={{\n        date: {\n          initialValue: '2019/02/17',\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <DateInput datePickerProps={{ todayButton: '\u4eca\u5929' }} id=\"date-inline\" />\n        },\n        dateRange: {\n          initialValue: ['2019/02/17', '2019/02/20'],\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <DateInputRange datePickerProps={{ todayButton: '\u4eca\u5929' }} id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            </Row>\n            <Row style={{ width: 200 }} >\n              <Col fixed>{fields.dateRange}</Col>\n            </Row>\n            <Row gutter={10}>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                <Button onClick={resetDateRange} >\u91cd\u7f6e</Button>\n                <Button onClick={setDateRange}>setValue</Button>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  )\n}\n\nexport default Demo\n```\n\n## \u65e5\u671f\u683c\u5f0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ width: 200 }}>\n        <DateInput\n          format=\"YYYY # MM # DD\"\n          datePickerProps={{ todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## \u65e5\u671f\u65f6\u95f4\u8bbe\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ width: 200 }}>\n        <DateInput\n          format=\"YYYY/MM/DD HH:mm:ss\"\n          datePickerProps={{ showTime: true, todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## \u81ea\u52a8\u9690\u85cf\u5f39\u5c42\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { DateInput } from 'uiw';\n\nclass Demo extends React.Component {\n  onChange(selectedDate) {\n    console.log('selectedDate:', selectedDate);\n  }\n  render() {\n    return (\n      <div style={{ maxWidth: 200 }}>\n        <DateInput\n          autoClose={true}\n          format=\"YYYY/MM/DD HH:mm:ss\"\n          datePickerProps={{ showTime: true, todayButton: '\u4eca\u5929' }}\n          onChange={this.onChange.bind(this)}\n        />\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n| ---- | ---- | ---- | ---- |\n| value | \u521d\u59cb\u65f6\u95f4\u503c | Date | - |\n| placeholder | \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 | String | - |\n| allowClear | \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae | Boolean | true |\n| format | \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`<formatter>`](#/components/formatter) \u6587\u6863 | String | `YYYY/MM/DD` |\n| onChange | \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 | Function(selectedDate:Date) | - |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | Object | - |\n| datePickerProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<DatePicker>`](#/components/date-picker) \u7ec4\u4ef6 | Object | - |\n| disabled | \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 | Boolean | - |\n| autoClose | \u662f\u5426\u81ea\u52a8\u5173\u95ed\u5f39\u5c42 | Boolean | false |\n\n\u7ec4\u4ef6 `DateInput` \u7ee7\u627f `<Input>` \u7ec4\u4ef6\uff0c\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\n\n## DateInputRange\n\n\u5728 `v4.13.0` \u7248\u672c\u4e2d\u589e\u52a0 `DateInputRange` \u7ec4\u4ef6\u3002\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n| ---- | ---- | ---- | ---- |\n| value | \u521d\u59cb\u65f6\u95f4\u503c | Array<Date, string> | - |\n| placeholder | \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 | String | - |\n| allowClear | \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae | Boolean | true |\n| format | \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`<formatter>`](#/components/formatter) \u6587\u6863 | String | `YYYY/MM/DD` |\n| onChange | \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 | Function(selectedDate:Date, dateRange: Array\\<Date>) | - |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | Object | - |\n| datePickerProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<DatePicker>`](#/components/date-picker) \u7ec4\u4ef6 | Object | - |\n| disabled | \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 | Boolean | - |\n| bodyStyle | \u9009\u62e9\u6846\u6837\u5f0f  | Object | { width: 300 } | - |\n\n\u7ec4\u4ef6 `DateInputRange` \u7ee7\u627f `<Input>` \u7ec4\u4ef6\uff0c\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\n\n"}}}]);
-//# sourceMappingURL=3552.37e9b391.chunk.js.map

package/web/static/js/3717.e32ec8d1.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3717],{3717:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",{style:{maxWidth:300}},n.default.createElement(r.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))}}(),34:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function o(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 a(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,{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?o(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(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.commit||(t.commit="\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9"),Object.keys(t).length>0){var o=new Error;throw o.filed=t,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),o}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a".concat(n.commit,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{commit:{children:n.default.createElement(r.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u8bf4\u660e\u5185\u5bb9"})}}},(function(e){var t=e.fields,o=e.state,a=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{style:{maxWidth:300}},t.commit)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!a(),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}},JSON.stringify(o.current,null,2)))))})))}}(),99:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",{style:{maxWidth:300}},n.default.createElement(r.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",disabled:!0}))}}(),113:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e};t(2814);return function(){return n.default.createElement("div",{style:{maxWidth:300}},n.default.createElement("textarea",{className:"w-textarea",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",defaultValue:""}))}}()},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", {\n    style: {\n      maxWidth: 300\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Textarea, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Textarea } from 'uiw';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n  </div>\n)\nexport default Demo"},34:{name:34,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    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.commit) {\n        errorObj.commit = \'\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9\';\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\\u5185\\u5BB9\\u4E3A\\uFF1A".concat(current.commit, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n      });\n    },\n    fields: {\n      commit: {\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Textarea, {\n          placeholder: "\\u8BF7\\u8F93\\u5165\\u8BF4\\u660E\\u5185\\u5BB9"\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      style: {\n        maxWidth: 300\n      }\n    }, fields.commit)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\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      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Textarea, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\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.commit) {\n          errorObj.commit = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\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\u5185\u5bb9\u4e3a\uff1a${current.commit}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        commit: {\n          children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u8bf4\u660e\u5185\u5bb9\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col style={{ maxWidth: 300 }}>{fields.commit}</Col>\n            </Row>\n            <Row>\n              <Col fixed>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 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"},99:{name:99,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", {\n    style: {\n      maxWidth: 300\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Textarea, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    disabled: true\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Textarea } from 'uiw';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" disabled />\n  </div>\n)\nexport default Demo"},113:{name:113,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", {\n    style: {\n      maxWidth: 300\n    }\n  }, /*#__PURE__*/_react["default"].createElement("textarea", {\n    className: "w-textarea",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    defaultValue: ""\n  }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Textarea } from \'uiw\';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <textarea className="w-textarea" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" defaultValue="" />\n  </div>\n)\nexport default Demo'}},source:"Textarea \u591a\u884c\u6587\u672c\u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-textarea/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-textarea.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-textarea)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-textarea.svg?label=@uiw/react-textarea)](https://npmjs.com/@uiw/react-textarea)\n\n\u6807\u51c6\u7684\u591a\u884c\u6587\u672c\u8f93\u5165\u6846\u3002\n\n```jsx\nimport { Textarea } from 'uiw';\n// or\nimport Textarea from '@uiw/react-textarea';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Textarea } from 'uiw';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n  </div>\n)\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Textarea />`](#/components/textarea) \u7ec4\u4ef6\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Textarea, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\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.commit) {\n          errorObj.commit = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\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\u5185\u5bb9\u4e3a\uff1a${current.commit}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        commit: {\n          children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u8bf4\u660e\u5185\u5bb9\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col style={{ maxWidth: 300 }}>{fields.commit}</Col>\n            </Row>\n            <Row>\n              <Col fixed>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 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\n### \u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Textarea } from 'uiw';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" disabled />\n  </div>\n)\nexport default Demo\n```\n\n### HTML Textarea\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Textarea } from 'uiw';\n\nconst Demo = () => (\n  <div style={{ maxWidth: 300 }}>\n    <textarea className=\"w-textarea\" placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" defaultValue=\"\" />\n  </div>\n)\nexport default Demo\n```\n\n## Props\n\n\u8fd9\u662f\u4e00\u4e2a\u6807\u51c6\u7ec4\u4ef6\uff0c\u4e0e HTML \u4e2d\u5c5e\u6027\u4fdd\u6301\u4e00\u81f4\u3002\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| placeholder | \u89c4\u5b9a\u63cf\u8ff0\u6587\u672c\u533a\u57df\u9884\u671f\u503c\u7684\u7b80\u77ed\u63d0\u793a\u3002 | String | - |\n| disabled | \u7981\u7528\u8f93\u5165\u6846 | Boolean | - |"}}}]);
-//# sourceMappingURL=3717.e32ec8d1.chunk.js.map

package/web/static/js/3896.833cd43a.chunk.js

@@ -1,2 +0,0 @@
-(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3896],{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 y}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=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,u.useRef)(null),x=[];if(n){var v={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")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{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"]}}}};x.push((0,p.jsx)(l.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)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.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)(x.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)(x.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)(x.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)(x.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)(x.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 y(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.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),u=(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)({},u));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var g=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:v.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(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],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,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(l);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()}),[l]),{mdData:s,loading:f}}},9628: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-pin-code/README.md",dependencies:{Divider:i.Divider,PinCode:i.PinCode,Form:i.Form,Row:i.Row,Col:i.Col,Icon:i.Icon,Button:i.Button,Notify:i.Notify},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(9875).then(n.bind(n,9875));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
-//# sourceMappingURL=3896.833cd43a.chunk.js.map

package/web/static/js/3914.e9637bc5.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3914],{3914:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Checkbox,{onChange:function(e){console.log(e.target.checked),console.log(e.target)}},"\u672a\u9009\u4e2d"),t.default.createElement(o.Checkbox,{checked:!0},"\u9009\u4e2d"))}}(),38:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Form,{onChange:function(e){var t=e.initial,n=e.current;console.log("onChange~~~:::",t,n)},onSubmit:function(e){var t=e.initial,n=e.current;console.log("onSubmit~~~:::",t,n),o.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u9009\u9879\u4e3a\uff1a\u3010".concat(n.checkbox,"\u3011\u3010").concat(JSON.stringify(n.checkboxGroup),"\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{checkbox:{inline:!0,initialValue:!0,label:"\u5355\u9009\u6761\u4ef6",children:t.default.createElement(o.Checkbox,null,"\u56db\u5ddd\u83dc"),validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"}},checkboxGroup:{initialValue:["\u56db\u5ddd\u83dc"],label:"\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc",children:t.default.createElement(o.Checkbox.Group,null,t.default.createElement("div",null,"\u83dc\u7cfb"),t.default.createElement(o.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),t.default.createElement(o.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),t.default.createElement(o.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),t.default.createElement(o.Checkbox,{disabled:!0,value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),t.default.createElement(o.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),t.default.createElement("div",{style:{marginTop:10}},"\u5bb6\u5e38\u83dc"),t.default.createElement(o.Checkbox,{value:"\u7ea2\u70e7\u6b66\u660c\u9c7c"},"\u7ea2\u70e7\u6b66\u660c\u9c7c"),t.default.createElement(o.Checkbox,{value:"\u9ebb\u5a46\u8c46\u8150"},"\u9ebb\u5a46\u8c46\u8150"),t.default.createElement(o.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d"))}}},(function(e){var n=e.fields,r=e.state,c=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,n.checkbox)),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,n.checkboxGroup)),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,t.default.createElement(o.Button,{disabled:!c(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(r.current,null,2)))))})))}}(),121:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(o.Checkbox,{disabled:!0,checked:!0},"\u672a\u9009\u4e2d\u7981\u7528"),t.default.createElement(o.Checkbox,{disabled:!0,checked:!0},"\u9009\u4e2d\u7981\u7528"),t.default.createElement(o.Checkbox,{disabled:!0,indeterminate:!0},"\u534a\u9009\u4e2d\u7981\u7528"))}}(),137: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,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(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=["\u56db\u5ddd\u83dc","\u6e56\u5317\u83dc","\u897f\u5317\u83dc","\u65b0\u7586\u83dc","\u4e1c\u5317\u83dc"];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&&a(e,t)}(h,e);var t,n,i,s=l(h);function h(e){var t;return c(this,h),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"],indeterminate:!0,checkAll:!1},t}return t=h,(n=[{key:"onChange",value:function(e,t){console.log("list",t),console.log("list",f),this.setState({value:t,indeterminate:!!t.length&&t.length<f.length,checkAll:t.length===f.length})}},{key:"onCheckAllChange",value:function(e){this.setState({value:e.target.checked?f:[],indeterminate:!1,checkAll:e.target.checked})}},{key:"render",value:function(){var e=this.state,t=e.indeterminate,n=e.checkAll;return o.default.createElement("div",null,o.default.createElement(r.Checkbox,{checked:n,indeterminate:t,onChange:this.onCheckAllChange.bind(this)},"\u5168\u9009"),o.default.createElement(r.Divider,null),o.default.createElement(r.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},f.map((function(e,t){return o.default.createElement(r.Checkbox,{key:t,value:e},e)}))))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),h}(o.default.Component)}(),192: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,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(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&&a(e,t)}(f,e);var t,n,i,s=l(f);function f(e){var t;return c(this,f),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"]},t}return t=f,(n=[{key:"onChange",value:function(e,t){console.log("Value:--\x3e",e.target.value,t),this.setState({value:t})}},{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement(r.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},o.default.createElement("div",null,"\u5ddd\u83dc"),o.default.createElement(r.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),o.default.createElement(r.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),o.default.createElement("div",null,"\u672c\u5e2e\u6c5f\u6d59\u83dc"),o.default.createElement(r.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),o.default.createElement(r.Checkbox,{value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),o.default.createElement("div",null,"\u5bb6\u5e38\u83dc"),o.default.createElement(r.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),o.default.createElement(r.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d")),o.default.createElement(r.Divider,null),o.default.createElement(r.Button,{type:"primary",onClick:function(){e.setState({value:["\u4e1c\u5317\u83dc","\u5317\u4eac\u70e4\u9e2d"]})}},"\u9009\u4e2d\u4e24\u4e2a"))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),242: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,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(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&&a(e,t)}(f,e);var t,n,i,s=l(f);function f(e){var t;return c(this,f),(t=s.call(this,e)).state={checked:!0},t}return t=f,(n=[{key:"onChange",value:function(e){console.log("e.target.checked:",e.target.checked),this.setState({checked:e.target.checked})}},{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement(r.Checkbox,{onChange:this.onChange.bind(this),checked:this.state.checked,style:{marginRight:10}}),o.default.createElement(r.Button,{size:"small",type:"primary",onClick:function(){e.setState({checked:!e.state.checked})}},"\u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001"))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}()},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.Checkbox, {\n    onChange: function onChange(e) {\n      console.log(e.target.checked);\n      console.log(e.target);\n    }\n  }, "\\u672A\\u9009\\u4E2D"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    checked: true\n  }, "\\u9009\\u4E2D"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo =()=> (\n  <div>\n    <Checkbox onChange={(e) =>{\n      console.log(e.target.checked)\n      console.log(e.target)\n    }}>\u672a\u9009\u4e2d</Checkbox>\n    <Checkbox checked >\u9009\u4e2d</Checkbox>\n  </div>\n);\nexport default Demo"},38:{name:38,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.Form, {\n    onChange: function onChange(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log(\'onChange~~~:::\', initial, current);\n    },\n    onSubmit: function onSubmit(_ref2) {\n      var initial = _ref2.initial,\n          current = _ref2.current;\n      console.log(\'onSubmit~~~:::\', initial, current);\n\n      _uiw.Notify.success({\n        title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n        description: "\\u9009\\u9879\\u4E3A\\uFF1A\\u3010".concat(current.checkbox, "\\u3011\\u3010").concat(JSON.stringify(current.checkboxGroup), "\\u3011\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n      });\n    },\n    fields: {\n      checkbox: {\n        inline: true,\n        initialValue: true,\n        label: \'\u5355\u9009\u6761\u4ef6\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, null, "\\u56DB\\u5DDD\\u83DC"),\n        validator: function validator(value) {\n          return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n        }\n      },\n      checkboxGroup: {\n        initialValue: [\'\u56db\u5ddd\u83dc\'],\n        label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u83DC\\u7CFB"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u56DB\\u5DDD\\u83DC"\n        }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u6E56\\u5317\\u83DC"\n        }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u897F\\u5317\\u83DC"\n        }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          disabled: true,\n          value: "\\u65B0\\u7586\\u83DC"\n        }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u4E1C\\u5317\\u83DC"\n        }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            marginTop: 10\n          }\n        }, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"\n        }, "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u9EBB\\u5A46\\u8C46\\u8150"\n        }, "\\u9EBB\\u5A46\\u8C46\\u8150"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n        }, "\\u5317\\u4EAC\\u70E4\\u9E2D"))\n      }\n    }\n  }, function (_ref3) {\n    var fields = _ref3.fields,\n        state = _ref3.state,\n        canSubmit = _ref3.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkbox)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkboxGroup)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\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, Checkbox, Row, Col, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onChange={({ initial, current }) => {\n        console.log(\'onChange~~~:::\', initial, current);\n      }}\n      onSubmit={({initial, current}) => {\n        console.log(\'onSubmit~~~:::\', initial, current)\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u9009\u9879\u4e3a\uff1a\u3010${current.checkbox}\u3011\u3010${JSON.stringify(current.checkboxGroup)}\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        checkbox: {\n          inline: true,\n          initialValue: true,\n          label: \'\u5355\u9009\u6761\u4ef6\',\n          children: <Checkbox>\u56db\u5ddd\u83dc</Checkbox>,\n          validator: (value) => {\n            return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n          },\n        },\n        checkboxGroup: {\n          initialValue: [\'\u56db\u5ddd\u83dc\'],\n          label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n          children: (\n            <Checkbox.Group>\n              <div>\u83dc\u7cfb</div>\n              <Checkbox value="\u56db\u5ddd\u83dc">\u56db\u5ddd\u83dc</Checkbox>\n              <Checkbox value="\u6e56\u5317\u83dc">\u6e56\u5317\u83dc</Checkbox>\n              <Checkbox value="\u897f\u5317\u83dc">\u897f\u5317\u83dc</Checkbox>\n              <Checkbox disabled value="\u65b0\u7586\u83dc">\u65b0\u7586\u83dc</Checkbox>\n              <Checkbox value="\u4e1c\u5317\u83dc">\u4e1c\u5317\u83dc</Checkbox>\n              <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n              <Checkbox value="\u7ea2\u70e7\u6b66\u660c\u9c7c">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n              <Checkbox value="\u9ebb\u5a46\u8c46\u8150">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n              <Checkbox value="\u5317\u4eac\u70e4\u9e2d">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n            </Checkbox.Group>\n          ),\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.checkbox}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.checkboxGroup}</Col>\n            </Row>\n            <Row>\n              <Col>\n                <Button disabled={!canSubmit()} type="primary" htmlType="submit">\n                  \u63d0\u4ea4\n                </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;'},121:{name:121,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.Checkbox, {\n    disabled: true,\n    checked: true\n  }, "\\u672A\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    disabled: true,\n    checked: true\n  }, "\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    disabled: true,\n    indeterminate: true\n  }, "\\u534A\\u9009\\u4E2D\\u7981\\u7528"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo= ()=>(\n  <div>\n    <Checkbox disabled checked>\u672a\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled checked>\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled indeterminate>\u534a\u9009\u4e2d\u7981\u7528</Checkbox>\n  </div>\n);\nexport default Demo"},137:{name:137,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 checkedList = [\'\u56db\u5ddd\u83dc\', \'\u6e56\u5317\u83dc\', \'\u897f\u5317\u83dc\', \'\u65b0\u7586\u83dc\', \'\u4e1c\u5317\u83dc\'];\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      value: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\'],\n      indeterminate: true,\n      checkAll: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e, list) {\n      console.log(\'list\', list);\n      console.log(\'list\', checkedList);\n      this.setState({\n        value: list,\n        indeterminate: !!list.length && list.length < checkedList.length,\n        checkAll: list.length === checkedList.length\n      });\n    }\n  }, {\n    key: "onCheckAllChange",\n    value: function onCheckAllChange(e) {\n      this.setState({\n        value: e.target.checked ? checkedList : [],\n        indeterminate: false,\n        checkAll: e.target.checked\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this$state = this.state,\n          indeterminate = _this$state.indeterminate,\n          checkAll = _this$state.checkAll;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        checked: checkAll,\n        indeterminate: indeterminate,\n        onChange: this.onCheckAllChange.bind(this)\n      }, "\\u5168\\u9009"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, {\n        name: "cuisine",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }, checkedList.map(function (item, idx) {\n        return /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          key: idx,\n          value: item\n        }, item);\n      })));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider } from 'uiw';\n\nconst checkedList = [ '\u56db\u5ddd\u83dc', '\u6e56\u5317\u83dc', '\u897f\u5317\u83dc', '\u65b0\u7586\u83dc', '\u4e1c\u5317\u83dc' ];\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n      indeterminate: true,\n      checkAll: false,\n    };\n  }\n  onChange(e, list) {\n    console.log('list', list);\n    console.log('list', checkedList);\n    this.setState({\n      value: list,\n      indeterminate: !!list.length && (list.length < checkedList.length),\n      checkAll: list.length === checkedList.length,\n    });\n  }\n  onCheckAllChange(e) {\n    this.setState({\n      value: e.target.checked ? checkedList : [],\n      indeterminate: false,\n      checkAll: e.target.checked,\n    });\n  }\n  render() {\n    const { indeterminate, checkAll } = this.state;\n    return (\n      <div>\n        <Checkbox checked={checkAll} indeterminate={indeterminate} onChange={this.onCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n        <Divider />\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          {checkedList.map((item, idx) => {\n            return (\n              <Checkbox key={idx} value={item}>{item}</Checkbox>\n            )\n          })}\n        </Checkbox.Group>\n      </div>\n    )\n  }\n}\n\nexport default Demo;"},192:{name:192,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      value: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\']\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e, list) {\n      console.log(\'Value:--\x3e\', e.target.value, list);\n      this.setState({\n        value: list\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, {\n        name: "cuisine",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u56DB\\u5DDD\\u83DC"\n      }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u6E56\\u5317\\u83DC"\n      }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u672C\\u5E2E\\u6C5F\\u6D59\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u897F\\u5317\\u83DC"\n      }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u65B0\\u7586\\u83DC"\n      }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u4E1C\\u5317\\u83DC"\n      }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n      }, "\\u5317\\u4EAC\\u70E4\\u9E2D")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        type: "primary",\n        onClick: function onClick() {\n          // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n          _this2.setState({\n            value: [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']\n          });\n        }\n      }, "\\u9009\\u4E2D\\u4E24\\u4E2A"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n    };\n  }\n  onChange(e, list) {\n    console.log('Value:--\x3e', e.target.value, list);\n    this.setState({ value: list });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          <div>\u5ddd\u83dc</div>\n          <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n          <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n          <div>\u672c\u5e2e\u6c5f\u6d59\u83dc</div>\n          <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n          <div>\u5bb6\u5e38\u83dc</div>\n          <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n        </Checkbox.Group>\n        <Divider />\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            // console.log('set::', ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d']);\n            this.setState({ value: ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d'] });\n          }}\n        >\n          \u9009\u4e2d\u4e24\u4e2a\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;"},242:{name:242,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      checked: true\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e) {\n      console.log(\'e.target.checked:\', e.target.checked);\n      this.setState({\n        checked: e.target.checked\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        onChange: this.onChange.bind(this),\n        checked: this.state.checked,\n        style: {\n          marginRight: 10\n        }\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        size: "small",\n        type: "primary",\n        onClick: function onClick() {\n          _this2.setState({\n            checked: !_this2.state.checked\n          });\n        }\n      }, "\\u70B9\\u51FB\\u6309\\u94AE\\u6539\\u53D8 Checkbox \\u72B6\\u6001"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: true\n    }\n  }\n  onChange(e) {\n    console.log('e.target.checked:', e.target.checked);\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n        <Button\n          size=\"small\"\n          type=\"primary\"\n          onClick={() => {\n            this.setState({ checked: !this.state.checked });\n          }}\n        >\n          \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;"}},source:"Checkbox \u591a\u9009\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-checkbox/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-checkbox.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-checkbox)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-checkbox.svg?label=@uiw/react-checkbox)](https://npmjs.com/@uiw/react-checkbox)\n\n\u4e00\u7ec4\u5907\u9009\u9879\u4e2d\u8fdb\u884c\u591a\u9009\n\n```jsx\nimport { Checkbox } from 'uiw';\n// or\nimport Checkbox from '@uiw/react-checkbox';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u5355\u72ec\u4f7f\u7528\u53ef\u4ee5\u8868\u793a\u4e24\u79cd\u72b6\u6001\u4e4b\u95f4\u7684\u5207\u6362\uff0c\u534a\u9009\u4e2d\u53ea\u662f\u6837\u5f0f\u4e0a\u7684\u8868\u73b0\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo =()=> (\n  <div>\n    <Checkbox onChange={(e) =>{\n      console.log(e.target.checked)\n      console.log(e.target)\n    }}>\u672a\u9009\u4e2d</Checkbox>\n    <Checkbox checked >\u9009\u4e2d</Checkbox>\n  </div>\n);\nexport default Demo\n```\n\n### Form \u4e2d\u4f7f\u7528 Checkbox\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Checkbox, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onChange={({ initial, current }) => {\n        console.log('onChange~~~:::', initial, current);\n      }}\n      onSubmit={({initial, current}) => {\n        console.log('onSubmit~~~:::', initial, current)\n        Notify.success({\n          title: '\u63d0\u4ea4\u6210\u529f\uff01',\n          description: `\u9009\u9879\u4e3a\uff1a\u3010${current.checkbox}\u3011\u3010${JSON.stringify(current.checkboxGroup)}\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        checkbox: {\n          inline: true,\n          initialValue: true,\n          label: '\u5355\u9009\u6761\u4ef6',\n          children: <Checkbox>\u56db\u5ddd\u83dc</Checkbox>,\n          validator: (value) => {\n            return !value ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null;\n          },\n        },\n        checkboxGroup: {\n          initialValue: ['\u56db\u5ddd\u83dc'],\n          label: '\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc',\n          children: (\n            <Checkbox.Group>\n              <div>\u83dc\u7cfb</div>\n              <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n              <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n              <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n              <Checkbox disabled value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n              <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n              <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n              <Checkbox value=\"\u7ea2\u70e7\u6b66\u660c\u9c7c\">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n              <Checkbox value=\"\u9ebb\u5a46\u8c46\u8150\">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n              <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n            </Checkbox.Group>\n          ),\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.checkbox}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.checkboxGroup}</Col>\n            </Row>\n            <Row>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\n                  \u63d0\u4ea4\n                </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### \u7981\u7528\u6837\u5f0f\n\n\u901a\u8fc7\u8bbe\u7f6e `disabled` \u5c5e\u6027\u6765\u7981\u7528\u591a\u9009\u6846\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo= ()=>(\n  <div>\n    <Checkbox disabled checked>\u672a\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled checked>\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled indeterminate>\u534a\u9009\u4e2d\u7981\u7528</Checkbox>\n  </div>\n);\nexport default Demo\n```\n\n### \u5168\u9009\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Divider } from 'uiw';\n\nconst checkedList = [ '\u56db\u5ddd\u83dc', '\u6e56\u5317\u83dc', '\u897f\u5317\u83dc', '\u65b0\u7586\u83dc', '\u4e1c\u5317\u83dc' ];\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n      indeterminate: true,\n      checkAll: false,\n    };\n  }\n  onChange(e, list) {\n    console.log('list', list);\n    console.log('list', checkedList);\n    this.setState({\n      value: list,\n      indeterminate: !!list.length && (list.length < checkedList.length),\n      checkAll: list.length === checkedList.length,\n    });\n  }\n  onCheckAllChange(e) {\n    this.setState({\n      value: e.target.checked ? checkedList : [],\n      indeterminate: false,\n      checkAll: e.target.checked,\n    });\n  }\n  render() {\n    const { indeterminate, checkAll } = this.state;\n    return (\n      <div>\n        <Checkbox checked={checkAll} indeterminate={indeterminate} onChange={this.onCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n        <Divider />\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          {checkedList.map((item, idx) => {\n            return (\n              <Checkbox key={idx} value={item}>{item}</Checkbox>\n            )\n          })}\n        </Checkbox.Group>\n      </div>\n    )\n  }\n}\n\nexport default Demo;\n```\n\n### \u591a\u9009\u7ec4\n\n\u65b9\u4fbf\u7684\u4ece\u6570\u7ec4\u751f\u6210 `Checkbox` \u7ec4\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Divider, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n    };\n  }\n  onChange(e, list) {\n    console.log('Value:--\x3e', e.target.value, list);\n    this.setState({ value: list });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          <div>\u5ddd\u83dc</div>\n          <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n          <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n          <div>\u672c\u5e2e\u6c5f\u6d59\u83dc</div>\n          <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n          <div>\u5bb6\u5e38\u83dc</div>\n          <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n        </Checkbox.Group>\n        <Divider />\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            // console.log('set::', ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d']);\n            this.setState({ value: ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d'] });\n          }}\n        >\n          \u9009\u4e2d\u4e24\u4e2a\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Checkbox` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: true\n    }\n  }\n  onChange(e) {\n    console.log('e.target.checked:', e.target.checked);\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n        <Button\n          size=\"small\"\n          type=\"primary\"\n          onClick={() => {\n            this.setState({ checked: !this.state.checked });\n          }}\n        >\n          \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;\n```\n\n\n## Checkbox\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| options | \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d | Boolean | false |\n| disabled | \u7981\u7528 | Boolean | false |\n| onChange | \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(e:Event, checked:Boolean) | - |\n| checked | \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d | Boolean | false |\n| indeterminate | \u534a\u9009\u4e2d\uff0c\u53ea\u8d1f\u8d23\u6837\u5f0f\u63a7\u5236 | Boollean | false |\n\n## Checkbox.Group\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| name | \u9690\u85cf\u8f93\u5165\u7684\u540d\u79f0\uff0c\u5728\u8868\u5355\u4e2d\u4f7f\u7528\u65f6\u5f88\u6709\u7528 | string | - |\n| value | \u63a7\u5236\u65f6 `select` \u7684\u503c\u5fc5\u987b\u4e0e `onChange` \u51fd\u6570\u4e00\u8d77\u4f7f\u7528\u624d\u80fd\u66f4\u65b0 `select` \u7684\u503c | Array | `[]` |\n| onChange | \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(e:Event, checkedValues: Array) | - |\n"}}}]);
-//# sourceMappingURL=3914.e9637bc5.chunk.js.map

package/web/static/js/4070.0ace6541.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4070],{4070:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(r.Empty,null)}}(),32:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(r.Empty,{description:n.default.createElement("span",null,"Customize ",n.default.createElement("a",{href:"#"},"Description")),icon:n.default.createElement(r.Icon,{type:"shopping-cart",style:{fontSize:"39px"}})},n.default.createElement(r.Button,{type:"primary"},"\u65b0\u589e\u6570\u636e"))}}(),56:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(r.Empty,{description:!1})}}()},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.Empty, null);\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Empty } from 'uiw';\n\nfunction Demo() {\n  return <Empty />\n}\nexport default Demo"},32:{name:32,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(_uiw.Empty, {\n    description: /*#__PURE__*/_react["default"].createElement("span", null, "Customize ", /*#__PURE__*/_react["default"].createElement("a", {\n      href: "#"\n    }, "Description")),\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "shopping-cart",\n      style: {\n        fontSize: \'39px\'\n      }\n    })\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary"\n  }, "\\u65B0\\u589E\\u6570\\u636E"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Empty, Icon, Button } from 'uiw';\n\nconst Demo = () => {\n  return(\n    <Empty\n      description={\n        <span>\n          Customize <a href=\"#\">Description</a>\n        </span>\n      }\n      icon={<Icon type=\"shopping-cart\"  style={{ fontSize: '39px' }} />}\n    >\n      <Button type=\"primary\">\u65b0\u589e\u6570\u636e</Button>\n    </Empty>\n  )\n}\n\nexport default Demo"},56:{name:56,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.Empty, {\n    description: false\n  });\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Empty } from 'uiw';\n\nfunction Demo() {\n  return <Empty description={false} />\n}\nexport default Demo"}},source:"Empty \u7a7a\u72b6\u6001\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-empty/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-empty.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-empty)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-empty.svg?label=@uiw/react-empty)](https://npmjs.com/@uiw/react-empty)\n\n\u7a7a\u72b6\u6001\u65f6\u7684\u5c55\u793a\u5360\u4f4d\u56fe\u3002\u65b0\u7ec4\u4ef6 `v4.11.0+` \u652f\u6301\u3002\n\n```jsx\nimport { Empty } from 'uiw';\n// or\nimport Empty from '@uiw/react-empty';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Empty } from 'uiw';\n\nfunction Demo() {\n  return <Empty />\n}\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\n\n\u901a\u8fc7\u81ea\u5b9a\u4e49\u5c5e\u6027\u5b9a\u5236\u4e2a\u6027\u5316\u5c55\u793a\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Empty, Icon, Button } from 'uiw';\n\nconst Demo = () => {\n  return(\n    <Empty\n      description={\n        <span>\n          Customize <a href=\"#\">Description</a>\n        </span>\n      }\n      icon={<Icon type=\"shopping-cart\"  style={{ fontSize: '39px' }} />}\n    >\n      <Button type=\"primary\">\u65b0\u589e\u6570\u636e</Button>\n    </Empty>\n  )\n}\n\nexport default Demo\n```\n\n### \u65e0\u63cf\u8ff0\u5c55\u793a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Empty } from 'uiw';\n\nfunction Demo() {\n  return <Empty description={false} />\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| description | \u81ea\u5b9a\u4e49\u63cf\u8ff0\u5185\u5bb9 | `ReactNode` | `\u6682\u65e0\u6570\u636e` |\n| icon | \u53ef\u4ee5\u66ff\u6362\u5185\u7f6e\u56fe\u6807 | `ReactNode` | - |\n| size | \u5185\u7f6e svg \u56fe\u6807\uff1a\u5c3a\u5bf8 | `number \\| string` | - |\n| iconProps | \u5185\u7f6e svg \u56fe\u6807\uff1a\u5c5e\u6027\u8bbe\u7f6e| `React.SVGProps<SVGSVGElement>` | - |\n"}}}]);
-//# sourceMappingURL=4070.0ace6541.chunk.js.map

package/web/static/js/4107.d91e770f.chunk.js

@@ -1,2 +0,0 @@
-(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4107],{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 D}});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 j={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)({},j),{},{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 j(){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 k="index_docinfo__3Vx8S",g="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function D(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:g,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 j=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:j,children:(0,p.jsx)(v,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:k,children:(0,p.jsx)(j,{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}}},7403: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(270)),c=n(7946),s=n(9265);function a(){var e=(0,c.A)();return(0,s.jsx)(i.Z,{path:"https://github.com/uiwjs/uiw/tree/master/website/src/routes/components/colors/README.md",renderPage:(0,o.Z)((0,r.Z)().mark((function t(){var o;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n(6664)("./README".concat(e,".md"));case 2:return o=t.sent,t.abrupt("return",o.default||o);case 4:case"end":return t.stop()}}),t)})))})}},6664:function(e,t,n){var r={"./README.en-US.md":[3083,3083],"./README.md":[9694,9694]};function o(e){if(!n.o(r,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=r[e],o=t[0];return n.e(t[1]).then((function(){return n(o)}))}o.keys=function(){return Object.keys(r)},o.id=6664,e.exports=o}}]);
-//# sourceMappingURL=4107.d91e770f.chunk.js.map

package/web/static/js/4137.afdec2d8.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4137],{4137:function(e,n,t){t.r(n),n.default={components:{18: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,i=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);o=!0);}catch(l){u=!0,a=l}finally{try{o||null==t.return||t.return()}finally{if(u)throw a}}return i}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return i(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 i(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 i(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({current:2,pageSize:10}),2),t=e[0],i=e[1];return n.default.createElement("div",null,n.default.createElement(r.Pagination,{current:t.current,pageSize:t.pageSize,total:30,divider:!0,pageSizeOptions:[5,10,20,30],onShowSizeChange:function(e,n){return i({current:e,pageSize:n})}}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:2,pageSize:10,total:38,divider:!0}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:1,pageSize:5,total:249,pageSizeOptions:[5,10,20,30]}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:1,alignment:"center",pageSize:10,total:50}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:1,pageSize:10,total:60,divider:!0}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:1,pageSize:10,total:70,divider:!0}))}}(),60: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.Pagination,{size:"small",current:1,pageSize:5,pageSizeOptions:[5,10,20,30],total:249}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{size:"small",current:1,pageSize:10,total:50}))}}(),78: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.Pagination,{current:5,total:250,onChange:function(e){console.log("pageNumber:".concat(e))}}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:1,alignment:"center",total:250,onChange:function(e){console.log("pageNumber:".concat(e))}}),n.default.createElement(r.Divider,null),n.default.createElement(r.Pagination,{current:25,alignment:"right",total:250,onChange:function(e){console.log("pageNumber:".concat(e))}}))}}()},data:{18:{name:18,meta:{background:"transparent",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({\n    current: 2,\n    pageSize: 10\n  }),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      pageObj = _React$useState2[0],\n      setPageObj = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: pageObj.current,\n    pageSize: pageObj.pageSize,\n    total: 30,\n    divider: true,\n    pageSizeOptions: [5, 10, 20, 30],\n    onShowSizeChange: function onShowSizeChange(current, pageSize) {\n      return setPageObj({\n        current: current,\n        pageSize: pageSize\n      });\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 2,\n    pageSize: 10,\n    total: 38,\n    divider: true\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 1,\n    pageSize: 5,\n    total: 249,\n    pageSizeOptions: [5, 10, 20, 30]\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 1,\n    alignment: "center",\n    pageSize: 10,\n    total: 50\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 1,\n    pageSize: 10,\n    total: 60,\n    divider: true\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 1,\n    pageSize: 10,\n    total: 70,\n    divider: true\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\n\nconst Demo = () => {\n  const [pageObj, setPageObj] = React.useState({\n    current: 2,\n    pageSize: 10\n  });\n  return (\n    <div>\n      <Pagination\n        current={pageObj.current}\n        pageSize={pageObj.pageSize}\n        total={30}\n        divider\n        pageSizeOptions={[5, 10, 20, 30]}\n        onShowSizeChange={(current, pageSize) => setPageObj({\n          current: current,\n          pageSize: pageSize\n        })}\n      />\n      <Divider />\n      <Pagination current={2} pageSize={10} total={38} divider />\n      <Divider />\n      <Pagination current={1} pageSize={5} total={249} pageSizeOptions={[5, 10, 20, 30]} />\n      <Divider />\n      <Pagination current={1} alignment=\"center\" pageSize={10} total={50} />\n      <Divider />\n      <Pagination current={1} pageSize={10} total={60} divider />\n      <Divider />\n      <Pagination current={1} pageSize={10} total={70} divider />\n    </div>\n  )\n}\n\nexport default Demo"},60:{name:60,meta:{background:"transparent",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("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    size: "small",\n    current: 1,\n    pageSize: 5,\n    pageSizeOptions: [5, 10, 20, 30],\n    total: 249\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    size: "small",\n    current: 1,\n    pageSize: 10,\n    total: 50\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Pagination size=\"small\" current={1} pageSize={5} pageSizeOptions={[5, 10, 20, 30]} total={249} />\n    <Divider />\n    <Pagination size=\"small\" current={1} pageSize={10} total={50} />\n  </div>\n}\nexport default Demo"},78:{name:78,meta:{background:"transparent",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("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 5,\n    total: 250,\n    onChange: function onChange(pageNumber) {\n      console.log("pageNumber:".concat(pageNumber));\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 1,\n    alignment: "center",\n    total: 250,\n    onChange: function onChange(pageNumber) {\n      console.log("pageNumber:".concat(pageNumber));\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Pagination, {\n    current: 25,\n    alignment: "right",\n    total: 250,\n    onChange: function onChange(pageNumber) {\n      console.log("pageNumber:".concat(pageNumber));\n    }\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Pagination\n      current={5}\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n    <Divider />\n    <Pagination\n      current={1}\n      alignment=\"center\"\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n    <Divider />\n    <Pagination\n      current={25}\n      alignment=\"right\"\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n  </div>\n}\n\nexport default Demo"}},source:"Pagination \u5206\u9875\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-pagination/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-pagination.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-pagination)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-pagination.svg?label=@uiw/react-pagination)](https://npmjs.com/@uiw/react-pagination)\n\n\u5f53\u6570\u636e\u91cf\u8f83\u591a\u65f6\uff0c\u4f7f\u7528\u5206\u9875\u53ef\u4ee5\u5feb\u901f\u8fdb\u884c\u6570\u636e\u5207\u6362\uff0c\u6bcf\u6b21\u53ea\u52a0\u8f7d\u4e00\u4e2a\u9875\u9762\u3002\n\n```jsx\nimport { Pagination } from 'uiw';\n// or\nimport Pagination from '@uiw/react-pagination';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=transparent&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\n\nconst Demo = () => {\n  const [pageObj, setPageObj] = React.useState({\n    current: 2,\n    pageSize: 10\n  });\n  return (\n    <div>\n      <Pagination\n        current={pageObj.current}\n        pageSize={pageObj.pageSize}\n        total={30}\n        divider\n        pageSizeOptions={[5, 10, 20, 30]}\n        onShowSizeChange={(current, pageSize) => setPageObj({\n          current: current,\n          pageSize: pageSize\n        })}\n      />\n      <Divider />\n      <Pagination current={2} pageSize={10} total={38} divider />\n      <Divider />\n      <Pagination current={1} pageSize={5} total={249} pageSizeOptions={[5, 10, 20, 30]} />\n      <Divider />\n      <Pagination current={1} alignment=\"center\" pageSize={10} total={50} />\n      <Divider />\n      <Pagination current={1} pageSize={10} total={60} divider />\n      <Divider />\n      <Pagination current={1} pageSize={10} total={70} divider />\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u8ff7\u4f60\u5206\u9875\n\n```jsx mdx:preview&background=transparent&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Pagination size=\"small\" current={1} pageSize={5} pageSizeOptions={[5, 10, 20, 30]} total={249} />\n    <Divider />\n    <Pagination size=\"small\" current={1} pageSize={10} total={50} />\n  </div>\n}\nexport default Demo\n```\n\n### \u5bf9\u9f50\n\n\u76ee\u524d\u6709\u4e09\u79cd\u5bf9\u9f50\u65b9\u5f0f `\u5de6\u8fb9(left)`\u3001`\u4e2d\u95f4(center)`\u3001`\u53f3\u8fb9(right)`\u3002\n\n```jsx mdx:preview&background=transparent&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Pagination, Divider } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Pagination\n      current={5}\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n    <Divider />\n    <Pagination\n      current={1}\n      alignment=\"center\"\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n    <Divider />\n    <Pagination\n      current={25}\n      alignment=\"right\"\n      total={250}\n      onChange={(pageNumber) => { \n        console.log(`pageNumber:${pageNumber}`)\n      }}\n    />\n  </div>\n}\n\nexport default Demo\n```\n\n### Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|------ |-------- |---------- |-------- |\n| current | \u5f53\u524d\u9875\u6570\uff0c\u9009\u4e2d\u7684\u9875\u6570 | Number | 1 |\n| total | \u6570\u636e\u603b\u6570 | Number | 0 |\n| pageSize | \u6bcf\u9875\u6761\u6570 | Number | 10 |\n| pageSizeOptions | \u6307\u5b9a\u6bcf\u9875\u53ef\u4ee5\u663e\u793a\u591a\u5c11\u6761 | Number[] | - |\n| divider | \u9875\u7801\u4e4b\u95f4\u662f\u5426\u95f4\u9694 | Boolean | - |\n| size | \u5f53\u4e3a `small` \u65f6\uff0c\u662f\u5c0f\u5c3a\u5bf8\u5206\u9875 | Enum{`small`, `default`} | - |\n| alignment | \u5bf9\u9f50 | Enum{`left`, `center`, `right`} | `left` |\n| onChange | \u9875\u7801\u6539\u53d8\u7684\u56de\u8c03\uff0c\u8fd4\u56de\u6539\u53d8\u540e\u7684\u9875\u7801 | Function(current, total, pageSize) | - |\n| onShowSizeChange | pageSize \u53d8\u5316\u7684\u56de\u8c03 | Function(current, pageSize) | - |"}}}]);
-//# sourceMappingURL=4137.afdec2d8.chunk.js.map