@cloud-app-dev/vidc 3.2.11 → 3.2.13

package/es/DomMove/index.js

@@ -1,18 +1,27 @@
 import _useEventListener from "ahooks/es/useEventListener";
 import _useUpdate from "ahooks/es/useUpdate";
 import _useSize from "ahooks/es/useSize";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
-import { getPosition, getMouseXY } from './utils';
+import { getPosition, getMouseXY } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function DomMove(_ref) {
   var onDrag = _ref.onDrag,
-    position = _ref.position,
-    className = _ref.className,
-    size = _ref.size,
-    children = _ref.children,
-    onDragChange = _ref.onDragChange,
-    onDragEnd = _ref.onDragEnd,
-    forwordRef = _ref.forwordRef,
-    disabled = _ref.disabled;
+      position = _ref.position,
+      className = _ref.className,
+      size = _ref.size,
+      children = _ref.children,
+      onDragChange = _ref.onDragChange,
+      onDragEnd = _ref.onDragEnd,
+      forwordRef = _ref.forwordRef,
+      disabled = _ref.disabled;
   var dragRef = useRef(null);
   var ref = useRef({
     position: {
@@ -32,10 +41,12 @@ function DomMove(_ref) {
     }
   });
   var reSize = _useSize(dragRef) || {};
+
   var update = _useUpdate();
+
   var updatePosition = function updatePosition(_ref2) {
     var x = _ref2.x,
-      y = _ref2.y;
+        y = _ref2.y;
     ref.current.position = {
       x: x,
       y: y
@@ -46,6 +57,7 @@ function DomMove(_ref) {
       y: y
     });
   };
+
   useEffect(function () {
     var offset = getPosition(dragRef === null || dragRef === void 0 ? void 0 : dragRef.current);
     ref.current.deviation = {
@@ -54,28 +66,31 @@ function DomMove(_ref) {
       width: reSize.width,
       height: reSize.height
     };
-  }, [reSize.width, reSize.height]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [reSize.width, reSize.height]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useImperativeHandle(forwordRef, function () {
     return {
       updatePosition: updatePosition
     };
   }, []);
+
   _useEventListener('mousemove', function (event) {
     if (ref.current.isDrag) {
       // let maxX, maxY;
       var moveX, moveY;
+
       var _getMouseXY = getMouseXY(event),
-        _x = _getMouseXY.x,
-        _y = _getMouseXY.y;
+          _x = _getMouseXY.x,
+          _y = _getMouseXY.y;
+
       moveX = _x - ref.current.deviation.offsetX;
-      moveY = _y - ref.current.deviation.offsetY;
-      // 计算可移动位置的大小， 保证元素不会超过可移动范围
+      moveY = _y - ref.current.deviation.offsetY; // 计算可移动位置的大小， 保证元素不会超过可移动范围
       // maxX = document.documentElement.clientWidth - this.deviation.width;
       // maxY = document.documentElement.clientHeight - this.deviation.height;
       // min方法保证不会超过右边界，max保证不会超过左边界
       // moveX = Math.min(Math.max(0, moveX), maxX);
       // moveY = Math.min(Math.max(0, moveY), maxY);
+
       var _position = {
         x: moveX,
         y: moveY
@@ -85,17 +100,20 @@ function DomMove(_ref) {
   }, {
     target: document.body
   });
+
   _useEventListener('mouseup', function (event) {
     ref.current.isDrag = false;
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, ref.current.position);
   }, {
     target: document.body
   });
+
   _useEventListener('mousedown', function (event) {
     if (!disabled) {
       var _getMouseXY2 = getMouseXY(event),
-        _x2 = _getMouseXY2.x,
-        _y2 = _getMouseXY2.y;
+          _x2 = _getMouseXY2.x,
+          _y2 = _getMouseXY2.y;
+
       ref.current.deviation.offsetX = _x2 - ref.current.position.x;
       ref.current.deviation.offsetY = _y2 - ref.current.position.y;
       ref.current.isDrag = true;
@@ -103,25 +121,29 @@ function DomMove(_ref) {
   }, {
     target: dragRef
   });
+
   var _ref3 = onDrag ? {
-      x: position.x,
-      y: position.y
-    } : {
-      x: ref.current.position.x,
-      y: ref.current.position.y
-    },
-    x = _ref3.x,
-    y = _ref3.y;
-  return /*#__PURE__*/React.createElement("div", {
+    x: position.x,
+    y: position.y
+  } : {
+    x: ref.current.position.x,
+    y: ref.current.position.y
+  },
+      x = _ref3.x,
+      y = _ref3.y;
+
+  return /*#__PURE__*/_jsx("div", {
     ref: dragRef,
     className: "drag-move-Content ".concat(className),
     style: {
       transform: "translate(".concat(x, "px,").concat(y, "px)"),
       width: size.width,
       height: size.height
-    }
-  }, children);
+    },
+    children: children
+  });
 }
+
 DomMove.defaultProps = {
   className: '',
   size: {
@@ -130,7 +152,7 @@ DomMove.defaultProps = {
   }
 };
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(DomMove, Object.assign({}, props, {
+  return /*#__PURE__*/_jsx(DomMove, _objectSpread(_objectSpread({}, props), {}, {
     forwordRef: ref
   }));
 });

package/es/DomMove/utils.js

@@ -1,11 +1,14 @@
 export function getPosition(obj) {
   //获取某元素以浏览器左上角为原点的坐标
   var t = obj.offsetTop; //获取该元素对应父容器的上边距
+
   var l = obj.offsetLeft; //对应父容器的上边距
   //判断是否有父容器，如果存在则累加其边距
+
   while (obj = obj.offsetParent) {
     //等效 obj = obj.offsetParent;while (obj != undefined)
     t += obj.offsetTop; //叠加父容器的上边距
+
     l += obj.offsetLeft; //叠加父容器的左边距
   }
 
@@ -13,12 +16,13 @@ export function getPosition(obj) {
     left: l,
     top: t
   };
-}
-// 函数用于获取鼠标的位置
+} // 函数用于获取鼠标的位置
+
 export function getMouseXY(e) {
   var x = 0,
-    y = 0;
+      y = 0;
   e = e || window.event;
+
   if (e.pageX) {
     x = e.pageX;
     y = e.pageY;
@@ -26,6 +30,7 @@ export function getMouseXY(e) {
     x = e.clientX + document.body.scrollLeft - document.body.clientLeft;
     y = e.clientY + document.body.scrollTop - document.body.clientTop;
   }
+
   return {
     x: x,
     y: y

package/es/Drag/DragAndDropItem.js

@@ -1,31 +1,48 @@
 import _uuid from "@cloud-app-dev/utils/es/uuid";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useState, useCallback } from 'react';
 import { useRef, useMemo } from 'react';
+
 function DragAndDropItem(_ref) {
   var children = _ref.children,
-    dragData = _ref.dragData,
-    dragId = _ref.dragId,
-    style = _ref.style,
-    onDropEnd = _ref.onDropEnd,
-    _ref$disabledCopyElem = _ref.disabledCopyElement,
-    disabledCopyElement = _ref$disabledCopyElem === void 0 ? true : _ref$disabledCopyElem;
+      dragData = _ref.dragData,
+      dragId = _ref.dragId,
+      style = _ref.style,
+      onDropEnd = _ref.onDropEnd,
+      _ref$disabledCopyElem = _ref.disabledCopyElement,
+      disabledCopyElement = _ref$disabledCopyElem === void 0 ? true : _ref$disabledCopyElem;
   var id = useMemo(function () {
     return dragId || "dragId-".concat(_uuid());
   }, [dragId]);
+
   var _useState = useState(['', '']),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
   var _useState3 = useState([0, 0]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    offset = _useState4[0],
-    setOffset = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      offset = _useState4[0],
+      setOffset = _useState4[1];
+
   var domRef = useRef(null);
   var dragDomTemp = useRef(null);
   var onDrop = useCallback(function (event) {
@@ -55,19 +72,22 @@ function DragAndDropItem(_ref) {
     if (!domRef.current) {
       return;
     }
+
     if (!disabledCopyElement) {
       var pageX = event.pageX,
-        pageY = event.pageY;
+          pageY = event.pageY;
+
       var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
-        x = _domRef$current$getBo.x,
-        y = _domRef$current$getBo.y,
-        width = _domRef$current$getBo.width,
-        height = _domRef$current$getBo.height;
+          x = _domRef$current$getBo.x,
+          y = _domRef$current$getBo.y,
+          width = _domRef$current$getBo.width,
+          height = _domRef$current$getBo.height;
+
       var offsetX = pageX - x;
       var offsetY = pageY - y;
       dragDomTemp.current = domRef.current.cloneNode(true);
-      domRef.current.after(dragDomTemp.current);
-      //初始化缓存dom位置
+      domRef.current.after(dragDomTemp.current); //初始化缓存dom位置
+
       dragDomTemp.current.style.position = 'fixed';
       dragDomTemp.current.style.left = "".concat(event.pageX - offsetX, "px");
       dragDomTemp.current.style.top = "".concat(event.pageY - offsetY, "px");
@@ -80,6 +100,7 @@ function DragAndDropItem(_ref) {
       setOffset([offsetX, offsetY]);
       event.dataTransfer.setDragImage(new Image(), 0, 0);
     }
+
     setStatus(function (old) {
       return ['draging', old[1]];
     });
@@ -100,9 +121,11 @@ function DragAndDropItem(_ref) {
       if (e.pageX === 0 && e.pageY === 0) {
         return;
       }
+
       if (e.pageX < offset[2] || e.pageY < offset[3]) {
         return;
       }
+
       dragDomTemp.current.style.position = 'fixed';
       dragDomTemp.current.style.left = "".concat(e.pageX - offset[0], "px");
       dragDomTemp.current.style.top = "".concat(e.pageY - offset[1], "px");
@@ -119,9 +142,10 @@ function DragAndDropItem(_ref) {
     onDragOver: allowDrop,
     onDragEnter: onDragEnter,
     onDragLeave: onDragLeave,
-    style: Object.assign(Object.assign({}, style), {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       opacity: status[0] === 'draging' || status[1] === 'dragenter' ? 0.5 : 1
     })
   });
 }
+
 export default DragAndDropItem;

package/es/Drag/DropItem.js

@@ -1,19 +1,34 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useState, useCallback } from 'react';
 import { useRef } from 'react';
+
 function DropItem(_ref) {
   var children = _ref.children,
-    style = _ref.style,
-    onDropEnd = _ref.onDropEnd;
+      style = _ref.style,
+      onDropEnd = _ref.onDropEnd;
+
   var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
   var domRef = useRef(null);
   var onDrop = useCallback(function (event) {
     event.stopPropagation();
@@ -38,7 +53,8 @@ function DropItem(_ref) {
     onDragOver: allowDrop,
     onDragEnter: onDragEnter,
     onDragLeave: onDragLeave,
-    style: status === 'dragenter' ? Object.assign({}, style) : undefined
+    style: status === 'dragenter' ? _objectSpread({}, style) : undefined
   });
 }
+
 export default DropItem;

package/es/Drag/index.js

@@ -1,5 +1,5 @@
-import DragAndDropItem from './DragAndDropItem';
-import DropItem from './DropItem';
+import DragAndDropItem from "./DragAndDropItem";
+import DropItem from "./DropItem";
 var Drag = {
   DragAndDropItem: DragAndDropItem,
   DropItem: DropItem

package/es/Drawer/Footer.js

@@ -1,24 +1,31 @@
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import React from 'react';
-import "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 function Footer(_ref) {
   var onClose = _ref.onClose,
-    cancelText = _ref.cancelText,
-    okText = _ref.okText,
-    onOk = _ref.onOk;
-  return /*#__PURE__*/React.createElement("div", {
+      cancelText = _ref.cancelText,
+      okText = _ref.okText,
+      onOk = _ref.onOk;
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       textAlign: 'right'
-    }
-  }, /*#__PURE__*/React.createElement(_Button, {
-    onClick: onClose,
-    style: {
-      marginRight: 8
-    }
-  }, cancelText), /*#__PURE__*/React.createElement(_Button, {
-    onClick: onOk,
-    type: "primary"
-  }, okText));
+    },
+    children: [/*#__PURE__*/_jsx(_Button, {
+      onClick: onClose,
+      style: {
+        marginRight: 8
+      },
+      children: cancelText
+    }), /*#__PURE__*/_jsx(_Button, {
+      onClick: onOk,
+      type: "primary",
+      children: okText
+    })]
+  });
 }
+
 export default Footer;

package/es/Drawer/demo.js

@@ -0,0 +1,109 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useRef, useState } from 'react';
+import Drawer from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
+var App = function App() {
+  var drawer = Drawer.useDrawer();
+  var ref = useRef();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var showDrawer = function showDrawer() {
+    setVisible(true);
+  };
+
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+
+  return /*#__PURE__*/_jsxs(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(_Button, {
+        type: "primary",
+        onClick: showDrawer,
+        children: "Open"
+      }), /*#__PURE__*/_jsxs(Drawer, {
+        title: "Basic Drawer",
+        placement: "right",
+        onClose: onClose,
+        visible: visible,
+        onOk: function onOk() {
+          alert('确定！');
+          onClose();
+        },
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Some contents..."
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Some contents..."
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Some contents..."
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(_Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return drawer.open({
+            content: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              }), /*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              }), /*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              })]
+            })
+          });
+        },
+        children: "useDrawer"
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(_Button, {
+        type: "primary",
+        onClick: function onClick() {
+          var _ref$current;
+
+          return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
+            content: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              }), /*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              }), /*#__PURE__*/_jsx("p", {
+                children: "Some contents..."
+              })]
+            })
+          });
+        },
+        children: "RefDrawer"
+      }), /*#__PURE__*/_jsx(Drawer.RefDrawer, {
+        ref: ref
+      })]
+    })]
+  });
+};
+
+export default App;