{"version":3,"file":"static/js/vendors-uiwjs.45c0fcba.js","mappings":"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","sources":["../../src/main.js","../../node_modules/@uiw/react-split/esm/index.js","../../node_modules/@uiw/react-split/README-zh.md"],"sourcesContent":["/**\n * *** This styling is an extra step which is likely not required. ***\n * https://github.com/w3c/clipboard-apis/blob/master/explainer.adoc#writing-to-the-clipboard\n * \n * Why is it here? To ensure:\n * \n * 1. the element is able to have focus and selection.\n * 2. if element was to flash render it has minimal visual impact.\n * 3. less flakyness with selection and copying which **might** occur if\n *     the textarea element is not visible.\n *\n *   The likelihood is the element won't even render, not even a flash,\n *   so some of these are just precautions. However in IE the element\n *   is visible whilst the popup box asking the user for permission for\n *   the web page to copy to the clipboard.\n *  \n *   Place in top-left corner of screen regardless of scroll position.\n *\n * @typedef CopyTextToClipboard\n * @property {(text: string, method?: (isCopy: boolean) => void) => void} void\n * @returns {void}\n * \n * @param {string} text \n * @param {CopyTextToClipboard} cb \n */\nexport default function copyTextToClipboard(text, cb) {\n  if (typeof document === \"undefined\") return;\n  const el = document.createElement('textarea');\n  el.value = text;\n  el.setAttribute('readonly', '');\n  el.style = {\n    position: 'absolute',\n    left: '-9999px',\n  }\n  document.body.appendChild(el);\n  const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;\n  el.select();\n  let isCopy = false;\n  try {\n    const successful = document.execCommand('copy');\n    isCopy = !!successful;\n  } catch (err) {\n    isCopy = false;\n  }\n  document.body.removeChild(el);\n  if (selected && document.getSelection) {\n    document.getSelection().removeAllRanges();\n    document.getSelection().addRange(selected);\n  }\n  cb && cb(isCopy);\n};\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/objectWithoutPropertiesLoose\";\nvar _excluded = [\"prefixCls\", \"className\", \"children\", \"mode\", \"visiable\", \"visible\", \"renderBar\", \"lineBar\", \"disable\", \"onDragEnd\", \"onDragging\"];\nimport React from 'react';\nimport \"./style/index.css\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default class Split extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragging: false\n    };\n    this.warpper = void 0;\n    this.paneNumber = void 0;\n    this.startX = void 0;\n    this.startY = void 0;\n    this.move = void 0;\n    this.target = void 0;\n    this.boxWidth = void 0;\n    this.boxHeight = void 0;\n    this.preWidth = void 0;\n    this.nextWidth = void 0;\n    this.preHeight = void 0;\n    this.nextHeight = void 0;\n    this.preSize = void 0;\n    this.nextSize = void 0;\n    this.onDragEnd = this.onDragEnd.bind(this);\n    this.onDragging = this.onDragging.bind(this);\n  }\n  componentWillUnmount() {\n    this.removeEvent();\n  }\n  removeEvent() {\n    window.removeEventListener('mousemove', this.onDragging, false);\n    window.removeEventListener('mouseup', this.onDragEnd, false);\n  }\n  onMouseDown(paneNumber, env) {\n    if (!env.target || !this.warpper) {\n      return;\n    }\n    this.paneNumber = paneNumber;\n    this.startX = env.clientX;\n    this.startY = env.clientY;\n    this.move = true;\n    this.target = env.target.parentNode;\n    var prevTarget = this.target.previousElementSibling;\n    var nextTarget = this.target.nextElementSibling;\n    this.boxWidth = this.warpper.clientWidth;\n    this.boxHeight = this.warpper.clientHeight;\n    if (prevTarget) {\n      this.preWidth = prevTarget.clientWidth;\n      this.preHeight = prevTarget.clientHeight;\n    }\n    if (nextTarget) {\n      this.nextWidth = nextTarget.clientWidth;\n      this.nextHeight = nextTarget.clientHeight;\n    }\n    window.addEventListener('mousemove', this.onDragging);\n    window.addEventListener('mouseup', this.onDragEnd, false);\n    this.setState({\n      dragging: true\n    });\n  }\n  onDragging(env) {\n    if (!this.move) {\n      return;\n    }\n    if (!this.state.dragging) {\n      this.setState({\n        dragging: true\n      });\n    }\n    var {\n      mode,\n      onDragging\n    } = this.props;\n    var nextTarget = this.target.nextElementSibling;\n    var prevTarget = this.target.previousElementSibling;\n    var x = env.clientX - this.startX;\n    var y = env.clientY - this.startY;\n    this.preSize = 0;\n    this.nextSize = 0;\n    if (mode === 'horizontal') {\n      this.preSize = this.preWidth + x > -1 ? this.preWidth + x : 0;\n      this.nextSize = this.nextWidth - x > -1 ? this.nextWidth - x : 0;\n      if (this.preSize === 0 || this.nextSize === 0) {\n        return;\n      }\n      this.preSize = (this.preSize / this.boxWidth >= 1 ? 1 : this.preSize / this.boxWidth) * 100;\n      this.nextSize = (this.nextSize / this.boxWidth >= 1 ? 1 : this.nextSize / this.boxWidth) * 100;\n      if (prevTarget && nextTarget) {\n        prevTarget.style.width = this.preSize + \"%\";\n        nextTarget.style.width = this.nextSize + \"%\";\n      }\n    }\n    if (mode === 'vertical' && this.preHeight + y > -1 && this.nextHeight - y > -1) {\n      this.preSize = this.preHeight + y > -1 ? this.preHeight + y : 0;\n      this.nextSize = this.nextHeight - y > -1 ? this.nextHeight - y : 0;\n      this.preSize = (this.preSize / this.boxHeight >= 1 ? 1 : this.preSize / this.boxHeight) * 100;\n      this.nextSize = (this.nextSize / this.boxHeight >= 1 ? 1 : this.nextSize / this.boxHeight) * 100;\n      if (this.preSize === 0 || this.nextSize === 0) {\n        return;\n      }\n      if (prevTarget && nextTarget) {\n        prevTarget.style.height = this.preSize + \"%\";\n        nextTarget.style.height = this.nextSize + \"%\";\n      }\n    }\n    onDragging && onDragging(this.preSize, this.nextSize, this.paneNumber);\n  }\n  onDragEnd() {\n    var {\n      onDragEnd\n    } = this.props;\n    this.move = false;\n    onDragEnd && onDragEnd(this.preSize, this.nextSize, this.paneNumber);\n    this.removeEvent();\n    this.setState({\n      dragging: false\n    });\n  }\n  render() {\n    var _this$props$visible;\n    var _this$props = this.props,\n      {\n        prefixCls,\n        className,\n        children,\n        mode,\n        visible = (_this$props$visible = this.props.visible) != null ? _this$props$visible : this.props.visiable,\n        renderBar,\n        lineBar,\n        disable\n      } = _this$props,\n      other = _objectWithoutPropertiesLoose(_this$props, _excluded);\n    var {\n      dragging\n    } = this.state;\n    var cls = [prefixCls, className, prefixCls + \"-\" + mode, dragging ? 'dragging' : null].filter(Boolean).join(' ').trim();\n    var child = React.Children.toArray(children);\n    return /*#__PURE__*/_jsx(\"div\", _extends({\n      className: cls\n    }, other, {\n      ref: node => this.warpper = node,\n      children: React.Children.map(child, (element, idx) => {\n        var props = Object.assign({}, element.props, {\n          className: [prefixCls + \"-pane\", element.props.className].filter(Boolean).join(' ').trim(),\n          style: _extends({}, element.props.style)\n        });\n        var visibleBar = visible === true || visible && visible.includes(idx + 1) || false;\n        var barProps = {\n          className: [prefixCls + \"-bar\", lineBar ? prefixCls + \"-line-bar\" : null, !lineBar ? prefixCls + \"-large-bar\" : null].filter(Boolean).join(' ').trim()\n        };\n        if (disable === true || disable && disable.includes(idx + 1)) {\n          barProps.className = [barProps.className, disable ? 'disable' : null].filter(Boolean).join(' ').trim();\n        }\n        var BarCom = null;\n        if (idx !== 0 && visibleBar && renderBar) {\n          BarCom = renderBar(_extends({}, barProps, {\n            onMouseDown: this.onMouseDown.bind(this, idx + 1)\n          }));\n        } else if (idx !== 0 && visibleBar) {\n          BarCom = /*#__PURE__*/React.createElement('div', _extends({}, barProps), /*#__PURE__*/_jsx(\"div\", {\n            onMouseDown: this.onMouseDown.bind(this, idx + 1)\n          }));\n        }\n        return /*#__PURE__*/_jsxs(React.Fragment, {\n          children: [BarCom, /*#__PURE__*/React.cloneElement(element, _extends({}, props))]\n        }, idx);\n      })\n    }));\n  }\n}\nSplit.defaultProps = {\n  prefixCls: 'w-split',\n  visiable: true,\n  mode: 'horizontal'\n};","\nexport default {\n    components: { 32: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      width: '20%',\n      minWidth: 30\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"iframe\", {\n    srcDoc: \"<div>test</div>\",\n    style: {\n      width: '100%',\n      height: '100%'\n    },\n    title: \"Code Preview\",\n    sandbox: \"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      width: '80%',\n      minWidth: 100\n    }\n  }, \"Right Pane\")), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 60\n    }\n  }, \"test\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 80,\n      flex: 1\n    }\n  }, \"Right Pane\")));\n};\nreturn Demo; })(),62: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    mode: \"vertical\",\n    visiable: false\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minHeight: 45,\n      background: '#dcdcdc'\n    }\n  }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    visiable: false\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 200,\n      maxWidth: 200,\n      minHeight: 120,\n      background: '#b5b5b5'\n    }\n  }, \"Sider\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      width: '100%',\n      background: '#ececec'\n    }\n  }, \"Content\")), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minHeight: 45,\n      background: '#dcdcdc'\n    }\n  }, \"Footer\")), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: 20\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    visiable: false\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 200,\n      maxWidth: 200,\n      minHeight: 85,\n      background: '#a9a9a9'\n    }\n  }, \"Sider\"), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    mode: \"vertical\",\n    visiable: false,\n    style: {\n      width: '100%'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minHeight: 45,\n      background: '#dcdcdc'\n    }\n  }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minHeight: 85,\n      background: '#b5b5b5'\n    }\n  }, \"Content\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minHeight: 45,\n      background: '#dcdcdc'\n    }\n  }, \"Footer\"))));\n};\nreturn Demo; })(),92: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Center Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Center Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\"));\n};\nreturn Demo; })(),109: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    lineBar: true,\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Center Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Center Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\")), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    mode: \"vertical\",\n    lineBar: true,\n    style: {\n      height: 210,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3,\n      marginTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: '33.3%'\n    }\n  }, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: '33.3%'\n    }\n  }, \"Center Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\")));\n};\nreturn Demo; })(),133: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    mode: \"vertical\",\n    style: {\n      height: 200,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: '50%'\n    }\n  }, \"Top Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: '50%'\n    }\n  }, \"Bottom Pane\"));\n};\nreturn Demo; })(),148: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    style: {\n      height: 200,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    mode: \"vertical\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      height: '50%'\n    }\n  }, \"Top Pane\"), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    style: {\n      height: '50%'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\"));\n};\nreturn Demo; })(),171: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    visiable: false,\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 100,\n      backgroundColor: '#eaeaea'\n    }\n  }, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\")), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    visiable: [4, 5],\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3,\n      marginTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 50,\n      backgroundColor: '#eaeaea'\n    }\n  }, \"Pane 1\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 60\n    }\n  }, \"Pane 2\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Pane 3\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Pane 4\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Pane 5\")));\n};\nreturn Demo; })(),197: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    disable: true,\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 100,\n      backgroundColor: '#eaeaea'\n    }\n  }, \"Left Pane\"), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    disable: true,\n    mode: \"vertical\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Top Pane\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Bottom Pane\")), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Right Pane\")), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    disable: [4, 5],\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3,\n      marginTop: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 50,\n      backgroundColor: '#eaeaea'\n    }\n  }, \"Pane 1\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      maxWidth: 60\n    }\n  }, \"Pane 2\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Pane 3\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"Pane 4\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      flex: 1\n    }\n  }, \"Pane 5\")));\n};\nreturn Demo; })(),227: (function() { \"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; } }\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 = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\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 _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\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); }\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); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\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); }; }\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); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\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; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n  var _super = _createSuper(Demo);\n  function Demo(props) {\n    var _this;\n    _classCallCheck(this, Demo);\n    _this = _super.call(this, props);\n    _this.state = {\n      width: 210\n    };\n    return _this;\n  }\n  _createClass(Demo, [{\n    key: \"onClick\",\n    value: function onClick() {\n      this.setState({\n        width: this.state.width === 0 ? 210 : 0\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var styl = {\n        lineHeight: 0\n      };\n      if (this.state.width === 0) {\n        styl.width = \"0%\";\n      } else {\n        styl.width = this.state.width;\n      }\n      return /*#__PURE__*/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          marginBottom: 10\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n        type: \"primary\",\n        onClick: this.onClick.bind(this)\n      }, this.state.width === 0 ? '隐藏菜单' : '展示菜单')), /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n        lineBar: true,\n        visiable: this.state.width !== 0,\n        style: {\n          border: '1px solid #d5d5d5',\n          borderRadius: 3\n        }\n      }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: _objectSpread(_objectSpread({}, styl), {}, {\n          overflow: 'hidden'\n        })\n      }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        icon: \"heart-on\",\n        text: \"\\u53E6\\u5B58\\u4E3A\",\n        active: true\n      }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        icon: \"appstore\",\n        text: \"\\u5E94\\u7528\\u5546\\u57CE\"\n      }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        icon: \"bar-chart\",\n        text: \"\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA\"\n      }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        icon: \"setting\",\n        text: \"\\u504F\\u597D\\u8BBE\\u7F6E\"\n      }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        icon: \"map\",\n        text: \"\\u8C37\\u6B4C\\u5730\\u56FE\"\n      }))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        style: {\n          flex: 1,\n          minWidth: 30\n        }\n      }, \"Right Pane\")));\n    }\n  }]);\n  return Demo;\n}(_react[\"default\"].Component);\nreturn Demo; })(),280: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _reactSplit = _interopRequireDefault(require(\"@uiw/react-split\"));\nvar _excluded = [\"onMouseDown\"];\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactSplit[\"default\"], {\n    renderBar: function renderBar(_ref) {\n      var onMouseDown = _ref.onMouseDown,\n        props = _objectWithoutProperties(_ref, _excluded);\n      return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({}, props, {\n        style: {\n          boxShadow: 'none',\n          background: 'transparent'\n        }\n      }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n        onMouseDown: onMouseDown,\n        style: {\n          backgroundColor: '#ff000057',\n          boxShadow: 'none'\n        }\n      }));\n    },\n    style: {\n      height: 100,\n      border: '1px solid #d5d5d5',\n      borderRadius: 3\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 60\n    }\n  }, \"test\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      minWidth: 80,\n      flex: 1\n    }\n  }, \"Right Pane\")));\n};\nreturn Demo; })(), },\n    data: {\n  \"32\": {\n    \"name\": 32,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      width: '20%',\\n      minWidth: 30\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"iframe\\\", {\\n    srcDoc: \\\"<div>test</div>\\\",\\n    style: {\\n      width: '100%',\\n      height: '100%'\\n    },\\n    title: \\\"Code Preview\\\",\\n    sandbox: \\\"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      width: '80%',\\n      minWidth: 100\\n    }\\n  }, \\\"Right Pane\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 60\\n    }\\n  }, \\\"test\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 80,\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ width: '20%', minWidth: 30 }}>\\n        <iframe\\n          srcDoc=\\\"<div>test</div>\\\"\\n          style={{ width: '100%', height: '100%' }}\\n          title=\\\"Code Preview\\\"\\n          sandbox=\\\"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\\\"\\n        />\\n      </div>\\n      <div style={{ width: '80%', minWidth: 100 }}>Right Pane</div>\\n    </Split>\\n    <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ minWidth: 60 }}>test</div>\\n      <div style={{ minWidth: 80, flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"62\": {\n    \"name\": 62,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    mode: \\\"vertical\\\",\\n    visiable: false\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minHeight: 45,\\n      background: '#dcdcdc'\\n    }\\n  }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    visiable: false\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 200,\\n      maxWidth: 200,\\n      minHeight: 120,\\n      background: '#b5b5b5'\\n    }\\n  }, \\\"Sider\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      width: '100%',\\n      background: '#ececec'\\n    }\\n  }, \\\"Content\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minHeight: 45,\\n      background: '#dcdcdc'\\n    }\\n  }, \\\"Footer\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: 20\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    visiable: false\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 200,\\n      maxWidth: 200,\\n      minHeight: 85,\\n      background: '#a9a9a9'\\n    }\\n  }, \\\"Sider\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    mode: \\\"vertical\\\",\\n    visiable: false,\\n    style: {\\n      width: '100%'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minHeight: 45,\\n      background: '#dcdcdc'\\n    }\\n  }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minHeight: 85,\\n      background: '#b5b5b5'\\n    }\\n  }, \\\"Content\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minHeight: 45,\\n      background: '#dcdcdc'\\n    }\\n  }, \\\"Footer\\\"))));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split mode=\\\"vertical\\\" visiable={false}>\\n      <div style={{ minHeight: 45, background: '#dcdcdc' }}>Header</div>\\n      <Split visiable={false}>\\n        <div style={{ minWidth: 200, maxWidth: 200, minHeight: 120, background: '#b5b5b5' }}>Sider</div>\\n        <div style={{ width: '100%', background: '#ececec' }}>Content</div>\\n      </Split>\\n      <div style={{ minHeight: 45, background: '#dcdcdc' }}>Footer</div>\\n    </Split>\\n    <div style={{ height: 20 }}></div>\\n    <Split visiable={false}>\\n      <div style={{ minWidth: 200, maxWidth: 200, minHeight: 85, background: '#a9a9a9' }}>Sider</div>\\n      <Split mode=\\\"vertical\\\" visiable={false} style={{ width: '100%' }}>\\n        <div style={{ minHeight: 45, background: '#dcdcdc' }}>Header</div>\\n        <div style={{ minHeight: 85, background: '#b5b5b5' }}>Content</div>\\n        <div style={{ minHeight: 45, background: '#dcdcdc' }}>Footer</div>\\n      </Split>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"92\": {\n    \"name\": 92,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Center Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Center Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\"));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <div>Left Pane</div>\\n    <div>Center Pane</div>\\n    <div>Center Pane</div>\\n    <div style={{ flex: 1 }}>Right Pane</div>\\n  </Split>\\n);\\nexport default Demo;\"\n  },\n  \"109\": {\n    \"name\": 109,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    lineBar: true,\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Center Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Center Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    mode: \\\"vertical\\\",\\n    lineBar: true,\\n    style: {\\n      height: 210,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3,\\n      marginTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: '33.3%'\\n    }\\n  }, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: '33.3%'\\n    }\\n  }, \\\"Center Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split lineBar style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div>Left Pane</div>\\n      <div>Center Pane</div>\\n      <div>Center Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split mode=\\\"vertical\\\" lineBar style={{ height: 210, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ height: '33.3%' }}>Left Pane</div>\\n      <div style={{ height: '33.3%' }}>Center Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"133\": {\n    \"name\": 133,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    mode: \\\"vertical\\\",\\n    style: {\\n      height: 200,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: '50%'\\n    }\\n  }, \\\"Top Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: '50%'\\n    }\\n  }, \\\"Bottom Pane\\\"));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split mode=\\\"vertical\\\" style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <div style={{ height: '50%' }}>Top Pane</div>\\n    <div style={{ height: '50%' }}>Bottom Pane</div>\\n  </Split>\\n);\\nexport default Demo;\"\n  },\n  \"148\": {\n    \"name\": 148,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    style: {\\n      height: 200,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    mode: \\\"vertical\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      height: '50%'\\n    }\\n  }, \\\"Top Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    style: {\\n      height: '50%'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\"));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <Split mode=\\\"vertical\\\">\\n      <div style={{ height: '50%' }}>Top Pane</div>\\n      <Split style={{ height: '50%' }}>\\n        <div>Left Pane</div>\\n        <div style={{ flex: 1 }}>Right Pane</div>\\n      </Split>\\n    </Split>\\n    <div style={{ flex: 1 }}>Right Pane</div>\\n  </Split>\\n);\\nexport default Demo;\"\n  },\n  \"171\": {\n    \"name\": 171,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    visiable: false,\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 100,\\n      backgroundColor: '#eaeaea'\\n    }\\n  }, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    visiable: [4, 5],\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3,\\n      marginTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 50,\\n      backgroundColor: '#eaeaea'\\n    }\\n  }, \\\"Pane 1\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 60\\n    }\\n  }, \\\"Pane 2\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Pane 3\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Pane 4\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Pane 5\\\")));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split visiable={false} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>Left Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split visiable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>Pane 1</div>\\n      <div style={{ maxWidth: 60 }}>Pane 2</div>\\n      <div>Pane 3</div>\\n      <div>Pane 4</div>\\n      <div style={{ flex: 1 }}>Pane 5</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"197\": {\n    \"name\": 197,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    disable: true,\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 100,\\n      backgroundColor: '#eaeaea'\\n    }\\n  }, \\\"Left Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    disable: true,\\n    mode: \\\"vertical\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Top Pane\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Bottom Pane\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    disable: [4, 5],\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3,\\n      marginTop: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 50,\\n      backgroundColor: '#eaeaea'\\n    }\\n  }, \\\"Pane 1\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      maxWidth: 60\\n    }\\n  }, \\\"Pane 2\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Pane 3\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"Pane 4\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      flex: 1\\n    }\\n  }, \\\"Pane 5\\\")));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split disable style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>Left Pane</div>\\n      <Split disable mode=\\\"vertical\\\">\\n        <div>Top Pane</div>\\n        <div>Bottom Pane</div>\\n      </Split>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split disable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>Pane 1</div>\\n      <div style={{ maxWidth: 60 }}>Pane 2</div>\\n      <div>Pane 3</div>\\n      <div>Pane 4</div>\\n      <div style={{ flex: 1 }}>Pane 5</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"227\": {\n    \"name\": 227,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"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; } }\\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 = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nvar _uiw = require(\\\"uiw\\\");\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\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 _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\\\"Cannot call a class as a function\\\"); } }\\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, _toPropertyKey(descriptor.key), descriptor); } }\\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \\\"prototype\\\", { writable: false }); return Constructor; }\\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); }\\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); }\\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\\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); }; }\\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); }\\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\\\"this hasn't been initialised - super() hasn't been called\\\"); } return self; }\\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; } }\\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\\nvar Demo = /*#__PURE__*/function (_React$Component) {\\n  _inherits(Demo, _React$Component);\\n  var _super = _createSuper(Demo);\\n  function Demo(props) {\\n    var _this;\\n    _classCallCheck(this, Demo);\\n    _this = _super.call(this, props);\\n    _this.state = {\\n      width: 210\\n    };\\n    return _this;\\n  }\\n  _createClass(Demo, [{\\n    key: \\\"onClick\\\",\\n    value: function onClick() {\\n      this.setState({\\n        width: this.state.width === 0 ? 210 : 0\\n      });\\n    }\\n  }, {\\n    key: \\\"render\\\",\\n    value: function render() {\\n      var styl = {\\n        lineHeight: 0\\n      };\\n      if (this.state.width === 0) {\\n        styl.width = \\\"0%\\\";\\n      } else {\\n        styl.width = this.state.width;\\n      }\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          marginBottom: 10\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n        type: \\\"primary\\\",\\n        onClick: this.onClick.bind(this)\\n      }, this.state.width === 0 ? '隐藏菜单' : '展示菜单')), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n        lineBar: true,\\n        visiable: this.state.width !== 0,\\n        style: {\\n          border: '1px solid #d5d5d5',\\n          borderRadius: 3\\n        }\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: _objectSpread(_objectSpread({}, styl), {}, {\\n          overflow: 'hidden'\\n        })\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        icon: \\\"heart-on\\\",\\n        text: \\\"\\\\u53E6\\\\u5B58\\\\u4E3A\\\",\\n        active: true\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        icon: \\\"appstore\\\",\\n        text: \\\"\\\\u5E94\\\\u7528\\\\u5546\\\\u57CE\\\"\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        icon: \\\"bar-chart\\\",\\n        text: \\\"\\\\u6708\\\\u7EDF\\\\u8BA1\\\\u62A5\\\\u8868\\\\u5BFC\\\\u51FA\\\"\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        icon: \\\"setting\\\",\\n        text: \\\"\\\\u504F\\\\u597D\\\\u8BBE\\\\u7F6E\\\"\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        icon: \\\"map\\\",\\n        text: \\\"\\\\u8C37\\\\u6B4C\\\\u5730\\\\u56FE\\\"\\n      }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        style: {\\n          flex: 1,\\n          minWidth: 30\\n        }\\n      }, \\\"Right Pane\\\")));\\n    }\\n  }]);\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\nimport { Menu, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props);\\n    this.state = {\\n      width: 210,\\n    };\\n  }\\n  onClick() {\\n    this.setState({\\n      width: this.state.width === 0 ? 210 : 0,\\n    });\\n  }\\n  render() {\\n    const styl = { lineHeight: 0 };\\n    if (this.state.width === 0) {\\n      styl.width = `0%`;\\n    } else {\\n      styl.width = this.state.width;\\n    }\\n    return (\\n      <>\\n        <div style={{ marginBottom: 10 }}>\\n          <Button type=\\\"primary\\\" onClick={this.onClick.bind(this)}>\\n            {this.state.width === 0 ? '隐藏菜单' : '展示菜单'}\\n          </Button>\\n        </div>\\n        <Split lineBar visiable={this.state.width !== 0} style={{ border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n          <div style={{ ...styl, overflow: 'hidden' }}>\\n            <Menu>\\n              <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n              <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n              <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n              <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n              <Menu.Divider />\\n              <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n            </Menu>\\n          </div>\\n          <div style={{ flex: 1, minWidth: 30 }}>Right Pane</div>\\n        </Split>\\n      </>\\n    );\\n  }\\n}\\nexport default Demo;\"\n  },\n  \"280\": {\n    \"name\": 280,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\nvar _reactSplit = _interopRequireDefault(require(\\\"@uiw/react-split\\\"));\\nvar _excluded = [\\\"onMouseDown\\\"];\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactSplit[\\\"default\\\"], {\\n    renderBar: function renderBar(_ref) {\\n      var onMouseDown = _ref.onMouseDown,\\n        props = _objectWithoutProperties(_ref, _excluded);\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", _extends({}, props, {\\n        style: {\\n          boxShadow: 'none',\\n          background: 'transparent'\\n        }\\n      }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n        onMouseDown: onMouseDown,\\n        style: {\\n          backgroundColor: '#ff000057',\\n          boxShadow: 'none'\\n        }\\n      }));\\n    },\\n    style: {\\n      height: 100,\\n      border: '1px solid #d5d5d5',\\n      borderRadius: 3\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 60\\n    }\\n  }, \\\"test\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      minWidth: 80,\\n      flex: 1\\n    }\\n  }, \\\"Right Pane\\\")));\\n};\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split\\n      renderBar={({ onMouseDown, ...props }) => {\\n        return (\\n          <div {...props} style={{ boxShadow: 'none', background: 'transparent' }}>\\n            <div onMouseDown={onMouseDown} style={{ backgroundColor: '#ff000057', boxShadow: 'none' }} />\\n          </div>\\n        );\\n      }}\\n      style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\\n    >\\n      <div style={{ minWidth: 60 }}>test</div>\\n      <div style={{ minWidth: 80, flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\"\n  }\n},\n    source: \"# Split 面板分割\\n\\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-split.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-split)\\n[![Build & Deploy](https://github.com/uiwjs/react-split/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-split/actions/workflows/ci.yml)\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-split/file/README.md)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-split.svg)](https://www.npmjs.com/package/@uiw/react-split)\\n[![Coverage Status](https://uiwjs.github.io/react-split/badges.svg)](https://uiwjs.github.io/react-split/coverage/lcov-report/)\\n[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/uiwjs/react-split)\\n[![Repo Dependents](https://badgen.net/github/dependents-repo/uiwjs/react-split)](https://github.com/uiwjs/react-split/network/dependents)\\n\\n可将一块内容，分割为可以拖拽调整宽度或高度的区域。\\n\\n```jsx\\nimport { Split } from 'uiw';\\n```\\n\\n从组件库 `uiw` 中抽离出来的 `@uiw/react-split`，可以单独使用。\\n\\n```jsx\\nimport Split from '@uiw/react-split';\\n```\\n\\n### 基础用法\\n\\n> ~~通过设置子节点的 `minWidth` 样式，即可设置拖拽最小宽度值。通过设置子节点样式 `flexBasis` 样式即可设置默认分割内容的占比宽度。~~\\n\\n- 固定初始宽度或者高度，可通过设置子节点，样式 `width: '80%'` 宽度百分百来计算。\\n- 拖拽至最小宽度，可通过设置子节点样式 `minWidth: 30`，来达到效果\\n- 默认情况下，不设置样式 `width`，需要将某个子节点样式设为 `flex: 1`，来自适应\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ width: '20%', minWidth: 30 }}>\\n        <iframe\\n          srcDoc=\\\"<div>test</div>\\\"\\n          style={{ width: '100%', height: '100%' }}\\n          title=\\\"Code Preview\\\"\\n          sandbox=\\\"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\\\"\\n        />\\n      </div>\\n      <div style={{ width: '80%', minWidth: 100 }}>Right Pane</div>\\n    </Split>\\n    <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ minWidth: 60 }}>test</div>\\n      <div style={{ minWidth: 80, flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n### 可用于布局\\n\\n设置 `visiable={false}` 禁用拖拽栏，可用于布局。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split mode=\\\"vertical\\\" visiable={false}>\\n      <div style={{ minHeight: 45, background: '#dcdcdc' }}>Header</div>\\n      <Split visiable={false}>\\n        <div style={{ minWidth: 200, maxWidth: 200, minHeight: 120, background: '#b5b5b5' }}>Sider</div>\\n        <div style={{ width: '100%', background: '#ececec' }}>Content</div>\\n      </Split>\\n      <div style={{ minHeight: 45, background: '#dcdcdc' }}>Footer</div>\\n    </Split>\\n    <div style={{ height: 20 }}></div>\\n    <Split visiable={false}>\\n      <div style={{ minWidth: 200, maxWidth: 200, minHeight: 85, background: '#a9a9a9' }}>Sider</div>\\n      <Split mode=\\\"vertical\\\" visiable={false} style={{ width: '100%' }}>\\n        <div style={{ minHeight: 45, background: '#dcdcdc' }}>Header</div>\\n        <div style={{ minHeight: 85, background: '#b5b5b5' }}>Content</div>\\n        <div style={{ minHeight: 45, background: '#dcdcdc' }}>Footer</div>\\n      </Split>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n### 多栏分割\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <div>Left Pane</div>\\n    <div>Center Pane</div>\\n    <div>Center Pane</div>\\n    <div style={{ flex: 1 }}>Right Pane</div>\\n  </Split>\\n);\\nexport default Demo;\\n```\\n\\n### 线条拖拽\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split lineBar style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div>Left Pane</div>\\n      <div>Center Pane</div>\\n      <div>Center Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split mode=\\\"vertical\\\" lineBar style={{ height: 210, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ height: '33.3%' }}>Left Pane</div>\\n      <div style={{ height: '33.3%' }}>Center Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n### 垂直分割\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split mode=\\\"vertical\\\" style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <div style={{ height: '50%' }}>Top Pane</div>\\n    <div style={{ height: '50%' }}>Bottom Pane</div>\\n  </Split>\\n);\\nexport default Demo;\\n```\\n\\n### 嵌套使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <Split style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n    <Split mode=\\\"vertical\\\">\\n      <div style={{ height: '50%' }}>Top Pane</div>\\n      <Split style={{ height: '50%' }}>\\n        <div>Left Pane</div>\\n        <div style={{ flex: 1 }}>Right Pane</div>\\n      </Split>\\n    </Split>\\n    <div style={{ flex: 1 }}>Right Pane</div>\\n  </Split>\\n);\\nexport default Demo;\\n```\\n\\n### 拖拽工具不显示\\n\\n下面实例通过设置 `visiable` 的值来设置拖拽工具是否可见\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split visiable={false} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>Left Pane</div>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split visiable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>Pane 1</div>\\n      <div style={{ maxWidth: 60 }}>Pane 2</div>\\n      <div>Pane 3</div>\\n      <div>Pane 4</div>\\n      <div style={{ flex: 1 }}>Pane 5</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n### 禁用拖拽\\n\\n通过设置 `disable` 的值，禁用拖拽工具拖拽。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split disable style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n      <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>Left Pane</div>\\n      <Split disable mode=\\\"vertical\\\">\\n        <div>Top Pane</div>\\n        <div>Bottom Pane</div>\\n      </Split>\\n      <div style={{ flex: 1 }}>Right Pane</div>\\n    </Split>\\n    <Split disable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n      <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>Pane 1</div>\\n      <div style={{ maxWidth: 60 }}>Pane 2</div>\\n      <div>Pane 3</div>\\n      <div>Pane 4</div>\\n      <div style={{ flex: 1 }}>Pane 5</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n### 抽屉\\n\\n可拖拽左边栏宽度。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\nimport { Menu, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props);\\n    this.state = {\\n      width: 210,\\n    };\\n  }\\n  onClick() {\\n    this.setState({\\n      width: this.state.width === 0 ? 210 : 0,\\n    });\\n  }\\n  render() {\\n    const styl = { lineHeight: 0 };\\n    if (this.state.width === 0) {\\n      styl.width = `0%`;\\n    } else {\\n      styl.width = this.state.width;\\n    }\\n    return (\\n      <>\\n        <div style={{ marginBottom: 10 }}>\\n          <Button type=\\\"primary\\\" onClick={this.onClick.bind(this)}>\\n            {this.state.width === 0 ? '隐藏菜单' : '展示菜单'}\\n          </Button>\\n        </div>\\n        <Split lineBar visiable={this.state.width !== 0} style={{ border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n          <div style={{ ...styl, overflow: 'hidden' }}>\\n            <Menu>\\n              <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n              <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n              <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n              <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n              <Menu.Divider />\\n              <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n            </Menu>\\n          </div>\\n          <div style={{ flex: 1, minWidth: 30 }}>Right Pane</div>\\n        </Split>\\n      </>\\n    );\\n  }\\n}\\nexport default Demo;\\n```\\n\\n### 支持自定义拖拽工具栏\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n  <div>\\n    <Split\\n      renderBar={({ onMouseDown, ...props }) => {\\n        return (\\n          <div {...props} style={{ boxShadow: 'none', background: 'transparent' }}>\\n            <div onMouseDown={onMouseDown} style={{ backgroundColor: '#ff000057', boxShadow: 'none' }} />\\n          </div>\\n        );\\n      }}\\n      style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\\n    >\\n      <div style={{ minWidth: 60 }}>test</div>\\n      <div style={{ minWidth: 80, flex: 1 }}>Right Pane</div>\\n    </Split>\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n## Props\\n\\n```ts\\nexport interface SplitProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> {\\n  style?: React.CSSProperties;\\n  className?: string;\\n  prefixCls?: string;\\n  /**\\n   * 拖拽宽度/高度变化回调函数，宽度或者高度根据 mode 参数来确定\\n   */\\n  onDragging?: (preSize: number, nextSize: number, paneNumber: number) => void;\\n  /**\\n   * 拖拽结束的回调函数\\n   */\\n  onDragEnd?: (preSize: number, nextSize: number, paneNumber: number) => void;\\n  /** 支持自定义拖拽工具栏 */\\n  renderBar?: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;\\n  /**\\n   * 设置拖拽的工具条，为线条样式。\\n   */\\n  lineBar?: boolean;\\n  /**\\n   * 设置拖拽的工具条，是否可见\\n   */\\n  visiable?: boolean | number[];\\n  /**\\n   * 设置拖拽的工具条，禁用\\n   */\\n  disable?: boolean | number[];\\n  /**\\n   * 类型，可选值为 `horizontal` 或 `vertical`\\n   */\\n  mode?: 'horizontal' | 'vertical';\\n}\\n```\\n\\n## Development\\n\\nRuns the project in development mode.\\n\\n```bash\\n# Step 1, run first, listen to the component compile and output the .js file\\nnpm run watch\\nnpm run build\\n# Step 2, development mode, listen to compile preview website instance\\nnpm run doc\\n```\\n\\n**production**\\n\\nBuilds the app for production to the build folder.\\n\\n```bash\\nnpm run released\\n```\\n\\nThe build is minified and the filenames include the hashes.\\nYour app is ready to be deployed!\\n\\n## Contributors\\n\\nAs always, thanks to our amazing contributors!\\n\\n<a href=\\\"https://github.com/uiwjs/react-split/graphs/contributors\\\">\\n  <img src=\\\"https://uiwjs.github.io/react-split/CONTRIBUTORS.svg\\\" />\\n</a>\\n\\nMade with [action-contributors](https://github.com/jaywcjlove/github-action-contributors).\\n\\n### License\\n\\nLicensed under the MIT License.\\n\",\n    headings:[],\n    headingsList:[],\n  }"],"names":["copyTextToClipboard","text","cb","document","el","createElement","value","setAttribute","style","position","left","body","appendChild","selected","getSelection","rangeCount","getRangeAt","select","isCopy","execCommand","err","removeChild","removeAllRanges","addRange","_excluded","Split","React","constructor","props","super","this","state","dragging","warpper","paneNumber","startX","startY","move","target","boxWidth","boxHeight","preWidth","nextWidth","preHeight","nextHeight","preSize","nextSize","onDragEnd","bind","onDragging","componentWillUnmount","removeEvent","window","removeEventListener","onMouseDown","env","clientX","clientY","parentNode","prevTarget","previousElementSibling","nextTarget","nextElementSibling","clientWidth","clientHeight","addEventListener","setState","mode","x","y","width","height","render","_this$props$visible","_this$props","prefixCls","className","children","visible","visiable","renderBar","lineBar","disable","other","_objectWithoutPropertiesLoose","cls","filter","Boolean","join","trim","child","toArray","_jsx","_extends","ref","node","map","element","idx","Object","assign","visibleBar","includes","barProps","BarCom","_jsxs","defaultProps","components","_react","_interopRequireDefault","_reactSplit","obj","__esModule","border","borderRadius","minWidth","srcDoc","title","sandbox","flex","minHeight","background","maxWidth","marginTop","backgroundColor","_typeof","o","Symbol","iterator","prototype","_uiw","ownKeys","e","r","t","keys","getOwnPropertySymbols","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","right","hasInstance","TypeError","_defineProperties","i","descriptor","arg","input","hint","prim","toPrimitive","undefined","res","call","String","Number","_toPrimitive","_setPrototypeOf","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","valueOf","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","self","ReferenceError","_assertThisInitialized","_possibleConstructorReturn","getPrototypeOf","_React$Component","subClass","superClass","create","_inherits","Demo","protoProps","staticProps","_super","_this","styl","lineHeight","Fragment","marginBottom","Button","type","onClick","overflow","Menu","Item","icon","active","Divider","Component","source","hasOwnProperty","_objectWithoutProperties","excluded","sourceKeys","indexOf","sourceSymbolKeys","propertyIsEnumerable","_ref","boxShadow","data","headings","headingsList"],"sourceRoot":""}