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

package/popup/index.js

@@ -1,139 +1,101 @@
-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 { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-import { touchStart, touchMove } from '@opentiny/vue-renderless/common/deps/touch';
-import { getScroller } from '@opentiny/vue-renderless/dropdown-menu';
-import { isNull } from '@opentiny/vue-renderless/common/type';
-export var getStyle = function getStyle(props) {
-  return function () {
-    var style = _objectSpread({}, props.popupStyle);
-    if (!isNull(props.duration)) {
-      var key = props.position === 'center' ? 'animationDuration' : 'transitionDuration';
-      style[key] = "".concat(props.duration, "s");
-    }
-    return style;
-  };
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { touchStart, touchMove } from "@opentiny/vue-renderless/common/deps/touch";
+import { getScroller } from "@opentiny/vue-renderless/dropdown-menu";
+import { isNull } from "@opentiny/vue-renderless/common/type";
+const getStyle = (props) => () => {
+  const style = __spreadValues({}, props.popupStyle);
+  if (!isNull(props.duration)) {
+    const key = props.position === "center" ? "animationDuration" : "transitionDuration";
+    style[key] = `${props.duration}s`;
+  }
+  return style;
 };
-export var watchValue = function watchValue(api) {
-  return function (value) {
-    var type = value ? 'open' : 'close';
-    api[type]();
-  };
+const watchValue = (api) => (value) => {
+  const type = value ? "open" : "close";
+  api[type]();
 };
-export var open = function open(_ref) {
-  var api = _ref.api,
-    constants = _ref.constants,
-    emit = _ref.emit,
-    props = _ref.props,
-    state = _ref.state;
-  return function () {
-    if (state.opened) {
-      return;
-    }
-    if (props.zIndex !== undefined) {
-      state.context.zIndex = props.zIndex;
+const open = ({ api, constants, emit, props, state }) => () => {
+  if (state.opened) {
+    return;
+  }
+  if (props.zIndex !== void 0) {
+    state.context.zIndex = props.zIndex;
+  }
+  api.renderOverlay();
+  state.opened = true;
+  emit("open");
+  if (props.lockScroll) {
+    on(document, "touchstart", touchStart);
+    on(document, "touchmove", api.onTouchMove);
+    if (!state.context.lockCount) {
+      document.body.classList.add(constants.OVERFLOWHIDDEN);
     }
-    api.renderOverlay();
-    state.opened = true;
-    emit('open');
-    if (props.lockScroll) {
-      on(document, 'touchstart', touchStart);
-      on(document, 'touchmove', api.onTouchMove);
-      if (!state.context.lockCount) {
-        document.body.classList.add(constants.OVERFLOWHIDDEN);
-      }
-      state.context.lockCount++;
-    }
-  };
+    state.context.lockCount++;
+  }
 };
-export var close = function close(_ref2) {
-  var api = _ref2.api,
-    constants = _ref2.constants,
-    emit = _ref2.emit,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    if (!state.opened) {
-      return;
-    }
-    if (props.lockScroll) {
-      state.context.lockCount--;
-      off(document, 'touchstart', touchStart);
-      off(document, 'touchmove', api.onTouchMove);
-      if (!state.context.lockCount) {
-        document.body.classList.remove(constants.OVERFLOWHIDDEN);
-      }
+const close = ({ api, constants, emit, props, state }) => () => {
+  if (!state.opened) {
+    return;
+  }
+  if (props.lockScroll) {
+    state.context.lockCount--;
+    off(document, "touchstart", touchStart);
+    off(document, "touchmove", api.onTouchMove);
+    if (!state.context.lockCount) {
+      document.body.classList.remove(constants.OVERFLOWHIDDEN);
     }
-    state.opened = false;
-    emit('update:modelValue', false);
-    emit('close');
-  };
+  }
+  state.opened = false;
+  emit("update:modelValue", false);
+  emit("close");
 };
-export var onTouchMove = function onTouchMove(_ref3) {
-  var refs = _ref3.refs,
-    state = _ref3.state;
-  return function (event) {
-    touchMove(event);
-    var direction = state.deltaY > 0 ? '10' : '01';
-    var el = getScroller()(event.target, refs.$el);
-    var scrollHeight = el.scrollHeight,
-      offsetHeight = el.offsetHeight,
-      scrollTop = el.scrollTop;
-    var status = '11';
-    if (scrollTop === 0) {
-      status = offsetHeight >= scrollHeight ? '00' : '01';
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
-      status = '10';
-    }
-    if (status !== '11' && state.direction === 'vertical' && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      event.preventDefault();
-    }
-  };
+const onTouchMove = ({ refs, state }) => (event) => {
+  touchMove(event);
+  const direction = state.deltaY > 0 ? "10" : "01";
+  const el = getScroller()(event.target, refs.$el);
+  const { scrollHeight, offsetHeight, scrollTop } = el;
+  let status = "11";
+  if (scrollTop === 0) {
+    status = offsetHeight >= scrollHeight ? "00" : "01";
+  } else if (scrollTop + offsetHeight >= scrollHeight) {
+    status = "10";
+  }
+  if (status !== "11" && state.direction === "vertical" && !(parseInt(status, 2) & parseInt(direction, 2))) {
+    event.preventDefault();
+  }
 };
-export var renderOverlay = function renderOverlay(_ref4) {
-  var api = _ref4.api,
-    nextTick = _ref4.nextTick,
-    props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    if (!props.modelValue) {
-      return;
+const renderOverlay = ({ api, nextTick, props, state }) => () => {
+  if (!props.modelValue) {
+    return;
+  }
+  nextTick(() => {
+    api.updateZIndex(props.overlay ? 1 : 0);
+    if (props.overlay) {
+      state.zIndex = state.context.zIndex++;
     }
-    nextTick(function () {
-      api.updateZIndex(props.overlay ? 1 : 0);
-      if (props.overlay) {
-        state.zIndex = state.context.zIndex++;
-      }
-    });
-  };
+  });
 };
-export var updateZIndex = function updateZIndex(_ref5) {
-  var refs = _ref5.refs,
-    state = _ref5.state;
-  return function () {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    return refs.popup.style.zIndex = ++state.context.zIndex + value;
-  };
-};
-export var clickOverlay = function clickOverlay(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props,
-    emit = _ref6.emit;
-  return function () {
-    if (props.closeOnClickOverlay) {
-      api.close();
-      emit('click-overlay');
-    }
-  };
+const updateZIndex = ({ refs, state }) => (value = 0) => refs.popup.style.zIndex = ++state.context.zIndex + value;
+const clickOverlay = ({ api, props, emit }) => () => {
+  if (props.closeOnClickOverlay) {
+    api.close();
+    emit("click-overlay");
+  }
 };
-export var closed = function closed(emit) {
-  return function () {
-    return emit('closed');
-  };
+const closed = (emit) => () => emit("closed");
+const opened = (emit) => () => emit("opened");
+export {
+  clickOverlay,
+  close,
+  closed,
+  getStyle,
+  onTouchMove,
+  open,
+  opened,
+  renderOverlay,
+  updateZIndex,
+  watchValue
 };
-export var opened = function opened(emit) {
-  return function () {
-    return emit('opened');
-  };
-};

package/popup/vue.js

@@ -1,23 +1,13 @@
-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 { getStyle, watchValue, open, opened, closed, onTouchMove, close, renderOverlay, clickOverlay, updateZIndex } from './index';
-export var api = ['state', 'open', 'close', 'clickOverlay', 'onTouchMove', 'opened', 'closed'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    props = _ref.props,
-    api = _ref.api;
-  var state = reactive({
-    transitionName: computed(function () {
-      return props.transition || props.position === 'center' ? 'tiny-fade' : "tiny-popup-slide-".concat(props.position);
-    }),
-    style: computed(function () {
-      return api.getStyle();
-    }),
-    inited: computed(function () {
-      return state.inited || props.modelValue;
-    }),
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { getStyle, watchValue, open, opened, closed, onTouchMove, close, renderOverlay, clickOverlay, updateZIndex } from "./index";
+const api = ["state", "open", "close", "clickOverlay", "onTouchMove", "opened", "closed"];
+const initState = ({ reactive, computed, props, api: api2 }) => {
+  const state = reactive({
+    transitionName: computed(() => props.transition || props.position === "center" ? "tiny-fade" : `tiny-popup-slide-${props.position}`),
+    style: computed(() => api2.getStyle()),
+    inited: computed(() => state.inited || props.modelValue),
     opened: false,
     startX: 0,
     startY: 0,
@@ -25,105 +15,42 @@ var initState = function initState(_ref) {
     deltaY: 0,
     offsetX: 0,
     offsetY: 0,
-    direction: '',
-    shouldRender: computed(function () {
-      return state.inited || props.lazyRender;
-    }),
-    context: {
-      zIndex: 2000,
-      lockCount: 0,
-      stack: []
-    },
+    direction: "",
+    shouldRender: computed(() => state.inited || props.lazyRender),
+    context: { zIndex: 2e3, lockCount: 0, stack: [] },
     zIndex: props.zIndex,
-    overlayStyle: computed(function () {
-      return _objectSpread({
-        zIndex: state.zIndex
-      }, props.overlayStyle);
-    })
+    overlayStyle: computed(() => __spreadValues({
+      zIndex: state.zIndex
+    }, props.overlayStyle))
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state,
-    refs = _ref2.refs,
-    emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    constants = _ref2.constants;
-  Object.assign(api, {
-    state: state,
+const initApi = ({ api: api2, props, state, refs, emit, nextTick, constants }) => {
+  Object.assign(api2, {
+    state,
     opened: opened(emit),
     closed: closed(emit),
     getStyle: getStyle(props),
-    watchValue: watchValue(api),
-    updateZIndex: updateZIndex({
-      refs: refs,
-      state: state
-    }),
-    clickOverlay: clickOverlay({
-      api: api,
-      emit: emit,
-      props: props
-    }),
-    renderOverlay: renderOverlay({
-      api: api,
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    onTouchMove: onTouchMove({
-      refs: refs,
-      state: state
-    }),
-    open: open({
-      api: api,
-      constants: constants,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    close: close({
-      api: api,
-      constants: constants,
-      emit: emit,
-      props: props,
-      state: state
-    })
+    watchValue: watchValue(api2),
+    updateZIndex: updateZIndex({ refs, state }),
+    clickOverlay: clickOverlay({ api: api2, emit, props }),
+    renderOverlay: renderOverlay({ api: api2, nextTick, props, state }),
+    onTouchMove: onTouchMove({ refs, state }),
+    open: open({ api: api2, constants, emit, props, state }),
+    close: close({ api: api2, constants, emit, props, state })
   });
 };
-export var renderless = function renderless(props, _ref3, _ref4) {
-  var computed = _ref3.computed,
-    onMounted = _ref3.onMounted,
-    reactive = _ref3.reactive,
-    watch = _ref3.watch,
-    nextTick = _ref3.nextTick;
-  var constants = _ref4.constants,
-    refs = _ref4.refs,
-    emit = _ref4.emit;
-  var api = {};
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    props: props,
-    api: api
+const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { constants, refs, emit }) => {
+  const api2 = {};
+  const state = initState({ reactive, computed, props, api: api2 });
+  initApi({ api: api2, props, state, refs, emit, nextTick, constants });
+  watch(() => props.modelValue, api2.watchValue, { immediate: true });
+  onMounted(() => {
+    props.modelValue && api2.open();
   });
-  initApi({
-    api: api,
-    props: props,
-    state: state,
-    refs: refs,
-    emit: emit,
-    nextTick: nextTick,
-    constants: constants
-  });
-  watch(function () {
-    return props.modelValue;
-  }, api.watchValue, {
-    immediate: true
-  });
-  onMounted(function () {
-    props.modelValue && api.open();
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};