@uiw/doc
Version:
UIW documentation website.
2 lines • 40.5 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9846],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(8573),a=n(6320),o=n(8563),i=n(7622),u=n(7937);const l={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:l.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const s=a.ZP.Preview,f=a.ZP.Code,y=a.ZP.Toolbar,m=e=>{var t,n;let{node:i,components:u,data:l,...d}=e;const m=(0,r.useRef)(null),{headings:p,headingsList:b,..._}=d;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const h=null===i||void 0===i||null===(t=i.position)||void 0===t?void 0:t.start.line,v=null===i||void 0===i||null===(n=i.data)||void 0===n?void 0:n.meta,D=(0,o.Mx)(v)||String(h),g=u["".concat(D)];if(D&&"function"===typeof g){const e=l[D].value||"",t=(0,o.aE)(v||"");return(0,c.jsxs)(a.ZP,{ref:m,children:[(0,c.jsx)(s,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(g,{})}),(0,c.jsx)(y,{text:e,children:t.title||"Example"}),(0,c.jsx)(f,{children:(0,c.jsx)("pre",{..._})})]})}return(0,c.jsx)("code",{..._})};function p(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(i.Z,{className:l.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(m,{...e,...t})}}),(0,c.jsx)(d,{path:e.path})]})}},8372:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i});const r={components:{19:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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"))}}(),54:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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"))}}(),76:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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"))}}(),100:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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"))}}(),122:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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 i(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:i,date:n,onChange:function(e){return o(e)}}),t.default.createElement("div",null,n?String(n):"no date"))}}(),150:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);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){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}(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:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react["default"].useState(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 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};',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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}"},54:{name:54,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react["default"].useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n date = _React$useState2[0],\n setDate = _React$useState2[1];\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};',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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}"},76:{name:76,meta:{bg:"#fff"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react[\"default\"].useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n date = _React$useState2[0],\n setDate = _React$useState2[1];\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};",language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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}"},100:{name:100,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react["default"].useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n date = _React$useState2[0],\n setDate = _React$useState2[1];\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};',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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}"},122:{name:122,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction disabledDate(currentDate) {\n // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n return currentDate && currentDate.valueOf() < Date.now();\n}\nreturn function 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 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};',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\nexport default function 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}"},150:{name:150,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react["default"].useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n date = _React$useState2[0],\n setDate = _React$useState2[1];\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 if (week === 0 && !props.prev && !props.next) {\n style.boxShadow = \'inset 0 0 0 1px rgb(255 0 0)\';\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};',language:"jsx",value:"import React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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}"}},source:"DatePicker \u65e5\u671f\u9009\u62e9\u5668\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-date-picker/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-date-picker)\n[](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&bg=#fff\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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```\n\n### \u663e\u793a\u65f6\u95f4\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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```\n\n### \u8bbe\u7f6e\u672c\u5730\u8bed\u8a00\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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```\n\n### \u521d\u59cb\u5c55\u793a\u65e5\u671f\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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```\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&bg=#fff\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\nexport default function 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```\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&bg=#fff\nimport React from 'react';\nimport { DatePicker } from 'uiw';\n\nexport default function 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```\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",headings:[],headingsList:[]};var a=n(5301),o=n(4760);function i(){return(0,o.jsx)(a.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-date-picker/README.md"})}}}]);
//# sourceMappingURL=9846.f64fa568.chunk.js.map