@opentiny/vue-renderless 3.1.0-alpha.0

package/modal/index.js

@@ -0,0 +1,866 @@
+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;
+  if ($listeners.zoom) {
+    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');
+  };
+};
+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();
+  };
+};
+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);
+  };
+};
+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);
+    }
+  };
+};
+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');
+    }
+  };
+};
+export var updateZindex = function updateZindex(_ref6) {
+  var state = _ref6.state,
+    props = _ref6.props;
+  return function () {
+    state.modalZindex = props.zIndex || PopupManager.nextZIndex();
+  };
+};
+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;
+    }
+    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);
+          }
+        });
+      }
+    }
+  };
+};
+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-grid-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);
+        }
+      }, 200);
+    }
+  };
+};
+export var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(api) {
+  return function (event) {
+    if (event.keyCode === KEY_CODE.Escape) {
+      api.close('esc');
+    }
+  };
+};
+export var getBox = function getBox(refs) {
+  return function () {
+    return refs.modalBox;
+  };
+};
+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');
+      }
+    });
+  };
+};
+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');
+      }
+    });
+  };
+};
+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
+    };
+    var callback = state.zoomLocat ? api.revert : api.maximize;
+    return callback().then(function () {
+      emitZoom({
+        params: params,
+        parent: parent,
+        emit: emit,
+        event: event
+      });
+    });
+  };
+};
+function getEventTargetNode(event, container, queryCls) {
+  var targetElem;
+  var 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
+      };
+    }
+    target = target.parentNode;
+  }
+  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);
+    }
+  };
+};
+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;
+  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
+  };
+};
+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;
+  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
+  };
+};
+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;
+  width = offsetWidth + x;
+  width = width < minWidth ? minWidth : width;
+  temp = visibleWidth - offsetLeft - marginSize;
+  width = width > temp ? temp : width;
+  return {
+    width: 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;
+  height = offsetHeight + y;
+  height = height < minHeight ? minHeight : height;
+  temp = visibleHeight - offsetTop - marginSize;
+  height = height > temp ? temp : height;
+  return {
+    height: 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;
+  if (width) {
+    modalBoxElement.style.width = "".concat(width, "px");
+  }
+  if (left) {
+    modalBoxElement.style.left = "".concat(left, "px");
+  }
+  if (height) {
+    modalBoxElement.style.height = "".concat(height, "px");
+  }
+  if (top) {
+    modalBoxElement.style.top = "".concat(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;
+  updateModalBox({
+    ret: computeLeft({
+      width: width,
+      offsetWidth: offsetWidth,
+      x: x,
+      minWidth: minWidth,
+      temp: temp,
+      offsetLeft: offsetLeft,
+      marginSize: marginSize,
+      left: left
+    }),
+    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;
+  updateModalBox({
+    ret: computeRight({
+      width: width,
+      offsetWidth: offsetWidth,
+      x: x,
+      minWidth: minWidth,
+      temp: temp,
+      visibleWidth: visibleWidth,
+      offsetLeft: offsetLeft,
+      marginSize: marginSize
+    }),
+    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;
+  updateModalBox({
+    ret: computeTop({
+      height: height,
+      offsetHeight: offsetHeight,
+      y: y,
+      minHeight: minHeight,
+      temp: temp,
+      offsetTop: offsetTop,
+      marginSize: marginSize,
+      top: top
+    }),
+    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;
+  updateModalBox({
+    ret: computeBottom({
+      height: height,
+      offsetHeight: offsetHeight,
+      y: y,
+      minHeight: minHeight,
+      temp: temp,
+      visibleHeight: visibleHeight,
+      offsetTop: offsetTop,
+      marginSize: marginSize
+    }),
+    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;
+  switch (type) {
+    case 'wl':
+      updateWl({
+        offsetWidth: offsetWidth,
+        width: width,
+        minWidth: minWidth,
+        x: x,
+        offsetLeft: offsetLeft,
+        temp: temp,
+        marginSize: marginSize,
+        left: left,
+        modalBoxElem: modalBoxElem
+      });
+      break;
+    case 'wr':
+      updateWr({
+        width: width,
+        offsetWidth: offsetWidth,
+        x: x,
+        minWidth: minWidth,
+        temp: temp,
+        visibleWidth: visibleWidth,
+        offsetLeft: offsetLeft,
+        marginSize: marginSize,
+        modalBoxElem: modalBoxElem
+      });
+      break;
+    case 'st':
+      updateSt({
+        height: height,
+        offsetHeight: offsetHeight,
+        y: y,
+        minHeight: minHeight,
+        temp: temp,
+        offsetTop: offsetTop,
+        marginSize: marginSize,
+        top: top,
+        modalBoxElem: modalBoxElem
+      });
+      break;
+    case 'sb':
+      updateSb({
+        height: height,
+        offsetHeight: offsetHeight,
+        y: y,
+        minHeight: minHeight,
+        temp: temp,
+        visibleHeight: visibleHeight,
+        offsetTop: offsetTop,
+        marginSize: marginSize,
+        modalBoxElem: 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
+      });
+      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
+      });
+      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
+      });
+      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
+      });
+      break;
+    default:
+      break;
+  }
+};
+var updateDelta = function updateDelta(_ref26) {
+  var event = _ref26.event,
+    delta = _ref26.delta,
+    state = _ref26.state;
+  if (state.prevEvent) {
+    delta.x += event.screenX - state.prevEvent.screenX;
+    delta.y += event.screenY - state.prevEvent.screenY;
+  }
+  state.prevEvent = event;
+};
+function _findFormComponent(vm, formList) {
+  var children = vm.$children;
+  if (children && children.length === 0) return;
+  children.forEach(function (child) {
+    var tag = child.$options.componentName;
+    if (/^Form$/.test(tag)) {
+      formList.push(child);
+    }
+    _findFormComponent(child, formList);
+  });
+}
+function findFormComponent(vm) {
+  var formList = [];
+  _findFormComponent(vm, formList);
+  return formList;
+}
+export var updateFormTip = function updateFormTip(parent) {
+  var formList = findFormComponent(parent);
+  if (formList.length > 0) {
+    formList.forEach(function (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);
+    };
+  };
+};
+export var resetFormTip = function resetFormTip(parent) {
+  var isFormReset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var formList = findFormComponent(parent);
+  if (formList.length > 0) {
+    formList.forEach(function (form) {
+      isFormReset ? form.resetFields() : form.clearValidate();
+    });
+  }
+};