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

package/amount/vue.js

@@ -1,206 +1,132 @@
-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 { closePopper, popInput, save, reset, inputBlur, emitChange, inputFocus, toggleVisible, addOutSideEvent, handelClick, initText, onInput, getPrecision, getDecimal, innerFormat, getAmountText, initService, watchModelValue, watchCurrency, onInputPreprocess, initAmount } from './index';
-export var api = ['t', 'popInput', 'state', 'editorState', 'save', 'reset', 'inputBlur', 'init', 'toggleVisible', 'inputFocus', 'closePopper', 'onInput', 'getAmountText'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    props = _ref.props,
-    $service = _ref.$service,
-    editorState = _ref.editorState;
-  var state = reactive({
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import {
+  closePopper,
+  popInput,
+  save,
+  reset,
+  inputBlur,
+  emitChange,
+  inputFocus,
+  toggleVisible,
+  addOutSideEvent,
+  handelClick,
+  initText,
+  onInput,
+  getPrecision,
+  getDecimal,
+  innerFormat,
+  getAmountText,
+  initService,
+  watchModelValue,
+  watchCurrency,
+  onInputPreprocess,
+  initAmount
+} from "./index";
+const api = [
+  "t",
+  "popInput",
+  "state",
+  "editorState",
+  "save",
+  "reset",
+  "inputBlur",
+  "init",
+  "toggleVisible",
+  "inputFocus",
+  "closePopper",
+  "onInput",
+  "getAmountText"
+];
+const initState = ({ reactive, computed, props, $service, editorState }) => {
+  const state = reactive({
     visible: false,
-    amount: props.modelValue || '',
+    amount: props.modelValue || "",
     currency: props.currency,
     date: props.date,
     overMaxLen: false,
     isFocus: false,
     lock: false,
-    amountText: '',
+    amountText: "",
     lastInput: props.modelValue,
     lastCurrency: props.currency,
     lastDate: props.date,
-    format: computed(function () {
-      return _objectSpread(_objectSpread({}, getPrecision({
-        service: $service,
-        props: props,
-        currency: editorState.currency
-      })), {}, {
-        prefix: state.currency
-      });
-    })
+    format: computed(() => __spreadProps(__spreadValues({}, getPrecision({ service: $service, props, currency: editorState.currency })), {
+      prefix: state.currency
+    }))
   });
   return state;
 };
-var initEditorState = function initEditorState(_ref2) {
-  var reactive = _ref2.reactive,
-    props = _ref2.props;
-  return reactive({
-    amount: '',
-    date: '',
-    currency: props.currency,
-    lastInput: props.modelValue
-  });
-};
-var initApi = function initApi(_ref3) {
-  var api = _ref3.api,
-    t = _ref3.t,
-    editorState = _ref3.editorState,
-    props = _ref3.props,
-    state = _ref3.state,
-    emit = _ref3.emit,
-    refs = _ref3.refs;
-  Object.assign(api, {
-    state: state,
-    t: t,
-    editorState: editorState,
+const initEditorState = ({ reactive, props }) => reactive({
+  amount: "",
+  date: "",
+  currency: props.currency,
+  lastInput: props.modelValue
+});
+const initApi = ({ api: api2, t, editorState, props, state, emit, refs }) => {
+  Object.assign(api2, {
+    state,
+    t,
+    editorState,
     getDecimal: getDecimal(props),
-    innerFormat: innerFormat({
-      state: state,
-      props: props
-    }),
-    getAmountText: getAmountText({
-      state: state,
-      props: props
-    }),
+    innerFormat: innerFormat({ state, props }),
+    getAmountText: getAmountText({ state, props }),
     initAmount: initAmount(props),
     onInputPreprocess: onInputPreprocess(props),
-    onInput: onInput({
-      state: state,
-      props: props,
-      api: api
-    }),
-    initText: initText({
-      state: state
-    }),
-    inputFocus: inputFocus({
-      state: state,
-      props: props
-    }),
-    inputBlur: inputBlur({
-      api: api,
-      props: props,
-      state: state
-    }),
+    onInput: onInput({ state, props, api: api2 }),
+    initText: initText({ state }),
+    inputFocus: inputFocus({ state, props }),
+    inputBlur: inputBlur({ api: api2, props, state }),
     closePopper: closePopper(state),
-    emitChange: emitChange({
-      emit: emit,
-      state: state
-    }),
-    popInput: popInput({
-      editorState: editorState,
-      api: api,
-      state: state,
-      props: props
-    }),
-    save: save({
-      api: api,
-      state: state,
-      editorState: editorState,
-      props: props
-    }),
-    reset: reset({
-      api: api,
-      state: state,
-      editorState: editorState
-    }),
-    handelClick: handelClick({
-      api: api,
-      refs: refs
-    }),
-    addOutSideEvent: addOutSideEvent(api),
-    watchModelValue: watchModelValue({
-      api: api,
-      state: state
-    }),
-    watchCurrency: watchCurrency({
-      api: api,
-      state: state,
-      editorState: editorState
-    }),
-    toggleVisible: toggleVisible({
-      api: api,
-      props: props,
-      state: state,
-      editorState: editorState
-    })
+    emitChange: emitChange({ emit, state }),
+    popInput: popInput({ editorState, api: api2, state, props }),
+    save: save({ api: api2, state, editorState, props }),
+    reset: reset({ api: api2, state, editorState }),
+    handelClick: handelClick({ api: api2, refs }),
+    addOutSideEvent: addOutSideEvent(api2),
+    watchModelValue: watchModelValue({ api: api2, state }),
+    watchCurrency: watchCurrency({ api: api2, state, editorState }),
+    toggleVisible: toggleVisible({ api: api2, props, state, editorState })
   });
 };
-var initWatch = function initWatch(_ref4) {
-  var watch = _ref4.watch,
-    props = _ref4.props,
-    state = _ref4.state,
-    api = _ref4.api;
-  watch(function () {
-    return props.modelValue;
-  }, api.watchModelValue, {
-    immediate: true
-  });
-  watch(function () {
-    return props.currency;
-  }, api.watchCurrency, {
-    immediate: true
-  });
-  watch(function () {
-    return props.date;
-  }, function (value) {
-    state.date = value;
-    state.lastDate = value;
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.rounding;
-  }, function (value) {
-    state.format.rounding = value;
-  });
-  watch(function () {
-    return props.digits;
-  }, function (value) {
-    state.format.fraction = value;
-  });
+const initWatch = ({ watch, props, state, api: api2 }) => {
+  watch(() => props.modelValue, api2.watchModelValue, { immediate: true });
+  watch(() => props.currency, api2.watchCurrency, { immediate: true });
+  watch(
+    () => props.date,
+    (value) => {
+      state.date = value;
+      state.lastDate = value;
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.rounding,
+    (value) => {
+      state.format.rounding = value;
+    }
+  );
+  watch(
+    () => props.digits,
+    (value) => {
+      state.format.fraction = value;
+    }
+  );
+};
+const renderless = (props, { onUnmounted, computed, reactive, watch }, { t, emit, refs, service }) => {
+  const api2 = {};
+  const $service = initService(service);
+  const editorState = initEditorState({ reactive, props });
+  const state = initState({ reactive, computed, props, $service, editorState });
+  initApi({ api: api2, t, editorState, props, state, emit, refs });
+  api2.getDecimal(0);
+  initWatch({ watch, props, state, api: api2 });
+  onUnmounted(() => api2.addOutSideEvent(false));
+  return api2;
+};
+export {
+  api,
+  renderless
 };
-export var renderless = function renderless(props, _ref5, _ref6) {
-  var onUnmounted = _ref5.onUnmounted,
-    computed = _ref5.computed,
-    reactive = _ref5.reactive,
-    watch = _ref5.watch;
-  var t = _ref6.t,
-    emit = _ref6.emit,
-    refs = _ref6.refs,
-    service = _ref6.service;
-  var api = {};
-  var $service = initService(service);
-  var editorState = initEditorState({
-    reactive: reactive,
-    props: props
-  });
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    props: props,
-    $service: $service,
-    editorState: editorState
-  });
-  initApi({
-    api: api,
-    t: t,
-    editorState: editorState,
-    props: props,
-    state: state,
-    emit: emit,
-    refs: refs
-  });
-  api.getDecimal(0);
-  initWatch({
-    watch: watch,
-    props: props,
-    state: state,
-    api: api
-  });
-  onUnmounted(function () {
-    return api.addOutSideEvent(false);
-  });
-  return api;
-};

package/anchor/index.js

@@ -1,217 +1,146 @@
-import { addClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
-var setFixAnchor = function setFixAnchor(_ref) {
-  var vm = _ref.vm;
-  var fixRef = vm.$refs.fixRef;
+import "../chunk-PKUHTIDK.js";
+import { addClass, removeClass } from "@opentiny/vue-renderless/common/deps/dom";
+const setFixAnchor = ({ vm }) => {
+  const { fixRef } = vm.$refs;
   if (fixRef) {
+    fixRef.style.position = "fixed";
     fixRef.style.top = fixRef.offsetTop;
   }
 };
-var setMarkClass = function setMarkClass(_ref2) {
-  var state = _ref2.state,
-    props = _ref2.props;
-  var scrollContainer = state.scrollContainer;
-  var markClass = props.markClass;
-  var activeContentEl = scrollContainer.querySelector("".concat(state.currentLink));
+const setMarkClass = ({ state, props }) => {
+  const { scrollContainer } = state;
+  const { markClass } = props;
+  const activeContentEl = scrollContainer.querySelector(`${state.currentLink}`);
   if (markClass) {
     addClass(activeContentEl, markClass);
-    setTimeout(function () {
+    setTimeout(() => {
       removeClass(activeContentEl, markClass);
-    }, 1000);
+    }, 1e3);
   }
 };
-var setScrollContainer = function setScrollContainer(_ref3) {
-  var state = _ref3.state,
-    api = _ref3.api,
-    _ref3$cb = _ref3.cb,
-    cb = _ref3$cb === void 0 ? null : _ref3$cb;
-  var currentContainer = api.getContainer();
-  var scrollContainer = state.scrollContainer;
+const setScrollContainer = ({ state, api, cb = null }) => {
+  const currentContainer = api.getContainer();
+  const { scrollContainer } = state;
   if (scrollContainer !== currentContainer) {
-    removeClass(scrollContainer, 'tiny-anchor-scroll-container');
+    removeClass(scrollContainer, "tiny-anchor-scroll-container");
     state.scrollContainer = currentContainer;
-    addClass(currentContainer, 'tiny-anchor-scroll-container');
+    addClass(currentContainer, "tiny-anchor-scroll-container");
     cb && cb();
   }
 };
-var updateSkidPosition = function updateSkidPosition(_ref4) {
-  var vm = _ref4.vm,
-    state = _ref4.state,
-    emit = _ref4.emit;
-  var currentLink = state.currentLink;
-  var activeEl = vm.$refs[currentLink];
-  var _vm$$refs = vm.$refs,
-    skidRef = _vm$$refs.skidRef,
-    maskRef = _vm$$refs.maskRef,
-    anchorRef = _vm$$refs.anchorRef;
+const updateSkidPosition = ({ vm, state, emit }) => {
+  const { currentLink } = state;
+  const activeEl = vm.$refs[currentLink];
+  const { skidRef, maskRef, anchorRef } = vm.$refs;
   if (!activeEl || !anchorRef) {
     return;
   }
-  emit('onChange', currentLink);
-  var offsetHeight = activeEl.offsetHeight,
-    offsetWidth = activeEl.offsetWidth;
-  var _activeEl$getBounding = activeEl.getBoundingClientRect(),
-    linkTitleClientTop = _activeEl$getBounding.top,
-    linkTitleClientLeft = _activeEl$getBounding.left;
-  var _anchorRef$getBoundin = anchorRef.getBoundingClientRect(),
-    anchorClientTop = _anchorRef$getBoundin.top,
-    anchorClientLeft = _anchorRef$getBoundin.left;
-  var offsetTop = linkTitleClientTop - anchorClientTop;
-  var offsetLeft = linkTitleClientLeft - anchorClientLeft;
-  addClass(skidRef, 'tiny-anchor-orbit-skid--active');
-  skidRef.style.top = "".concat(offsetTop, "px");
-  skidRef.style.height = "".concat(offsetHeight, "px");
+  emit("onChange", currentLink);
+  const { offsetHeight, offsetWidth } = activeEl;
+  const { top: linkTitleClientTop, left: linkTitleClientLeft } = activeEl.getBoundingClientRect();
+  const { top: anchorClientTop, left: anchorClientLeft } = anchorRef.getBoundingClientRect();
+  const offsetTop = linkTitleClientTop - anchorClientTop;
+  const offsetLeft = linkTitleClientLeft - anchorClientLeft;
+  addClass(skidRef, "tiny-anchor-orbit-skid--active");
+  skidRef.style.top = `${offsetTop}px`;
+  skidRef.style.height = `${offsetHeight}px`;
   if (maskRef) {
-    maskRef.style.top = "".concat(offsetTop, "px");
-    maskRef.style.height = "".concat(offsetHeight, "px");
-    maskRef.style.maxWidth = "".concat(offsetWidth + offsetLeft, "px");
+    maskRef.style.top = `${offsetTop}px`;
+    maskRef.style.height = `${offsetHeight}px`;
+    maskRef.style.maxWidth = `${offsetWidth + offsetLeft}px`;
   }
 };
-var getCurrentAnchor = function getCurrentAnchor(_ref5) {
-  var vm = _ref5.vm,
-    state = _ref5.state,
-    link = _ref5.link,
-    emit = _ref5.emit;
+const getCurrentAnchor = ({ vm, state, link, emit }) => {
   if (state.currentLink === link) {
     return;
   }
   state.currentLink = link;
-  updateSkidPosition({
-    vm: vm,
-    state: state,
-    emit: emit
-  });
+  updateSkidPosition({ vm, state, emit });
 };
-var addObserver = function addObserver(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
-  var links = props.links;
-  var intersectionObserver = state.intersectionObserver;
-  var observer = function observer(list) {
-    list.forEach(function (item) {
-      var link = item.link;
+const addObserver = ({ props, state }) => {
+  const { links } = props;
+  const { intersectionObserver, expandLink } = state;
+  const observer = (list) => {
+    list.forEach((item) => {
+      const link = item.link;
+      expandLink[link] = item;
+      const linkEl = document.querySelector(link);
+      linkEl && intersectionObserver.observe(linkEl);
       if (item.children) {
         observer(item.children);
-      } else {
-        var linkEl = document.querySelector(link);
-        linkEl && intersectionObserver.observe(linkEl);
       }
     });
   };
   observer(links);
 };
-var setCurrentHash = function setCurrentHash(state) {
+const setCurrentHash = (state) => {
   if (state.currentHash !== location.hash) {
     state.currentHash = location.hash;
     return true;
   }
   return false;
 };
-export var getContainer = function getContainer(_ref7) {
-  var props = _ref7.props;
-  return function () {
-    return props.containerId ? document.querySelector(props.containerId) : document.body;
-  };
-};
-export var mounted = function mounted(_ref8) {
-  var vm = _ref8.vm,
-    state = _ref8.state,
-    api = _ref8.api;
-  return function () {
-    setScrollContainer({
-      state: state,
-      api: api
-    });
-    setFixAnchor({
-      vm: vm
-    });
-    api.onItersectionObserver();
-    setCurrentHash(state);
-  };
+const getContainer = ({ props }) => () => props.containerId ? document.querySelector(props.containerId) : document.body;
+const mounted = ({ vm, state, api }) => () => {
+  setScrollContainer({ state, api });
+  setFixAnchor({ vm });
+  api.onItersectionObserver();
+  setCurrentHash(state);
 };
-export var updated = function updated(_ref9) {
-  var state = _ref9.state,
-    api = _ref9.api;
-  return function () {
-    var cb = api.onItersectionObserver;
-    setScrollContainer({
-      state: state,
-      api: api,
-      cb: cb
-    });
-  };
+const updated = ({ state, api }) => () => {
+  const cb = api.onItersectionObserver;
+  setScrollContainer({ state, api, cb });
 };
-export var unmounted = function unmounted(_ref10) {
-  var state = _ref10.state;
-  return function () {
-    var intersectionObserver = state.intersectionObserver;
-    intersectionObserver.disconnect();
-  };
+const unmounted = ({ state }) => () => {
+  const { intersectionObserver } = state;
+  intersectionObserver.disconnect();
 };
-export var onItersectionObserver = function onItersectionObserver(_ref11) {
-  var vm = _ref11.vm,
-    state = _ref11.state,
-    props = _ref11.props,
-    emit = _ref11.emit;
-  return function () {
-    state.intersectionObserver = new IntersectionObserver(function (entries) {
-      entries.forEach(function (item) {
-        var key = item.target.id;
-        state.observerLinks[key] = item;
-      });
-      for (var _i = 0, _Object$values = Object.values(state.observerLinks); _i < _Object$values.length; _i++) {
-        var item = _Object$values[_i];
-        if (item.isIntersecting && item.intersectionRatio > 0) {
-          var link = "#".concat(item.target.id);
-          getCurrentAnchor({
-            vm: vm,
-            state: state,
-            link: link,
-            emit: emit
-          });
-          break;
+const onItersectionObserver = ({ vm, state, props, emit }) => () => {
+  const { expandLink, scrollContainer } = state;
+  const containerTop = scrollContainer.getBoundingClientRect().top + 10;
+  state.intersectionObserver = new IntersectionObserver((entries) => {
+    entries.forEach((item) => {
+      const key = item.target.id;
+      state.observerLinks[key] = item;
+    });
+    for (let key in state.observerLinks) {
+      if (Object.prototype.hasOwnProperty.call(state.observerLinks, key)) {
+        const item = state.observerLinks[key];
+        if (item.isIntersecting && item.intersectionRatio >= 0 && item.target.getBoundingClientRect().top < containerTop) {
+          const link = `#${item.target.id}`;
+          if (!expandLink[link].children) {
+            getCurrentAnchor({ vm, state, link, emit });
+            break;
+          } else {
+            getCurrentAnchor({ vm, state, link, emit });
+          }
         }
       }
-    });
-    addObserver({
-      props: props,
-      state: state
-    });
-  };
-};
-export var linkClick = function linkClick(_ref12) {
-  var state = _ref12.state,
-    vm = _ref12.vm,
-    emit = _ref12.emit,
-    props = _ref12.props;
-  return function (e, item) {
-    var link = item.link,
-      title = item.title;
-    var emitLink = {
-      link: link,
-      title: title
-    };
-    emit('linkClick', e, emitLink);
-    var isChangeHash = setCurrentHash(state);
-    var scrollContainer = state.scrollContainer;
-    state.currentLink = link;
-    updateSkidPosition({
-      vm: vm,
-      state: state,
-      emit: emit
-    });
-    setMarkClass({
-      state: state,
-      props: props
-    });
-    if (scrollContainer !== document.body && !isChangeHash) {
-      var linkEl = scrollContainer.querySelector(item.link);
-      var top = linkEl.offsetTop;
-      var param = {
-        top: top,
-        left: 0,
-        behavior: 'smooth'
-      };
-      scrollContainer.scrollTo(param);
     }
-  };
-};
+  });
+  addObserver({ props, state });
+};
+const linkClick = ({ state, vm, emit, props }) => (e, item) => {
+  const { link, title } = item;
+  const emitLink = { link, title };
+  emit("linkClick", e, emitLink);
+  const isChangeHash = setCurrentHash(state);
+  const { scrollContainer } = state;
+  state.currentLink = link;
+  updateSkidPosition({ vm, state, emit });
+  setMarkClass({ state, props });
+  if (scrollContainer !== document.body && !isChangeHash) {
+    const linkEl = scrollContainer.querySelector(item.link);
+    const top = linkEl.offsetTop;
+    const param = { top, left: 0, behavior: "smooth" };
+    scrollContainer.scrollTo(param);
+  }
+};
+export {
+  getContainer,
+  linkClick,
+  mounted,
+  onItersectionObserver,
+  unmounted,
+  updated
+};