@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/common/deps/vue-popup.js

@@ -1,184 +1,140 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-import { merge } from '@opentiny/vue-renderless/common/object';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import getScrollBarWidth from '@opentiny/vue-renderless/common/deps/scrollbar-width';
-import { getStyle, addClass, removeClass, hasClass } from '@opentiny/vue-renderless/common/deps/dom';
-var idSeed = 1;
-var scrollBarWidth;
-var isServer = typeof window === 'undefined';
-var popLockClass = 'tiny-popup-parent--hidden';
-var setWatchFn = function setWatchFn(_ref) {
-  var onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount,
-    watch = _ref.watch,
-    vm = _ref.vm,
-    api = _ref.api,
-    props = _ref.props,
-    state = _ref.state,
-    nextTick = _ref.nextTick;
-  onMounted(function () {
-    vm._popupId = "popup-".concat(idSeed++);
+import {
+  __spreadValues
+} from "../../chunk-PKUHTIDK.js";
+import { merge } from "@opentiny/vue-renderless/common/object";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import getScrollBarWidth from "@opentiny/vue-renderless/common/deps/scrollbar-width";
+import { getStyle, addClass, removeClass, hasClass } from "@opentiny/vue-renderless/common/deps/dom";
+let idSeed = 1;
+let scrollBarWidth;
+const isServer = typeof window === "undefined";
+const popLockClass = "tiny-popup-parent--hidden";
+const setWatchFn = ({ onMounted, onBeforeUnmount, watch, vm, api, props, state, nextTick }) => {
+  onMounted(() => {
+    vm._popupId = `popup-${idSeed++}`;
     PopupManager.register(vm._popupId, vm);
   });
-  onBeforeUnmount(function () {
+  onBeforeUnmount(() => {
     PopupManager.deregister(vm._popupId);
     PopupManager.closeModal(vm._popupId);
     api.restoreBodyStyle();
   });
-  watch(function () {
-    return props.visible;
-  }, function (val) {
-    if (val) {
-      if (vm._opening) {
-        return;
-      }
-      if (state.rendered) {
-        api.open();
-      } else {
-        state.rendered = true;
-        nextTick(function () {
+  watch(
+    () => props.visible,
+    (val) => {
+      if (val) {
+        if (vm._opening) {
+          return;
+        }
+        if (state.rendered) {
           api.open();
-        });
+        } else {
+          state.rendered = true;
+          nextTick(() => {
+            api.open();
+          });
+        }
+      } else {
+        api.close();
       }
-    } else {
-      api.close();
     }
-  });
+  );
 };
-var modifyBodyStyle = function modifyBodyStyle(_ref2) {
-  var bodyHasOverflow = _ref2.bodyHasOverflow,
-    bodyOverflowY = _ref2.bodyOverflowY,
-    state = _ref2.state;
-  if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && state.withoutHiddenClass) {
-    document.body.style.paddingRight = "".concat(state.computedBodyPaddingRight + scrollBarWidth, "px");
+const modifyBodyStyle = ({ bodyHasOverflow, bodyOverflowY, state }) => {
+  if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && state.withoutHiddenClass) {
+    document.body.style.paddingRight = `${state.computedBodyPaddingRight + scrollBarWidth}px`;
   }
 };
-var openFn = function openFn(state, vm, api) {
-  return function (options) {
-    if (!state.rendered) {
-      state.rendered = true;
-    }
-    var props = merge({}, vm.$props || vm, options);
-    if (vm._closeTimer) {
-      clearTimeout(vm._closeTimer);
-      vm._closeTimer = null;
-    }
-    clearTimeout(vm._openTimer);
-    var openDelay = Number(props.openDelay);
-    if (openDelay > 0) {
-      vm._openTimer = setTimeout(function () {
-        vm._openTimer = null;
-        api.doOpen(props);
-      }, openDelay);
-    } else {
+const openFn = (state, vm, api) => (options) => {
+  if (!state.rendered) {
+    state.rendered = true;
+  }
+  const props = merge({}, vm.$props || vm, options);
+  if (vm._closeTimer) {
+    clearTimeout(vm._closeTimer);
+    vm._closeTimer = null;
+  }
+  clearTimeout(vm._openTimer);
+  const openDelay = Number(props.openDelay);
+  if (openDelay > 0) {
+    vm._openTimer = setTimeout(() => {
+      vm._openTimer = null;
       api.doOpen(props);
-    }
-  };
+    }, openDelay);
+  } else {
+    api.doOpen(props);
+  }
 };
-var modifyStateOnLockScroll = function modifyStateOnLockScroll(state) {
+const modifyStateOnLockScroll = (state) => {
   state.withoutHiddenClass = !hasClass(document.body, popLockClass);
   if (state.withoutHiddenClass) {
     state.bodyPaddingRight = document.body.style.paddingRight;
-    state.computedBodyPaddingRight = parseInt(getStyle(document.body, 'paddingRight'), 10);
+    state.computedBodyPaddingRight = parseInt(getStyle(document.body, "paddingRight"), 10);
   }
 };
-var doOpenFn = function doOpenFn(vm, state, props, api) {
-  return function (properties) {
-    if (isServer || vm.willOpen && !vm.willOpen() || state.opened) {
-      return;
-    }
-    vm._opening = true;
-    var dom = vm.$el;
-    var modal = properties.modal;
-    var zIndex = properties.zIndex;
-    if (zIndex) {
-      PopupManager.zIndex = zIndex;
-    }
-    if (modal) {
-      if (vm._closing) {
-        PopupManager.closeModal(vm._popupId);
-        vm._closing = false;
-      }
-      PopupManager.openModal(vm._popupId, PopupManager.nextZIndex(), props.modalAppendToBody ? undefined : dom, properties.modalClass, properties.modalFade);
-      if (properties.lockScroll) {
-        modifyStateOnLockScroll(state);
-        scrollBarWidth = getScrollBarWidth();
-        var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-        var bodyOverflowY = getStyle(document.body, 'overflowY');
-        modifyBodyStyle({
-          bodyHasOverflow: bodyHasOverflow,
-          bodyOverflowY: bodyOverflowY,
-          state: state
-        });
-        addClass(document.body, popLockClass);
-      }
+const doOpenFn = (vm, state, props, api) => (properties) => {
+  if (isServer || vm.willOpen && !vm.willOpen() || state.opened) {
+    return;
+  }
+  vm._opening = true;
+  const dom = vm.$el;
+  const modal = properties.modal;
+  const zIndex = properties.zIndex;
+  if (zIndex) {
+    PopupManager.zIndex = zIndex;
+  }
+  if (modal) {
+    if (vm._closing) {
+      PopupManager.closeModal(vm._popupId);
+      vm._closing = false;
     }
-    if (getComputedStyle(dom).position === 'static') {
-      dom.style.position = 'absolute';
+    PopupManager.openModal(vm._popupId, PopupManager.nextZIndex(), props.modalAppendToBody ? void 0 : dom, properties.modalClass, properties.modalFade);
+    if (properties.lockScroll) {
+      modifyStateOnLockScroll(state);
+      scrollBarWidth = getScrollBarWidth();
+      const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
+      const bodyOverflowY = getStyle(document.body, "overflowY");
+      modifyBodyStyle({ bodyHasOverflow, bodyOverflowY, state });
+      addClass(document.body, popLockClass);
     }
-    dom.style.zIndex = PopupManager.nextZIndex();
-    state.opened = true;
-    api.onOpen && api.onOpen();
-    api.doAfterOpen();
-  };
+  }
+  if (getComputedStyle(dom).position === "static") {
+    dom.style.position = "absolute";
+  }
+  dom.style.zIndex = PopupManager.nextZIndex();
+  state.opened = true;
+  api.onOpen && api.onOpen();
+  api.doAfterOpen();
 };
-var closeFn = function closeFn(api, vm) {
-  return function () {
-    if (api.willClose && !api.willClose()) {
-      return;
-    }
-    if (vm._openTimer !== null) {
-      clearTimeout(vm._openTimer);
-      vm._openTimer = null;
-    }
-    clearTimeout(vm._closeTimer);
-    var closeDelay = Number(vm.closeDelay);
-    if (closeDelay > 0) {
-      vm._closeTimer = setTimeout(function () {
-        vm._closeTimer = null;
-        api.doClose();
-      }, closeDelay);
-    } else {
+const closeFn = (api, vm) => () => {
+  if (api.willClose && !api.willClose()) {
+    return;
+  }
+  if (vm._openTimer !== null) {
+    clearTimeout(vm._openTimer);
+    vm._openTimer = null;
+  }
+  clearTimeout(vm._closeTimer);
+  const closeDelay = Number(vm.closeDelay);
+  if (closeDelay > 0) {
+    vm._closeTimer = setTimeout(() => {
+      vm._closeTimer = null;
       api.doClose();
-    }
-  };
+    }, closeDelay);
+  } else {
+    api.doClose();
+  }
 };
-export default (function (_ref3) {
-  var api = _ref3.api,
-    nextTick = _ref3.nextTick,
-    onBeforeUnmount = _ref3.onBeforeUnmount,
-    onMounted = _ref3.onMounted,
-    props = _ref3.props,
-    reactive = _ref3.reactive,
-    toRefs = _ref3.toRefs,
-    vm = _ref3.vm,
-    watch = _ref3.watch;
-  var state = reactive({
-    opened: false,
-    rendered: false,
-    bodyPaddingRight: null,
-    withoutHiddenClass: true,
-    computedBodyPaddingRight: 0
-  });
-  setWatchFn({
-    onMounted: onMounted,
-    onBeforeUnmount: onBeforeUnmount,
-    watch: watch,
-    vm: vm,
-    api: api,
-    props: props,
-    state: state,
-    nextTick: nextTick
-  });
-  var open = openFn(state, vm, api);
-  var doOpen = doOpenFn(vm, state, props, api);
-  var doAfterOpen = function doAfterOpen() {
+var vue_popup_default = ({ api, nextTick, onBeforeUnmount, onMounted, props, reactive, toRefs, vm, watch }) => {
+  const state = reactive({ opened: false, rendered: false, bodyPaddingRight: null, withoutHiddenClass: true, computedBodyPaddingRight: 0 });
+  setWatchFn({ onMounted, onBeforeUnmount, watch, vm, api, props, state, nextTick });
+  const open = openFn(state, vm, api);
+  const doOpen = doOpenFn(vm, state, props, api);
+  const doAfterOpen = () => {
     vm._opening = false;
   };
-  var close = closeFn(api, vm);
-  var doClose = function doClose() {
+  const close = closeFn(api, vm);
+  const doClose = () => {
     vm._closing = true;
     api.onClose && api.onClose();
     if (props.lockScroll) {
@@ -187,25 +143,19 @@ export default (function (_ref3) {
     state.opened = false;
     api.doAfterClose();
   };
-  var doAfterClose = function doAfterClose() {
+  const doAfterClose = () => {
     PopupManager.closeModal(vm._popupId);
     vm._closing = false;
   };
-  var restoreBodyStyle = function restoreBodyStyle() {
+  const restoreBodyStyle = () => {
     if (props.modal && state.withoutHiddenClass) {
       document.body.style.paddingRight = state.bodyPaddingRight;
       removeClass(document.body, popLockClass);
     }
     state.withoutHiddenClass = true;
   };
-  return _objectSpread({
-    open: open,
-    close: close,
-    doOpen: doOpen,
-    doClose: doClose,
-    doAfterOpen: doAfterOpen,
-    doAfterClose: doAfterClose,
-    PopupManager: PopupManager,
-    restoreBodyStyle: restoreBodyStyle
-  }, toRefs(state));
-});
+  return __spreadValues({ open, close, doOpen, doClose, doAfterOpen, doAfterClose, PopupManager, restoreBodyStyle }, toRefs(state));
+};
+export {
+  vue_popup_default as default
+};

package/common/event.js

@@ -1,17 +1,18 @@
-export var emitEvent = function emitEvent(emit, name) {
-  var cancel = false;
-  if (typeof emit === 'function' && typeof name === 'string') {
-    var event = document.createEvent('HTMLEvents');
+import "../chunk-PKUHTIDK.js";
+const emitEvent = (emit, name, ...args) => {
+  let cancel = false;
+  if (typeof emit === "function" && typeof name === "string") {
+    const event = document.createEvent("HTMLEvents");
     event.initEvent(name, false, true);
-    event.preventDefault = function () {
+    event.preventDefault = () => {
       cancel = true;
     };
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
     args.unshift(event);
     args.unshift(name);
     emit.apply(null, args);
   }
   return !cancel;
-};
+};
+export {
+  emitEvent
+};