https://uimjs.github.io/static/js/1436.aa995239.chunk.js

1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1436],{91742:(e,t,n)=>{n.r(t),n.d(t,{Component:()=>o});var r=n(76427);const u={components:{6: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=function(t,n){if(!n&&t&&t.__esModule)return t;if(null===t||"object"!=e(t)&&"function"!=typeof t)return{default:t};var r=o(n);if(r&&r.has(t))return r.get(t);var u={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var i=a?Object.getOwnPropertyDescriptor(t,l):null;i&&(i.get||i.set)?Object.defineProperty(u,l,i):u[l]=t[l]}return u.default=t,r&&r.set(t,u),u}(n(94599)),r=a(n(39453)),u=a(n(11360));function a(e){return e&&e.__esModule?e:{default:e}}function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}return function(){return t.default.createElement(t.Fragment,null,t.default.createElement(u.default,null,"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{type:"vertical"}),t.default.createElement(u.default,{type:"primary"},"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{size:"small"}),t.default.createElement(u.default,{type:"danger"},"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"))}}(),27: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=function(t,n){if(!n&&t&&t.__esModule)return t;if(null===t||"object"!=e(t)&&"function"!=typeof t)return{default:t};var r=o(n);if(r&&r.has(t))return r.get(t);var u={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var i=a?Object.getOwnPropertyDescriptor(t,l):null;i&&(i.get||i.set)?Object.defineProperty(u,l,i):u[l]=t[l]}return u.default=t,r&&r.set(t,u),u}(n(94599)),r=a(n(39453)),u=a(n(11360));function a(e){return e&&e.__esModule?e:{default:e}}function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}return function(){return t.default.createElement(t.Fragment,null,t.default.createElement(u.default,null,"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{size:"small"}),t.default.createElement(u.default,{type:"primary"},"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{size:"default"}),t.default.createElement(u.default,{type:"danger"},"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{size:"large"}),t.default.createElement(u.default,null,"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.default.createElement(r.default,{size:100}),t.default.createElement(u.default,{type:"primary"},"\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd"))}}()},data:{6:{name:6,meta:{background:"#bebebe29"},code:'"use strict";\n\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); }\nvar _react = _interopRequireWildcard(require("react"));\nvar _Spacing = _interopRequireDefault(require("@uiw/react-native/lib/Spacing"));\nvar _Button = _interopRequireDefault(require("@uiw/react-native/lib/Button"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esMo

1dule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    type: "vertical"\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {\n    type: "primary"\n  }, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    size: "small"\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {\n    type: "danger"\n  }, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"));\n};\nreturn Demo;',language:"jsx",value:"import React,{ Fragment } from 'react';\nimport { Spacing, Button } from '@uiw/react-native';\n\nconst Demo = () => {\n  return (\n    <Fragment>\n      <Button>\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing type='vertical' />\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='small'/>\n      <Button type=\"danger\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n    </Fragment>\n  );\n}\nexport default Demo\n"},27:{name:27,meta:{background:"#bebebe29"},code:'"use strict";\n\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); }\nvar _react = _interopRequireWildcard(require("react"));\nvar _Spacing = _interopRequireDefault(require("@uiw/react-native/lib/Spacing"));\nvar _Button = _interopRequireDefault(require("@uiw/react-native/lib/Button"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    size: "small"\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {\n    type: "primary"\n  }, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    size: "default"\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {\n    type: "danger"\n  }, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    size: "large"\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"), /*#__PURE__*/_react["default"].createElement(_Spacing["default"], {\n    size: 100\n  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {\n    type: "primary"\n  }, "\\u6309\\u94AE\\u4E4B\\u95F4\\u7684\\u95F4\\u8DDD"));\n};\nreturn Demo;',language:"jsx",value:"import React,{ Fragment } from 'react';\nimport { Spacing, Button } from '@uiw/react-native';\n\nconst Demo = () => {\n  return (\n    <Fragment>\n      <Button >\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing size='small' />\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='default'/>\n      <Button type=\"danger\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='large'/>\n      <Button >\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size={100}/>\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n    </Fragment>\n  );\n}\nexport default Demo\n"}},source:"Spacing \u95f4\u8ddd\n---\n\u7ec4\u4ef6\u4e0a\u4e0b\u7559\u4e00\u70b9\u95f4\u8ddd\n### \u57fa\u7840\u793a\u4f8b\n\n```jsx mdx:preview&background=#bebebe29\nimport React,{ Fragment } from 'react';\nimport { Spacing, Button } from '@uiw/react-native';\n\nconst Demo = () => {\n  return (\n    <Fragment>\n      <Button>\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing type='vertical' />\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='small'/>\n      <Button type=\"danger\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n    </Fragment>\n  );\n}\nexport default Demo\n\n```\n\n\u95f4\u8ddd\u5927\u5c0f\uff0c\u53ef\u9009\u503c\u6216\u8005\u6570\u5b57\uff0c\u9ed8\u8ba4\u95f4\u8ddd `10`\n\n```jsx mdx:preview&background=#bebebe29\nimport React,{ Fragment } from 'react';\nimport { Spacing, Button } from '@uiw/react-native';\n\nconst Demo = () => {\n  return (\n    <Fragment>\n      <Button >\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing size='small' />\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='default'/>\n      <Button type=\"danger\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size='large'/>\n      <Button >\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n      <Spacing  size={100}/>\n      <Button type=\"primary\">\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</Button>\n    </Fragment>\n  );\n}\nexport default Demo\n\n```\n\n### props\n\n\u7ee7\u627f [View](https://facebook.github.io/react-native/docs/view#props) \u7ec4\u4ef6\u3002\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c|\n|------|------|-----|------|\n| `type` | \u95f4\u8ddd\u7c7b\u578b\uff0c\u6c34\u5e73\u6216\u8005\u662f\u5782\u76f4\u95f4\u8ddd | `horizontal`, `vertical` | `vertical` |\n| `size` | \u95f4\u8ddd\u5927\u5c0f\uff0c\u53ef\u9009\u503c\u6216\u8005\u6570\u5b57\uff0c\u9ed8\u8ba4\u95f4\u8ddd `10` | Enum{`small`, `default`, `large`}, `Number` | `default` |\n",headings:[],headingsList:[]};var a=n(51962);const o=()=>(0,a.jsx)(r.Z,{...u,path:"/packages/core/src/Spacing/README.md"})},39453:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});n(94599);var r=n(86703),u=n(51962);function a(e){const{size:t="default",style:n,type:a="vertical",...o}=e,l={},i="vertical"===a?"height":"width";return l[i]=10,"small"===t?l[i]=5:"large"===t?l[i]=15:"number"===typeof t&&(l[i]=t),(0,u.jsx)(r.Z,{style:[l,n],...o})}}}]);
2//# sourceMappingURL=1436.aa995239.chunk.js.map