@cloud-app-dev/vidc 3.1.16 → 3.1.18

package/es/CheckGroupFixed/index.js

@@ -3,55 +3,43 @@ import _Badge from "antd/lib/badge";
 import "antd/lib/checkbox/style";
 import _Checkbox from "antd/lib/checkbox";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-
 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, { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import "./index.css";
-
 function CheckGroupFixed(_ref) {
   var label = _ref.label,
-      _ref$source = _ref.source,
-      source = _ref$source === void 0 ? [] : _ref$source,
-      _ref$checboxSize = _ref.checboxSize,
-      checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
-      _ref$cutRow = _ref.cutRow,
-      cutRow = _ref$cutRow === void 0 ? 1 : _ref$cutRow,
-      _ref$labelSize = _ref.labelSize,
-      labelSize = _ref$labelSize === void 0 ? 100 : _ref$labelSize,
-      value = _ref.value,
-      onChange = _ref.onChange;
-
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? [] : _ref$source,
+    _ref$checboxSize = _ref.checboxSize,
+    checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
+    _ref$cutRow = _ref.cutRow,
+    cutRow = _ref$cutRow === void 0 ? 1 : _ref$cutRow,
+    _ref$labelSize = _ref.labelSize,
+    labelSize = _ref$labelSize === void 0 ? 100 : _ref$labelSize,
+    value = _ref.value,
+    onChange = _ref.onChange;
   var _useState = useState({
-    visible: false,
-    sider: false,
-    pos: [0, 0],
-    w: 0,
-    selectKeys: value || []
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      visible: false,
+      sider: false,
+      pos: [0, 0],
+      w: 0,
+      selectKeys: value || []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var domRef = useRef(null);
   useLayoutEffect(function () {
     var _a, _b;
-
     var contentEle = (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.check-content-box');
     var contentRect = (contentEle === null || contentEle === void 0 ? void 0 : contentEle.getBoundingClientRect()) || {
       width: 0
     };
-
     if (contentRect.width < checboxSize * source.length) {
       var lr = (_b = domRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
       setState(function (old) {
@@ -74,11 +62,9 @@ function CheckGroupFixed(_ref) {
       boxShadow: ' 0 0 10px rgba(0,0,0,0.1)'
     } : {};
   }, [state.sider, state.w, state.pos]);
-
   _useUpdateEffect(function () {
     return onChange === null || onChange === void 0 ? void 0 : onChange(state.selectKeys);
   }, [state.selectKeys]);
-
   useLayoutEffect(function () {
     var dom = domRef.current.querySelector('.check-box-group-layout');
     dom === null || dom === void 0 ? void 0 : dom.setAttribute('style', "grid-template-columns:repeat(auto-fill, minmax(".concat(checboxSize, "px, 1fr));"));
@@ -146,5 +132,4 @@ function CheckGroupFixed(_ref) {
     }
   }));
 }
-
 export default CheckGroupFixed;

package/es/Config/index.js

@@ -21,7 +21,6 @@ var Config = {
         var index = draft.findIndex(function (v) {
           return v === id;
         });
-
         if (index === -1) {
           draft.push(id);
         } else {
@@ -45,7 +44,6 @@ var Config = {
         var index = draft.findIndex(function (v) {
           return v.id === item.id;
         });
-
         if (index === -1) {
           draft.push(item);
         } else {
@@ -67,7 +65,6 @@ var Config = {
     return getComputedStyle(document.querySelector(':root')).getPropertyValue("--".concat(themeKey));
   }
 };
-
 var LMConfig = function () {
   if (window['_CONFIG_']) {
     return window['_CONFIG_'];
@@ -77,5 +74,4 @@ var LMConfig = function () {
     return Config;
   }
 }();
-
 export default LMConfig;

package/es/Config/utils.js

@@ -1,41 +1,26 @@
 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 _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; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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; }
-
 var style = document.createElement('style');
 var isInit = false;
 export function insertThemeStyle(options) {
   var _ref;
-
   var tplStr = ':root{<content>}';
-
   var attrArr = (_ref = []).concat.apply(_ref, _toConsumableArray(Object.values(options.vars)));
-
   style.innerHTML = tplStr.replace('<content>', attrArr.reduce(function (a, b) {
     var _b$split = b.split(':'),
-        _b$split2 = _slicedToArray(_b$split, 2),
-        key = _b$split2[0],
-        value = _b$split2[1];
-
+      _b$split2 = _slicedToArray(_b$split, 2),
+      key = _b$split2[0],
+      value = _b$split2[1];
     return a + "--".concat(key, ":").concat(value, ";\n");
   }, ''));
-
   if (!isInit) {
     isInit = true;
     document.head.appendChild(style);

package/es/ConfigContext/index.js

@@ -1,9 +1,8 @@
 import React, { useMemo } from 'react';
 var Context = /*#__PURE__*/React.createContext(null);
-
 function Provider(_ref) {
   var getContainer = _ref.getContainer,
-      children = _ref.children;
+    children = _ref.children;
   var root = useMemo(function () {
     return getContainer();
   }, [getContainer]);
@@ -13,7 +12,6 @@ function Provider(_ref) {
     }
   }, children);
 }
-
 Provider.defaultProps = {
   getContainer: function getContainer() {
     return document.body;

package/es/CustomRenderSelect/index.js

@@ -3,46 +3,35 @@ import _Select from "antd/lib/select";
 import _useClickAway from "ahooks/es/useClickAway";
 import _useToggle3 from "ahooks/es/useToggle";
 import _uuid from "@cloud-app-dev/utils/es/uuid";
-
 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 { __rest } from "tslib";
 import React, { useMemo, useRef } from 'react';
 import "./index.css";
-
 function CustomRenderSelect(_a) {
   var children = _a.children,
-      value = _a.value,
-      customRender = _a.customRender,
-      popupClassName = _a.popupClassName,
-      getPopupContainer = _a.getPopupContainer,
-      onChange = _a.onChange,
-      _a$selectAotoClose = _a.selectAotoClose,
-      selectAotoClose = _a$selectAotoClose === void 0 ? true : _a$selectAotoClose,
-      props = __rest(_a, ["children", "value", "customRender", "popupClassName", "getPopupContainer", "onChange", "selectAotoClose"]);
-
+    value = _a.value,
+    customRender = _a.customRender,
+    popupClassName = _a.popupClassName,
+    getPopupContainer = _a.getPopupContainer,
+    onChange = _a.onChange,
+    _a$selectAotoClose = _a.selectAotoClose,
+    selectAotoClose = _a$selectAotoClose === void 0 ? true : _a$selectAotoClose,
+    props = __rest(_a, ["children", "value", "customRender", "popupClassName", "getPopupContainer", "onChange", "selectAotoClose"]);
   var classname = useMemo(function () {
     return "custom-render-select-dropdown-".concat(_uuid());
   }, []);
   var domRef = useRef(null);
-
   var _useToggle = _useToggle3(),
-      _useToggle2 = _slicedToArray(_useToggle, 2),
-      open = _useToggle2[0],
-      _useToggle2$ = _useToggle2[1],
-      toggle = _useToggle2$.toggle,
-      set = _useToggle2$.set;
-
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    open = _useToggle2[0],
+    _useToggle2$ = _useToggle2[1],
+    toggle = _useToggle2$.toggle,
+    set = _useToggle2$.set;
   var getDoms = useMemo(function () {
     return [function () {
       return domRef.current.querySelector('.custom-render-box');
@@ -50,19 +39,15 @@ function CustomRenderSelect(_a) {
       return document.querySelector(".".concat(classname));
     }];
   }, []);
-
   _useClickAway(function () {
     return set(false);
   }, getDoms, ['click']);
-
   var onSelectChange = function onSelectChange(v) {
     onChange && onChange(v);
-
     if (selectAotoClose) {
       set(false);
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-render-select",
     ref: domRef
@@ -81,5 +66,4 @@ function CustomRenderSelect(_a) {
     className: "popup-container"
   }));
 }
-
 export default CustomRenderSelect;

package/es/DisableMark/index.js

@@ -2,8 +2,8 @@ import React from 'react';
 import "./index.css";
 export default function DisableMark(_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      width = _ref.width;
+    disabled = _ref.disabled,
+    width = _ref.width;
   return /*#__PURE__*/React.createElement("div", {
     style: {
       width: '100%',

package/es/DomMove/index.js

@@ -3,16 +3,15 @@ import _useUpdate from "ahooks/es/useUpdate";
 import _useSize from "ahooks/es/useSize";
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import { getPosition, getMouseXY } from './utils';
-
 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;
+    position = _ref.position,
+    className = _ref.className,
+    size = _ref.size,
+    children = _ref.children,
+    onDragChange = _ref.onDragChange,
+    onDragEnd = _ref.onDragEnd,
+    forwordRef = _ref.forwordRef;
   var dragRef = useRef(null);
   var ref = useRef({
     position: {
@@ -32,12 +31,10 @@ 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
@@ -48,7 +45,6 @@ function DomMove(_ref) {
       y: y
     });
   };
-
   useEffect(function () {
     var offset = getPosition(dragRef === null || dragRef === void 0 ? void 0 : dragRef.current);
     ref.current.deviation = {
@@ -57,31 +53,28 @@ 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
@@ -91,36 +84,31 @@ 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) {
     var _getMouseXY2 = getMouseXY(event),
-        x = _getMouseXY2.x,
-        y = _getMouseXY2.y;
-
+      x = _getMouseXY2.x,
+      y = _getMouseXY2.y;
     ref.current.deviation.offsetX = x - ref.current.position.x;
     ref.current.deviation.offsetY = y - ref.current.position.y;
     ref.current.isDrag = true;
   }, {
     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;
-
+      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", {
     ref: dragRef,
     className: "drag-move-Content ".concat(className),
@@ -131,7 +119,6 @@ function DomMove(_ref) {
     }
   }, children);
 }
-
 DomMove.defaultProps = {
   className: '',
   size: {

package/es/DomMove/utils.js

@@ -1,14 +1,11 @@
 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; //叠加父容器的左边距
   }
 
@@ -16,13 +13,12 @@ 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;
@@ -30,7 +26,6 @@ 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,42 +1,31 @@
 import _uuid from "@cloud-app-dev/utils/es/uuid";
-
 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) {
@@ -66,22 +55,19 @@ 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");
@@ -94,7 +80,6 @@ function DragAndDropItem(_ref) {
       setOffset([offsetX, offsetY]);
       event.dataTransfer.setDragImage(new Image(), 0, 0);
     }
-
     setStatus(function (old) {
       return ['draging', old[1]];
     });
@@ -115,11 +100,9 @@ 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");
@@ -141,5 +124,4 @@ function DragAndDropItem(_ref) {
     })
   });
 }
-
 export default DragAndDropItem;

package/es/Drag/DropItem.js

@@ -1,28 +1,19 @@
 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();
@@ -50,5 +41,4 @@ function DropItem(_ref) {
     style: status === 'dragenter' ? Object.assign({}, style) : undefined
   });
 }
-
 export default DropItem;