@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/modal/index.js

@@ -1,767 +1,413 @@
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-import { on, off, addClass, hasClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import { getDomNode } from '@opentiny/vue-renderless/common/deps/dom';
-var DragClass = 'is__drag';
-var emitZoom = function emitZoom(_ref) {
-  var params = _ref.params,
-    parent = _ref.parent,
-    emit = _ref.emit,
-    event = _ref.event;
-  var $listeners = parent.$listeners,
-    _parent$events = parent.events,
-    events = _parent$events === void 0 ? {} : _parent$events;
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+import { on, off, addClass, hasClass, removeClass } from "@opentiny/vue-renderless/common/deps/dom";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import { getDomNode } from "@opentiny/vue-renderless/common/deps/dom";
+const DragClass = "is__drag";
+const emitZoom = ({ params, parent, emit, event }) => {
+  let { $listeners, events = {} } = parent;
   if ($listeners.zoom) {
-    emit('zoom', params, event);
+    emit("zoom", params, event);
   } else if (events.zoom) {
     events.zoom.call(parent, params, event);
   }
 };
-export var MsgQueue = [];
-export var computedIsMsg = function computedIsMsg() {
-  return function (props) {
-    return props.type === 'message';
-  };
-};
-export var watchValue = function watchValue(api) {
-  return function (visible) {
-    return visible ? api.open() : api.close('hide');
-  };
+const MsgQueue = [];
+const computedIsMsg = () => (props) => props.type === "message";
+const watchValue = (api) => (visible) => visible ? api.open() : api.close("hide");
+const created = ({ api, props, state }) => () => {
+  if (props.modelValue) {
+    api.open();
+  }
+  state.modalZindex = props.zIndex || PopupManager.nextZIndex();
 };
-export var created = function created(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    if (props.modelValue) {
-      api.open();
-    }
-    state.modalZindex = props.zIndex || PopupManager.nextZIndex();
-  };
+const mounted = ({ api, parent, props }) => () => {
+  let modalBoxElem = api.getBox();
+  Object.assign(modalBoxElem.style, {
+    width: props.width ? isNaN(props.width) ? props.width : `${props.width}px` : null,
+    height: props.height ? isNaN(props.height) ? props.height : `${props.height}px` : null
+  });
+  if (props.escClosable) {
+    on(document, "keydown", api.handleGlobalKeydownEvent);
+  }
+  document.body.appendChild(parent.$el);
 };
-export var mounted = function mounted(_ref3) {
-  var api = _ref3.api,
-    parent = _ref3.parent,
-    props = _ref3.props;
-  return function () {
-    var modalBoxElem = api.getBox();
-    Object.assign(modalBoxElem.style, {
-      width: props.width ? isNaN(props.width) ? props.width : "".concat(props.width, "px") : null,
-      height: props.height ? isNaN(props.height) ? props.height : "".concat(props.height, "px") : null
-    });
-    if (props.escClosable) {
-      on(document, 'keydown', api.handleGlobalKeydownEvent);
-    }
-    document.body.appendChild(parent.$el);
-  };
+const beforeUnmouted = ({ api, parent }) => () => {
+  off(document, "keydown", api.handleGlobalKeydownEvent);
+  api.removeMsgQueue();
+  if (parent.$el.parentNode) {
+    parent.$el.parentNode.removeChild(parent.$el);
+  }
 };
-export var beforeUnmouted = function beforeUnmouted(_ref4) {
-  var api = _ref4.api,
-    parent = _ref4.parent;
-  return function () {
-    off(document, 'keydown', api.handleGlobalKeydownEvent);
-    api.removeMsgQueue();
-    if (parent.$el.parentNode) {
-      parent.$el.parentNode.removeChild(parent.$el);
-    }
-  };
+const selfClickEvent = ({ api, parent, props }) => (event) => {
+  if (props.maskClosable && event.target === parent.$el) {
+    api.close("mask");
+  }
 };
-export var selfClickEvent = function selfClickEvent(_ref5) {
-  var api = _ref5.api,
-    parent = _ref5.parent,
-    props = _ref5.props;
-  return function (event) {
-    if (props.maskClosable && event.target === parent.$el) {
-      api.close('mask');
-    }
-  };
+const updateZindex = ({ state, props }) => () => {
+  state.modalZindex = props.zIndex || PopupManager.nextZIndex();
 };
-export var updateZindex = function updateZindex(_ref6) {
-  var state = _ref6.state,
-    props = _ref6.props;
-  return function () {
-    state.modalZindex = props.zIndex || PopupManager.nextZIndex();
+const handleEvent = ({ api, emit, parent, props }) => (type, event) => {
+  if (~["close", "confirm", "cancel"].indexOf(type) && typeof props.beforeClose === "function" && props.beforeClose(type) === false) {
+    return;
+  }
+  const { events = {} } = parent;
+  const params = {
+    type,
+    $modal: parent
   };
-};
-export var handleEvent = function handleEvent(_ref7) {
-  var api = _ref7.api,
-    emit = _ref7.emit,
-    parent = _ref7.parent,
-    props = _ref7.props;
-  return function (type, event) {
-    if (~['close', 'confirm', 'cancel'].indexOf(type) && typeof props.beforeClose === 'function' && props.beforeClose(type) === false) {
-      return;
+  emit(type, params, event);
+  events[type] && events[type].call(parent, params);
+  api.close(type);
+};
+const closeEvent = (api) => (event) => {
+  api.handleEvent("close", event);
+};
+const confirmEvent = (api) => (event) => {
+  api.handleEvent("confirm", event);
+};
+const cancelEvent = (api) => (event) => {
+  api.handleEvent("cancel", event);
+};
+const open = ({ api, emit, nextTick, parent, props, state }) => () => {
+  let { $listeners, events = {} } = parent;
+  if (!state.visible) {
+    let params = { type: "show", $modal: parent };
+    state.visible = true;
+    state.contentVisible = false;
+    api.updateZindex();
+    if (!events.show) {
+      emit("update:modelValue", true);
+      emit("show", params);
     }
-    var _parent$events2 = parent.events,
-      events = _parent$events2 === void 0 ? {} : _parent$events2;
-    var params = {
-      type: type,
-      $modal: parent
-    };
-    emit(type, params, event);
-    events[type] && events[type].call(parent, params);
-    api.close(type);
-  };
-};
-export var closeEvent = function closeEvent(api) {
-  return function (event) {
-    api.handleEvent('close', event);
-  };
-};
-export var confirmEvent = function confirmEvent(api) {
-  return function (event) {
-    api.handleEvent('confirm', event);
-  };
-};
-export var cancelEvent = function cancelEvent(api) {
-  return function (event) {
-    api.handleEvent('cancel', event);
-  };
-};
-export var open = function open(_ref8) {
-  var api = _ref8.api,
-    emit = _ref8.emit,
-    nextTick = _ref8.nextTick,
-    parent = _ref8.parent,
-    props = _ref8.props,
-    state = _ref8.state;
-  return function () {
-    var $listeners = parent.$listeners,
-      _parent$events3 = parent.events,
-      events = _parent$events3 === void 0 ? {} : _parent$events3;
-    if (!state.visible) {
-      var params = {
-        type: 'show',
-        $modal: parent
-      };
-      state.visible = true;
-      state.contentVisible = false;
-      api.updateZindex();
-      if (!events.show) {
-        emit('update:modelValue', true);
-        emit('show', params);
-      }
-      setTimeout(function () {
-        state.contentVisible = true;
-        if (!$listeners.show && events.show) {
-          nextTick(function () {
-            events.show.call(parent, params);
-          });
-        }
-      }, 10);
-      if (state.isMsg) {
-        api.addMsgQueue();
-        setTimeout(function () {
-          api.close(params.type);
-        }, parseFloat(props.duration));
-      } else {
-        nextTick(function () {
-          var modalBoxElem = api.getBox();
-          var clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
-          var clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
-          modalBoxElem.style.left = "".concat(clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2, "px");
-          if (modalBoxElem.offsetHeight + modalBoxElem.offsetTop + props.marginSize > clientVisibleHeight) {
-            modalBoxElem.style.top = "".concat(props.marginSize, "px");
-          }
-          if (props.fullscreen) {
-            nextTick(api.maximize);
-          }
+    setTimeout(() => {
+      state.contentVisible = true;
+      if (!$listeners.show && events.show) {
+        nextTick(() => {
+          events.show.call(parent, params);
         });
       }
-    }
-  };
-};
-export var addMsgQueue = function addMsgQueue(_ref9) {
-  var api = _ref9.api,
-    parent = _ref9.parent;
-  return function () {
-    if (!~MsgQueue.indexOf(parent)) {
-      MsgQueue.push(parent);
-    }
-    api.updateStyle();
-  };
-};
-export var removeMsgQueue = function removeMsgQueue(_ref10) {
-  var api = _ref10.api,
-    parent = _ref10.parent;
-  return function () {
-    var index = MsgQueue.indexOf(parent);
-    if (~index) {
-      MsgQueue.splice(index, 1);
-    }
-    api.updateStyle();
-  };
-};
-export var updateStyle = function updateStyle(nextTick) {
-  return function () {
-    nextTick(function () {
-      var offsetTop = 0;
-      MsgQueue.forEach(function (comp) {
-        offsetTop += parseFloat(comp.top);
-        comp.state.modalTop = offsetTop;
-        var modalBox = comp.$el.querySelector('.tiny-modal__box');
-        offsetTop += modalBox.clientHeight;
-      });
-    });
-  };
-};
-export var close = function close(_ref11) {
-  var emit = _ref11.emit,
-    parent = _ref11.parent,
-    props = _ref11.props,
-    state = _ref11.state;
-  return function (type) {
-    if (!~['close', 'confirm', 'cancel'].indexOf(type) && typeof props.beforeClose === 'function' && props.beforeClose(type) === false) {
-      return;
-    }
-    var _parent$events4 = parent.events,
-      events = _parent$events4 === void 0 ? {} : _parent$events4;
-    state.emitter.emit('boxclose', props.isFormReset);
-    if (state.visible) {
-      state.contentVisible = false;
-      setTimeout(function () {
-        state.visible = false;
-        var params = {
-          type: type,
-          $modal: parent
-        };
-        if (events.hide) {
-          events.hide.call(parent, params);
-        } else {
-          emit('update:modelValue', false);
-          emit('hide', params);
+    }, 10);
+    if (state.isMsg) {
+      api.addMsgQueue();
+      setTimeout(() => {
+        api.close(params.type);
+      }, parseFloat(props.duration));
+    } else {
+      nextTick(() => {
+        let modalBoxElem = api.getBox();
+        let clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
+        let clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
+        modalBoxElem.style.left = `${clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2}px`;
+        if (modalBoxElem.offsetHeight + modalBoxElem.offsetTop + props.marginSize > clientVisibleHeight) {
+          modalBoxElem.style.top = `${props.marginSize}px`;
         }
-      }, 200);
-    }
-  };
-};
-export var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(api) {
-  return function (event) {
-    if (event.keyCode === KEY_CODE.Escape) {
-      api.close('esc');
+        if (props.fullscreen) {
+          nextTick(api.maximize);
+        }
+      });
     }
-  };
+  }
 };
-export var getBox = function getBox(refs) {
-  return function () {
-    return refs.modalBox;
-  };
+const addMsgQueue = ({ api, parent }) => () => {
+  if (!~MsgQueue.indexOf(parent)) {
+    MsgQueue.push(parent);
+  }
+  api.updateStyle();
 };
-export var maximize = function maximize(_ref12) {
-  var api = _ref12.api,
-    nextTick = _ref12.nextTick,
-    props = _ref12.props,
-    state = _ref12.state;
-  return function () {
-    return nextTick().then(function () {
-      if (!state.zoomLocat) {
-        var marginSize = props.marginSize;
-        var modalBoxElement = api.getBox();
-        var _getDomNode = getDomNode(),
-          visibleHeight = _getDomNode.visibleHeight,
-          visibleWidth = _getDomNode.visibleWidth;
-        state.zoomLocat = {
-          top: modalBoxElement.offsetTop,
-          left: modalBoxElement.offsetLeft,
-          width: modalBoxElement.clientWidth,
-          height: modalBoxElement.clientHeight
-        };
-        Object.assign(modalBoxElement.style, {
-          width: "".concat(visibleWidth - marginSize * 2, "px"),
-          height: "".concat(visibleHeight - marginSize * 2, "px"),
-          top: "".concat(marginSize, "px"),
-          left: "".concat(marginSize, "px")
-        });
-        state.emitter.emit('boxdrag');
-      }
+const removeMsgQueue = ({ api, parent }) => () => {
+  const index = MsgQueue.indexOf(parent);
+  if (~index) {
+    MsgQueue.splice(index, 1);
+  }
+  api.updateStyle();
+};
+const updateStyle = (nextTick) => () => {
+  nextTick(() => {
+    let offsetTop = 0;
+    MsgQueue.forEach((comp) => {
+      offsetTop += parseFloat(comp.top);
+      comp.state.modalTop = offsetTop;
+      const modalBox = comp.$el.querySelector(".tiny-modal__box");
+      offsetTop += modalBox.clientHeight;
     });
-  };
+  });
 };
-export var revert = function revert(_ref13) {
-  var api = _ref13.api,
-    nextTick = _ref13.nextTick,
-    state = _ref13.state;
-  return function () {
-    return nextTick().then(function () {
-      var zoomLocat = state.zoomLocat;
-      if (zoomLocat) {
-        var modalBoxElement = api.getBox();
-        state.zoomLocat = null;
-        Object.assign(modalBoxElement.style, {
-          width: "".concat(zoomLocat.width, "px"),
-          height: "".concat(zoomLocat.height, "px"),
-          top: "".concat(zoomLocat.top, "px"),
-          left: "".concat(zoomLocat.left, "px")
-        });
-        state.emitter.emit('boxdrag');
+const close = ({ emit, parent, props, state }) => (type) => {
+  if (!~["close", "confirm", "cancel"].indexOf(type) && typeof props.beforeClose === "function" && props.beforeClose(type) === false) {
+    return;
+  }
+  let { events = {} } = parent;
+  state.emitter.emit("boxclose", props.isFormReset);
+  if (state.visible) {
+    state.contentVisible = false;
+    setTimeout(() => {
+      state.visible = false;
+      let params = { type, $modal: parent };
+      if (events.hide) {
+        events.hide.call(parent, params);
+      } else {
+        emit("update:modelValue", false);
+        emit("hide", params);
       }
-    });
-  };
+    }, 200);
+  }
 };
-export var toggleZoomEvent = function toggleZoomEvent(_ref14) {
-  var api = _ref14.api,
-    emit = _ref14.emit,
-    parent = _ref14.parent,
-    state = _ref14.state;
-  return function (event) {
-    var params = {
-      type: state.zoomLocat ? 'min' : 'max',
-      $modal: parent
+const handleGlobalKeydownEvent = (api) => (event) => {
+  if (event.keyCode === KEY_CODE.Escape) {
+    api.close("esc");
+  }
+};
+const getBox = (refs) => () => refs.modalBox;
+const maximize = ({ api, nextTick, props, state }) => () => nextTick().then(() => {
+  if (!state.zoomLocat) {
+    let marginSize = props.marginSize;
+    let modalBoxElement = api.getBox();
+    let { visibleHeight, visibleWidth } = getDomNode();
+    state.zoomLocat = {
+      top: modalBoxElement.offsetTop,
+      left: modalBoxElement.offsetLeft,
+      width: modalBoxElement.clientWidth,
+      height: modalBoxElement.clientHeight
     };
-    var callback = state.zoomLocat ? api.revert : api.maximize;
-    return callback().then(function () {
-      emitZoom({
-        params: params,
-        parent: parent,
-        emit: emit,
-        event: event
-      });
+    Object.assign(modalBoxElement.style, {
+      width: `${visibleWidth - marginSize * 2}px`,
+      height: `${visibleHeight - marginSize * 2}px`,
+      top: `${marginSize}px`,
+      left: `${marginSize}px`
     });
-  };
+    state.emitter.emit("boxdrag");
+  }
+});
+const revert = ({ api, nextTick, state }) => () => nextTick().then(() => {
+  let zoomLocat = state.zoomLocat;
+  if (zoomLocat) {
+    let modalBoxElement = api.getBox();
+    state.zoomLocat = null;
+    Object.assign(modalBoxElement.style, {
+      width: `${zoomLocat.width}px`,
+      height: `${zoomLocat.height}px`,
+      top: `${zoomLocat.top}px`,
+      left: `${zoomLocat.left}px`
+    });
+    state.emitter.emit("boxdrag");
+  }
+});
+const toggleZoomEvent = ({ api, emit, parent, state }) => (event) => {
+  let params = { type: state.zoomLocat ? "min" : "max", $modal: parent };
+  const callback = state.zoomLocat ? api.revert : api.maximize;
+  return callback().then(() => {
+    emitZoom({ params, parent, emit, event });
+  });
 };
 function getEventTargetNode(event, container, queryCls) {
-  var targetElem;
-  var target = event.target;
+  let targetElem;
+  let target = event.target;
   while (target && target.nodeType && target !== document) {
     if (queryCls && hasClass(target, queryCls)) {
       targetElem = target;
     } else if (target === container) {
       return {
         flag: queryCls ? !!targetElem : true,
-        container: container,
-        targetElem: targetElem
+        container,
+        targetElem
       };
     }
     target = target.parentNode;
   }
-  return {
-    flag: false
-  };
+  return { flag: false };
 }
-export var mousedownEvent = function mousedownEvent(_ref15) {
-  var api = _ref15.api,
-    nextTick = _ref15.nextTick,
-    props = _ref15.props,
-    state = _ref15.state,
-    emit = _ref15.emit;
-  return function (event) {
-    var modalBoxElement = api.getBox();
-    if (!state.zoomLocat && event.button === 0 && !getEventTargetNode(event, modalBoxElement, 'trigger__btn').flag) {
-      event.preventDefault();
-      var demMousemove = document.onmousemove;
-      var demMouseup = document.onmouseup;
-      var disX = event.clientX - modalBoxElement.offsetLeft;
-      var disY = event.clientY - modalBoxElement.offsetTop;
-      var _getDomNode2 = getDomNode(),
-        visibleHeight = _getDomNode2.visibleHeight,
-        visibleWidth = _getDomNode2.visibleWidth;
-      document.onmousemove = function (event) {
-        event.preventDefault();
-        state.emitter.emit('boxdrag');
-        var offsetWidth = modalBoxElement.offsetWidth;
-        var offsetHeight = modalBoxElement.offsetHeight;
-        var minX = props.marginSize;
-        var maxX = visibleWidth - offsetWidth - props.marginSize;
-        var minY = props.marginSize;
-        var maxY = visibleHeight - offsetHeight - props.marginSize;
-        var left = event.clientX - disX;
-        var top = event.clientY - disY;
-        if (left < minX) {
-          left = minX;
-        }
-        if (left > maxX) {
-          left = maxX;
-        }
-        if (top < minY) {
-          top = minY;
-        }
-        if (top > maxY) {
-          top = maxY;
-        }
-        modalBoxElement.style.left = "".concat(left, "px");
-        modalBoxElement.style.top = "".concat(top, "px");
-        addClass(modalBoxElement, DragClass);
-        emit('custom-mousemove', event);
-      };
-      document.onmouseup = function (event) {
-        document.onmousemove = demMousemove;
-        document.onmouseup = demMouseup;
-        nextTick(function () {
-          removeClass(modalBoxElement, DragClass);
-        });
-        emit('custom-mouseup', event);
-      };
-      emit('custom-mousedown', event);
-    }
-  };
+const mousedownEvent = ({ api, nextTick, props, state, emit }) => (event) => {
+  let modalBoxElement = api.getBox();
+  if (!state.zoomLocat && event.button === 0 && !getEventTargetNode(event, modalBoxElement, "trigger__btn").flag) {
+    event.preventDefault();
+    let demMousemove = document.onmousemove;
+    let demMouseup = document.onmouseup;
+    let disX = event.clientX - modalBoxElement.offsetLeft;
+    let disY = event.clientY - modalBoxElement.offsetTop;
+    let { visibleHeight, visibleWidth } = getDomNode();
+    document.onmousemove = (event2) => {
+      event2.preventDefault();
+      state.emitter.emit("boxdrag");
+      let offsetWidth = modalBoxElement.offsetWidth;
+      let offsetHeight = modalBoxElement.offsetHeight;
+      let minX = props.marginSize;
+      let maxX = visibleWidth - offsetWidth - props.marginSize;
+      let minY = props.marginSize;
+      let maxY = visibleHeight - offsetHeight - props.marginSize;
+      let left = event2.clientX - disX;
+      let top = event2.clientY - disY;
+      if (left < minX) {
+        left = minX;
+      }
+      if (left > maxX) {
+        left = maxX;
+      }
+      if (top < minY) {
+        top = minY;
+      }
+      if (top > maxY) {
+        top = maxY;
+      }
+      modalBoxElement.style.left = `${left}px`;
+      modalBoxElement.style.top = `${top}px`;
+      addClass(modalBoxElement, DragClass);
+      emit("custom-mousemove", event2);
+    };
+    document.onmouseup = (event2) => {
+      document.onmousemove = demMousemove;
+      document.onmouseup = demMouseup;
+      nextTick(() => {
+        removeClass(modalBoxElement, DragClass);
+      });
+      emit("custom-mouseup", event2);
+    };
+    emit("custom-mousedown", event);
+  }
 };
-var computeLeft = function computeLeft(_ref16) {
-  var width = _ref16.width,
-    offsetWidth = _ref16.offsetWidth,
-    x = _ref16.x,
-    minWidth = _ref16.minWidth,
-    temp = _ref16.temp,
-    offsetLeft = _ref16.offsetLeft,
-    marginSize = _ref16.marginSize,
-    left = _ref16.left;
+const computeLeft = ({ width, offsetWidth, x, minWidth, temp, offsetLeft, marginSize, left }) => {
   width = offsetWidth - x;
   width = width < minWidth ? minWidth : width;
   temp = offsetLeft + offsetWidth - marginSize;
   width = width > temp ? temp : width;
   left = offsetLeft + offsetWidth - width;
-  return {
-    width: width,
-    left: left
-  };
+  return { width, left };
 };
-var computeTop = function computeTop(_ref17) {
-  var height = _ref17.height,
-    offsetHeight = _ref17.offsetHeight,
-    y = _ref17.y,
-    minHeight = _ref17.minHeight,
-    temp = _ref17.temp,
-    offsetTop = _ref17.offsetTop,
-    marginSize = _ref17.marginSize,
-    top = _ref17.top;
+const computeTop = ({ height, offsetHeight, y, minHeight, temp, offsetTop, marginSize, top }) => {
   height = offsetHeight - y;
   height = height < minHeight ? minHeight : height;
   temp = offsetTop + offsetHeight - marginSize;
   height = height > temp ? temp : height;
   top = offsetTop + offsetHeight - height;
-  return {
-    height: height,
-    top: top
-  };
+  return { height, top };
 };
-var computeRight = function computeRight(_ref18) {
-  var width = _ref18.width,
-    offsetWidth = _ref18.offsetWidth,
-    x = _ref18.x,
-    minWidth = _ref18.minWidth,
-    temp = _ref18.temp,
-    visibleWidth = _ref18.visibleWidth,
-    offsetLeft = _ref18.offsetLeft,
-    marginSize = _ref18.marginSize;
+const computeRight = ({ width, offsetWidth, x, minWidth, temp, visibleWidth, offsetLeft, marginSize }) => {
   width = offsetWidth + x;
   width = width < minWidth ? minWidth : width;
   temp = visibleWidth - offsetLeft - marginSize;
   width = width > temp ? temp : width;
-  return {
-    width: width
-  };
+  return { width };
 };
-var computeBottom = function computeBottom(_ref19) {
-  var height = _ref19.height,
-    offsetHeight = _ref19.offsetHeight,
-    y = _ref19.y,
-    minHeight = _ref19.minHeight,
-    temp = _ref19.temp,
-    visibleHeight = _ref19.visibleHeight,
-    offsetTop = _ref19.offsetTop,
-    marginSize = _ref19.marginSize;
+const computeBottom = ({ height, offsetHeight, y, minHeight, temp, visibleHeight, offsetTop, marginSize }) => {
   height = offsetHeight + y;
   height = height < minHeight ? minHeight : height;
   temp = visibleHeight - offsetTop - marginSize;
   height = height > temp ? temp : height;
-  return {
-    height: height
-  };
+  return { height };
 };
-var updateModalBox = function updateModalBox(_ref20) {
-  var _ref20$ret = _ref20.ret,
-    width = _ref20$ret.width,
-    left = _ref20$ret.left,
-    height = _ref20$ret.height,
-    top = _ref20$ret.top,
-    modalBoxElement = _ref20.modalBoxElem;
+const updateModalBox = ({ ret: { width, left, height, top }, modalBoxElem: modalBoxElement }) => {
   if (width) {
-    modalBoxElement.style.width = "".concat(width, "px");
+    modalBoxElement.style.width = `${width}px`;
   }
   if (left) {
-    modalBoxElement.style.left = "".concat(left, "px");
+    modalBoxElement.style.left = `${left}px`;
   }
   if (height) {
-    modalBoxElement.style.height = "".concat(height, "px");
+    modalBoxElement.style.height = `${height}px`;
   }
   if (top) {
-    modalBoxElement.style.top = "".concat(top, "px");
+    modalBoxElement.style.top = `${top}px`;
   }
 };
-var updateWl = function updateWl(_ref21) {
-  var width = _ref21.width,
-    offsetWidth = _ref21.offsetWidth,
-    x = _ref21.x,
-    minWidth = _ref21.minWidth,
-    temp = _ref21.temp,
-    offsetLeft = _ref21.offsetLeft,
-    marginSize = _ref21.marginSize,
-    left = _ref21.left,
-    modalBoxElem = _ref21.modalBoxElem;
+const updateWl = ({ width, offsetWidth, x, minWidth, temp, offsetLeft, marginSize, left, modalBoxElem }) => {
   updateModalBox({
     ret: computeLeft({
-      width: width,
-      offsetWidth: offsetWidth,
-      x: x,
-      minWidth: minWidth,
-      temp: temp,
-      offsetLeft: offsetLeft,
-      marginSize: marginSize,
-      left: left
+      width,
+      offsetWidth,
+      x,
+      minWidth,
+      temp,
+      offsetLeft,
+      marginSize,
+      left
     }),
-    modalBoxElem: modalBoxElem
+    modalBoxElem
   });
 };
-var updateWr = function updateWr(_ref22) {
-  var width = _ref22.width,
-    offsetWidth = _ref22.offsetWidth,
-    x = _ref22.x,
-    minWidth = _ref22.minWidth,
-    temp = _ref22.temp,
-    visibleWidth = _ref22.visibleWidth,
-    offsetLeft = _ref22.offsetLeft,
-    marginSize = _ref22.marginSize,
-    modalBoxElem = _ref22.modalBoxElem;
+const updateWr = ({ width, offsetWidth, x, minWidth, temp, visibleWidth, offsetLeft, marginSize, modalBoxElem }) => {
   updateModalBox({
     ret: computeRight({
-      width: width,
-      offsetWidth: offsetWidth,
-      x: x,
-      minWidth: minWidth,
-      temp: temp,
-      visibleWidth: visibleWidth,
-      offsetLeft: offsetLeft,
-      marginSize: marginSize
+      width,
+      offsetWidth,
+      x,
+      minWidth,
+      temp,
+      visibleWidth,
+      offsetLeft,
+      marginSize
     }),
-    modalBoxElem: modalBoxElem
+    modalBoxElem
   });
 };
-var updateSt = function updateSt(_ref23) {
-  var height = _ref23.height,
-    offsetHeight = _ref23.offsetHeight,
-    y = _ref23.y,
-    minHeight = _ref23.minHeight,
-    temp = _ref23.temp,
-    offsetTop = _ref23.offsetTop,
-    marginSize = _ref23.marginSize,
-    top = _ref23.top,
-    modalBoxElem = _ref23.modalBoxElem;
+const updateSt = ({ height, offsetHeight, y, minHeight, temp, offsetTop, marginSize, top, modalBoxElem }) => {
   updateModalBox({
     ret: computeTop({
-      height: height,
-      offsetHeight: offsetHeight,
-      y: y,
-      minHeight: minHeight,
-      temp: temp,
-      offsetTop: offsetTop,
-      marginSize: marginSize,
-      top: top
+      height,
+      offsetHeight,
+      y,
+      minHeight,
+      temp,
+      offsetTop,
+      marginSize,
+      top
     }),
-    modalBoxElem: modalBoxElem
+    modalBoxElem
   });
 };
-var updateSb = function updateSb(_ref24) {
-  var height = _ref24.height,
-    offsetHeight = _ref24.offsetHeight,
-    y = _ref24.y,
-    minHeight = _ref24.minHeight,
-    temp = _ref24.temp,
-    visibleHeight = _ref24.visibleHeight,
-    offsetTop = _ref24.offsetTop,
-    marginSize = _ref24.marginSize,
-    modalBoxElem = _ref24.modalBoxElem;
+const updateSb = ({ height, offsetHeight, y, minHeight, temp, visibleHeight, offsetTop, marginSize, modalBoxElem }) => {
   updateModalBox({
     ret: computeBottom({
-      height: height,
-      offsetHeight: offsetHeight,
-      y: y,
-      minHeight: minHeight,
-      temp: temp,
-      visibleHeight: visibleHeight,
-      offsetTop: offsetTop,
-      marginSize: marginSize
+      height,
+      offsetHeight,
+      y,
+      minHeight,
+      temp,
+      visibleHeight,
+      offsetTop,
+      marginSize
     }),
-    modalBoxElem: modalBoxElem
+    modalBoxElem
   });
 };
-var setModalBoxStyle = function setModalBoxStyle(_ref25) {
-  var params = _ref25.params,
-    _ref25$delta = _ref25.delta,
-    x = _ref25$delta.x,
-    y = _ref25$delta.y;
-  var visibleHeight = params.visibleHeight,
-    visibleWidth = params.visibleWidth,
-    modalBoxElem = params.modalBoxElem,
-    type = params.type,
-    props = params.props;
-  var offsetWidth = modalBoxElem.offsetWidth,
-    offsetHeight = modalBoxElem.offsetHeight,
-    offsetLeft = modalBoxElem.offsetLeft,
-    offsetTop = modalBoxElem.offsetTop;
-  var minWidth = props.minWidth,
-    minHeight = props.minHeight,
-    marginSize = props.marginSize;
-  var width = 0,
-    left = 0,
-    temp = 0,
-    height = 0,
-    top = 0;
+const setModalBoxStyle = ({ params, delta: { x, y } }) => {
+  const { visibleHeight, visibleWidth, modalBoxElem, type, props } = params;
+  const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = modalBoxElem;
+  const { minWidth, minHeight, marginSize } = props;
+  const [width, left, temp, height, top] = [0, 0, 0, 0, 0];
   switch (type) {
-    case 'wl':
-      updateWl({
-        offsetWidth: offsetWidth,
-        width: width,
-        minWidth: minWidth,
-        x: x,
-        offsetLeft: offsetLeft,
-        temp: temp,
-        marginSize: marginSize,
-        left: left,
-        modalBoxElem: modalBoxElem
-      });
+    case "wl":
+      updateWl({ offsetWidth, width, minWidth, x, offsetLeft, temp, marginSize, left, modalBoxElem });
       break;
-    case 'wr':
-      updateWr({
-        width: width,
-        offsetWidth: offsetWidth,
-        x: x,
-        minWidth: minWidth,
-        temp: temp,
-        visibleWidth: visibleWidth,
-        offsetLeft: offsetLeft,
-        marginSize: marginSize,
-        modalBoxElem: modalBoxElem
-      });
+    case "wr":
+      updateWr({ width, offsetWidth, x, minWidth, temp, visibleWidth, offsetLeft, marginSize, modalBoxElem });
       break;
-    case 'st':
-      updateSt({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        top: top,
-        modalBoxElem: modalBoxElem
-      });
+    case "st":
+      updateSt({ height, offsetHeight, y, minHeight, temp, offsetTop, marginSize, top, modalBoxElem });
       break;
-    case 'sb':
-      updateSb({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        visibleHeight: visibleHeight,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        modalBoxElem: modalBoxElem
-      });
+    case "sb":
+      updateSb({ height, offsetHeight, y, minHeight, temp, visibleHeight, offsetTop, marginSize, modalBoxElem });
       break;
-    case 'swst':
-      updateWl({
-        width: width,
-        offsetWidth: offsetWidth,
-        x: x,
-        minWidth: minWidth,
-        temp: temp,
-        offsetLeft: offsetLeft,
-        marginSize: marginSize,
-        left: left,
-        modalBoxElem: modalBoxElem
-      });
-      updateSt({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        top: top,
-        modalBoxElem: modalBoxElem
-      });
+    case "swst":
+      updateWl({ width, offsetWidth, x, minWidth, temp, offsetLeft, marginSize, left, modalBoxElem });
+      updateSt({ height, offsetHeight, y, minHeight, temp, offsetTop, marginSize, top, modalBoxElem });
       break;
-    case 'sest':
-      updateWr({
-        offsetWidth: offsetWidth,
-        width: width,
-        x: x,
-        temp: temp,
-        minWidth: minWidth,
-        marginSize: marginSize,
-        visibleWidth: visibleWidth,
-        offsetLeft: offsetLeft,
-        modalBoxElem: modalBoxElem
-      });
-      updateSt({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        top: top,
-        modalBoxElem: modalBoxElem
-      });
+    case "sest":
+      updateWr({ offsetWidth, width, x, temp, minWidth, marginSize, visibleWidth, offsetLeft, modalBoxElem });
+      updateSt({ height, offsetHeight, y, minHeight, temp, offsetTop, marginSize, top, modalBoxElem });
       break;
-    case 'swlb':
-      updateWl({
-        width: width,
-        offsetWidth: offsetWidth,
-        minWidth: minWidth,
-        x: x,
-        temp: temp,
-        marginSize: marginSize,
-        offsetLeft: offsetLeft,
-        modalBoxElem: modalBoxElem,
-        left: left
-      });
-      updateSb({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        visibleHeight: visibleHeight,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        modalBoxElem: modalBoxElem
-      });
+    case "swlb":
+      updateWl({ width, offsetWidth, minWidth, x, temp, marginSize, offsetLeft, modalBoxElem, left });
+      updateSb({ height, offsetHeight, y, minHeight, temp, visibleHeight, offsetTop, marginSize, modalBoxElem });
       break;
-    case 'selb':
-      updateWr({
-        width: width,
-        offsetWidth: offsetWidth,
-        minWidth: minWidth,
-        x: x,
-        visibleWidth: visibleWidth,
-        offsetLeft: offsetLeft,
-        marginSize: marginSize,
-        temp: temp,
-        modalBoxElem: modalBoxElem
-      });
-      updateSb({
-        height: height,
-        offsetHeight: offsetHeight,
-        y: y,
-        minHeight: minHeight,
-        temp: temp,
-        visibleHeight: visibleHeight,
-        offsetTop: offsetTop,
-        marginSize: marginSize,
-        modalBoxElem: modalBoxElem
-      });
+    case "selb":
+      updateWr({ width, offsetWidth, minWidth, x, visibleWidth, offsetLeft, marginSize, temp, modalBoxElem });
+      updateSb({ height, offsetHeight, y, minHeight, temp, visibleHeight, offsetTop, marginSize, modalBoxElem });
       break;
     default:
       break;
   }
 };
-var updateDelta = function updateDelta(_ref26) {
-  var event = _ref26.event,
-    delta = _ref26.delta,
-    state = _ref26.state;
+const updateDelta = ({ event, delta, state }) => {
   if (state.prevEvent) {
     delta.x += event.screenX - state.prevEvent.screenX;
     delta.y += event.screenY - state.prevEvent.screenY;
@@ -769,12 +415,12 @@ var updateDelta = function updateDelta(_ref26) {
   state.prevEvent = event;
 };
 function _findFormComponent(vm, formList) {
-  var children = vm.$children;
+  const children = vm.$children;
   if (children && children.length === 0) {
     return;
   }
-  children.forEach(function (child) {
-    var tag = child.$options.componentName;
+  children.forEach((child) => {
+    const tag = child.$options.componentName;
     if (/^Form$/.test(tag)) {
       formList.push(child);
     }
@@ -782,87 +428,92 @@ function _findFormComponent(vm, formList) {
   });
 }
 function findFormComponent(vm) {
-  var formList = [];
+  const formList = [];
   _findFormComponent(vm, formList);
   return formList;
 }
-export var updateFormTip = function updateFormTip(parent) {
-  var formList = findFormComponent(parent);
+const updateFormTip = (parent) => {
+  const formList = findFormComponent(parent);
   if (formList.length > 0) {
-    formList.forEach(function (form) {
+    formList.forEach((form) => {
       form.updateTip();
     });
   }
 };
-export var dragEvent = function dragEvent(_ref27) {
-  var api = _ref27.api,
-    emit = _ref27.emit,
-    parent = _ref27.parent,
-    props = _ref27.props,
-    state = _ref27.state;
-  return function (event) {
-    event.preventDefault();
-    var delta = {
-      x: 0,
-      y: 0
-    };
-    var _getDomNode3 = getDomNode(),
-      visibleHeight = _getDomNode3.visibleHeight,
-      visibleWidth = _getDomNode3.visibleWidth;
-    var modalBoxElem = api.getBox();
-    var demMousemove = document.onmousemove;
-    var demMouseup = document.onmouseup;
-    var params = {
-      props: props,
-      offsetTop: modalBoxElem.offsetTop,
-      offsetLeft: modalBoxElem.offsetLeft,
-      visibleWidth: visibleWidth,
-      modalBoxElem: modalBoxElem,
-      visibleHeight: visibleHeight,
-      disX: event.clientX,
-      disY: event.clientY,
-      type: event.target.dataset.type
-    };
-    document.onmousemove = function (event) {
-      updateFormTip(parent);
-      updateDelta({
-        event: event,
-        delta: delta,
-        state: state
-      });
-      setModalBoxStyle({
-        params: params,
-        delta: delta
-      });
-      delta.x = delta.y = 0;
-      addClass(modalBoxElem, DragClass);
-      emitZoom({
-        params: {
-          type: 'resize',
-          $modal: parent
-        },
-        parent: parent,
-        emit: emit,
-        event: event
-      });
-    };
-    document.onmouseup = function () {
-      state.zoomLocat = null;
-      document.onmousemove = demMousemove;
-      document.onmouseup = demMouseup;
-      setTimeout(function () {
-        removeClass(modalBoxElem, DragClass);
-        state.prevEvent = null;
-      }, 50);
-    };
+const dragEvent = ({ api, emit, parent, props, state }) => (event) => {
+  event.preventDefault();
+  const delta = { x: 0, y: 0 };
+  const { visibleHeight, visibleWidth } = getDomNode();
+  const modalBoxElem = api.getBox();
+  const demMousemove = document.onmousemove;
+  const demMouseup = document.onmouseup;
+  const params = {
+    props,
+    offsetTop: modalBoxElem.offsetTop,
+    offsetLeft: modalBoxElem.offsetLeft,
+    visibleWidth,
+    modalBoxElem,
+    visibleHeight,
+    disX: event.clientX,
+    disY: event.clientY,
+    type: event.target.dataset.type
+  };
+  document.onmousemove = (event2) => {
+    updateFormTip(parent);
+    updateDelta({ event: event2, delta, state });
+    setModalBoxStyle({ params, delta });
+    delta.x = delta.y = 0;
+    addClass(modalBoxElem, DragClass);
+    emitZoom({
+      params: { type: "resize", $modal: parent },
+      parent,
+      emit,
+      event: event2
+    });
+  };
+  document.onmouseup = () => {
+    state.zoomLocat = null;
+    document.onmousemove = demMousemove;
+    document.onmouseup = demMouseup;
+    setTimeout(() => {
+      removeClass(modalBoxElem, DragClass);
+      state.prevEvent = null;
+    }, 50);
   };
 };
-export var resetFormTip = function resetFormTip(parent) {
-  var isFormReset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var formList = findFormComponent(parent);
+const resetFormTip = (parent, isFormReset = true) => {
+  const formList = findFormComponent(parent);
   if (formList.length > 0) {
-    formList.forEach(function (form) {
+    formList.forEach((form) => {
       isFormReset ? form.resetFields() : form.clearValidate();
     });
   }
-};
+};
+export {
+  MsgQueue,
+  addMsgQueue,
+  beforeUnmouted,
+  cancelEvent,
+  close,
+  closeEvent,
+  computedIsMsg,
+  confirmEvent,
+  created,
+  dragEvent,
+  getBox,
+  handleEvent,
+  handleGlobalKeydownEvent,
+  maximize,
+  mounted,
+  mousedownEvent,
+  open,
+  removeMsgQueue,
+  resetFormTip,
+  revert,
+  selfClickEvent,
+  toggleZoomEvent,
+  updateFormTip,
+  updateStyle,
+  updateZindex,
+  watchValue
+};