@uiw/doc
Version:
UIW documentation website.
2 lines • 19.8 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5490],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,r)=>{"use strict";r.d(t,{Z:()=>b});var n=r(8573),o=r(6320),i=r(8563),a=r(7622),u=r(7937);const l={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=r(4760);function m(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,r=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:l.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",r&&(0,c.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(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 f=o.ZP.Preview,s=o.ZP.Code,d=o.ZP.Toolbar,p=e=>{var t,r;let{node:a,components:u,data:l,...m}=e;const p=(0,n.useRef)(null),{headings:b,headingsList:_,...y}=m;(0,n.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const h=null===a||void 0===a||null===(t=a.position)||void 0===t?void 0:t.start.line,w=null===a||void 0===a||null===(r=a.data)||void 0===r?void 0:r.meta,v=(0,i.Mx)(w)||String(h),j=u["".concat(v)];if(v&&"function"===typeof j){const e=l[v].value||"",t=(0,i.aE)(w||"");return(0,c.jsxs)(o.ZP,{ref:p,children:[(0,c.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(j,{})}),(0,c.jsx)(d,{text:e,children:t.title||"Example"}),(0,c.jsx)(s,{children:(0,c.jsx)("pre",{...y})})]})}return(0,c.jsx)("code",{...y})};function b(e){return(0,c.jsxs)(n.Fragment,{children:[(0,c.jsx)(a.Z,{className:l.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(p,{...e,...t})}}),(0,c.jsx)(m,{path:e.path})]})}},5626:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});const n={components:{19:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",{style:{maxWidth:300}},t.default.createElement(n.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))}}(),35:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);function o(e){return o="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},o(e)}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}return function(){return t.default.createElement("div",null,t.default.createElement(n.Form,{onSubmitError:function(e){return e.filed?function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t=e.current,r={};if(t.commit||(r.commit="\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9"),Object.keys(r).length>0){var o=new Error;throw o.filed=r,n.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),o}n.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a".concat(t.commit,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{commit:{children:t.default.createElement(n.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u8bf4\u660e\u5185\u5bb9"})}}},(function(e){var r=e.fields,o=e.state,i=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(n.Row,null,t.default.createElement(n.Col,{style:{maxWidth:300}},r.commit)),t.default.createElement(n.Row,null,t.default.createElement(n.Col,{fixed:!0},t.default.createElement(n.Button,{disabled:!i(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(n.Row,null,t.default.createElement(n.Col,null,t.default.createElement("pre",{style:{padding:10}},JSON.stringify(o.current,null,2)))))})))}}(),100:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e},n=r(7937);return function(){return t.default.createElement("div",{style:{maxWidth:300}},t.default.createElement(n.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",disabled:!0}))}}(),114:function(){var e,t=(e=r(8573))&&e.__esModule?e:{default:e};r(7937);return function(){return t.default.createElement("div",{style:{maxWidth:300}},t.default.createElement("textarea",{className:"w-textarea",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",defaultValue:""}))}}()},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 }; }\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};\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;"},35:{name:35,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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 return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var 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 var err = new Error();\n err.filed = errorObj;\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n throw err;\n }\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\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};\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;"},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 }; }\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};\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;"},114:{name:114,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 }; }\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};\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[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-textarea/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-textarea)\n[](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&bg=#fff\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&bg=#fff\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&bg=#fff\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&bg=#fff\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 | - |",headings:[],headingsList:[]};var o=r(5301),i=r(4760);function a(){return(0,i.jsx)(o.Z,{...n,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-textarea/README.md"})}}}]);
//# sourceMappingURL=5490.2b74f4aa.chunk.js.map