@uiw/doc
Version:
UIW documentation website.
2 lines • 17 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[494],{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:()=>h});var r=n(8573),a=n(6320),o=n(8563),i=n(7622),l=n(7937);const u={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function s(){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:u.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)(l.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)(l.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(l.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(l.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)(l.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const d=a.ZP.Preview,f=a.ZP.Code,m=a.ZP.Toolbar,p=e=>{var t,n;let{node:i,components:l,data:u,...s}=e;const p=(0,r.useRef)(null),{headings:h,headingsList:_,...b}=s;(0,r.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const w=null===i||void 0===i||null===(t=i.position)||void 0===t?void 0:t.start.line,y=null===i||void 0===i||null===(n=i.data)||void 0===n?void 0:n.meta,g=(0,o.Mx)(y)||String(w),v=l["".concat(g)];if(g&&"function"===typeof v){const e=u[g].value||"",t=(0,o.aE)(y||"");return(0,c.jsxs)(a.ZP,{ref:p,children:[(0,c.jsx)(d,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(v,{})}),(0,c.jsx)(m,{text:e,children:t.title||"Example"}),(0,c.jsx)(f,{children:(0,c.jsx)("pre",{...b})})]})}return(0,c.jsx)("code",{...b})};function h(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(i.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(p,{...e,...t})}}),(0,c.jsx)(s,{path:e.path})]})}},6927:(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,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(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("2019/04"),2),n=e[0],o=e[1];return t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{style:{width:200},fixed:!0},t.default.createElement(r.MonthPicker,{size:"large",onChange:function(e,t){o(t)},placeholder:"Select month"})),t.default.createElement(r.Col,{style:{width:200},fixed:!0},t.default.createElement(r.MonthPicker,{disabled:!0,value:n,placeholder:"Select month"})))}}(),43:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Form,{onSubmit:function(e){var t=e.initial,n=e.current;n.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(n.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(n.date,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")}),console.log("--\x3e>",t,n)},fields:{date:{labelClassName:"fieldLabel",labelFor:"date-inline",children:t.default.createElement(r.MonthPicker,{id:"date-inline"})}}},(function(e){var n=e.fields,a=(e.state,e.canSubmit);return t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{style:{width:200},fixed:!0},n.date),t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")))})))}}()},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(\'2019/04\'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formatDate = _React$useState2[0],\n setFormatDate = _React$useState2[1];\n function onChange(date, formatDate) {\n setFormatDate(formatDate);\n }\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n size: "large",\n onChange: onChange,\n placeholder: "Select month"\n })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n disabled: true,\n value: formatDate,\n placeholder: "Select month"\n })));\n};',language:"jsx",value:"import React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nexport default function Demo() {\n const [formatDate, setFormatDate] = React.useState('2019/04')\n function onChange(date, formatDate) {\n setFormatDate(formatDate)\n }\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n </Col>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n </Col>\n </Row>\n )\n}"},43:{name:43,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\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 console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n date: {\n labelClassName: \'fieldLabel\',\n labelFor: \'date-inline\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\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(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, fields.date), /*#__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")));\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n <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 console.log('--\x3e>', initial, current);\n }}\n fields={{\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: <MonthPicker id=\"date-inline\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n )\n }}\n </Form>\n </div>\n )\n}"}},source:"MonthPicker \u6708\u4efd\u9009\u62e9\u5668\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-month-picker)\n[](https://npmjs.com/@uiw/react-month-picker)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { MonthPicker } from 'uiw';\n// or\nimport MonthPicker from '@uiw/react-month-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nexport default function Demo() {\n const [formatDate, setFormatDate] = React.useState('2019/04')\n function onChange(date, formatDate) {\n setFormatDate(formatDate)\n }\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n </Col>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n </Col>\n </Row>\n )\n}\n```\n\n## \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n <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 console.log('--\x3e>', initial, current);\n }}\n fields={{\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: <MonthPicker id=\"date-inline\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n )\n }}\n </Form>\n </div>\n )\n}\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(Date, formatDate) | - |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | Object | - |\n| pickerCaptionProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<DatePicker>`](#/components/date-picker) `PickerCaption` \u7ec4\u4ef6 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\n| disabled | \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 | Boolean | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\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-month-picker/README.md"})}}}]);
//# sourceMappingURL=494.649af578.chunk.js.map