@opentiny/vue-renderless 3.8.3 → 3.9.0

package/time-line/index.js

@@ -8,6 +8,13 @@ const getStatus = ({ state, t }) => (value) => {
   const status = state.current - value;
   return status > 0 ? t("ui.steps.done") : status === 0 ? t("ui.steps.doing") : t("ui.steps.wait");
 };
+const computedSpace = ({ props }) => {
+  const { space } = props;
+  if (/^\d+$/.test(space)) {
+    return `${space}px`;
+  }
+  return space;
+};
 const handleClick = ({ emit, state }) => ({ index, node }) => {
   if (!node.disabled) {
     emit("click", state.isReverse ? state.nodes.length - index - 1 : index, node);
@@ -47,6 +54,7 @@ export {
   computedCurrent,
   computedData,
   computedIsReverse,
+  computedSpace,
   computedStackNodes,
   getDate,
   getStatus,

package/time-line/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { handleClick, getStatusCls, getStatus, computedData, getDate, computedCurrent, computedIsReverse, changeStatus, computedStackNodes } from "./index";
+import { handleClick, getStatusCls, getStatus, computedData, getDate, computedCurrent, computedIsReverse, changeStatus, computedStackNodes, computedSpace } from "./index";
 const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "changeStatus"];
 const renderless = (props, { computed, reactive }, { t, emit, constants }) => {
   const api2 = {};
@@ -8,6 +8,7 @@ const renderless = (props, { computed, reactive }, { t, emit, constants }) => {
     current: computed(() => api2.computedCurrent()),
     isReverse: computed(() => api2.computedIsReverse()),
     stackNodes: computed(() => state.showAll ? state.nodes : api2.computedStackNodes()),
+    computedSpace: computed(() => computedSpace({ props })),
     showData: false,
     showAll: false
   });

package/tooltip/index.js

@@ -1,7 +1,9 @@
 import "../chunk-PKUHTIDK.js";
 import debounce from "../common/deps/debounce";
 import { on, off, addClass, removeClass } from "../common/deps/dom";
-const show = ({ api, state, props }) => () => {
+const show = ({ api, state, props }) => (event) => {
+  const defaultDelay = 200;
+  const delay = event && event.type === "mouseenter" ? defaultDelay : 0;
   if (props.visible === "auto") {
     const { clientWidth, scrollWidth } = state.referenceElm;
     if (scrollWidth <= clientWidth) {
@@ -9,7 +11,7 @@ const show = ({ api, state, props }) => () => {
     }
   }
   api.setExpectedState(true);
-  api.handleShowPopper();
+  api.handleShowPopper(delay);
 };
 const hide = (api) => () => {
   api.setExpectedState(false);
@@ -23,17 +25,18 @@ const handleBlur = ({ api, state }) => () => {
   state.focusing = false;
   api.hide();
 };
-const removeFocusing = (state) => () => {
+const removeFocusing = ({ api, state }) => () => {
   state.focusing = false;
+  api.show();
 };
-const handleShowPopper = ({ props, state }) => () => {
+const handleShowPopper = ({ props, state }) => (delay) => {
   if (!state.expectedState || props.manual) {
     return;
   }
   clearTimeout(state.timeout);
   state.timeout = setTimeout(() => {
     state.showPopper = true;
-  }, props.openDelay);
+  }, props.openDelay || delay);
   if (props.hideAfter > 0) {
     state.timeoutPending = setTimeout(() => {
       state.showPopper = false;
@@ -53,6 +56,19 @@ const handleClosePopper = ({ api, props, state }) => () => {
     api.doDestroy();
   }
 };
+const handleDocumentClick = ({ props, api, state, popperVmRef }) => (event) => {
+  if (props.manual)
+    return;
+  const reference = state.referenceElm;
+  const $el = popperVmRef.popper;
+  if (!$el || !reference || $el.contains(event.target) || reference.contains(event.target)) {
+    return;
+  }
+  if (state.showPopper) {
+    api.setExpectedState(false);
+    api.debounceClose();
+  }
+};
 const setExpectedState = ({ api, state }) => (value) => {
   if (state.expectedState === false) {
     clearTimeout(api.timeoutPending);
@@ -63,12 +79,18 @@ const destroyed = ({ state, api }) => () => {
   const reference = state.referenceElm;
   state.showPopper = false;
   if (reference && reference.nodeType === 1) {
+    off(document, "click", api.handleDocumentClick);
     off(reference, "mouseenter", api.show);
     off(reference, "mouseleave", api.hide);
     off(reference, "focus", api.focusHandler);
     off(reference, "blur", api.handleBlur);
     off(reference, "click", api.removeFocusing);
   }
+  state.poppers.forEach((popper, i) => {
+    typeof popper.$destroy === "function" && popper.$destroy();
+    state.poppers[i] = null;
+  });
+  state.poppers.length = 0;
 };
 const debounceClose = ({ api, props }) => debounce(props.closeDelay, () => {
   api.handleClosePopper();
@@ -106,12 +128,20 @@ const bindEvent = ({ api, state, vm }) => (reference) => {
   state.referenceElm = referenceElm;
   referenceElm.setAttribute("aria-describedby", state.tooltipId);
   referenceElm.setAttribute("tabindex", state.tabindex);
+  on(document, "click", api.handleDocumentClick);
   on(referenceElm, "mouseenter", api.show);
   on(referenceElm, "mouseleave", api.hide);
   on(referenceElm, "focus", api.focusHandler);
   on(referenceElm, "blur", api.handleBlur);
   on(referenceElm, "click", api.removeFocusing);
 };
+const observeCallback = ({ state, popperVmRef }) => (mutationsList) => {
+  for (let mutation of mutationsList) {
+    if (mutation.type === "attributes" && mutation.attributeName === "x-placement") {
+      state.xPlacement = popperVmRef.popper.getAttribute("x-placement") || "bottom";
+    }
+  }
+};
 const bindPopper = ({ vm, refs, nextTick, popperVmRef }) => (el) => {
   nextTick(() => vm.bindEvent(el));
   if (vm.popperVM) {
@@ -128,26 +158,6 @@ const bindPopper = ({ vm, refs, nextTick, popperVmRef }) => (el) => {
     });
   }
 };
-const observeCallback = ({ state, popperVmRef }) => (mutationsList) => {
-  for (let mutation of mutationsList) {
-    if (mutation.type === "attributes" && mutation.attributeName === "x-placement") {
-      state.xPlacement = popperVmRef.popper.getAttribute("x-placement") || "bottom";
-    }
-  }
-};
-const handleDocumentClick = ({ props, api, state, popperVmRef }) => (event) => {
-  if (props.manual)
-    return;
-  const reference = state.referenceElm;
-  const $el = popperVmRef.popper;
-  if (!$el || !reference || $el.contains(event.target) || reference.contains(event.target)) {
-    return;
-  }
-  if (state.showPopper) {
-    api.setExpectedState(false);
-    api.debounceClose();
-  }
-};
 export {
   bindEvent,
   bindPopper,

package/tooltip/vue.js

@@ -66,7 +66,7 @@ const renderless = (props, { watch, toRefs, reactive, onBeforeUnmount, onDeactiv
     destroyed: destroyed({ state, api: api2 }),
     bindPopper: bindPopper({ vm, refs, nextTick, popperVmRef }),
     watchFocusing: watchFocusing(state),
-    removeFocusing: removeFocusing(state),
+    removeFocusing: removeFocusing({ api: api2, state }),
     handleBlur: handleBlur({ api: api2, state }),
     handleFocus: handleFocus({ api: api2, state }),
     debounceClose: debounceClose({ api: api2, props }),

package/tree/index.js

@@ -354,7 +354,7 @@ const initTabIndex = ({ vm, state }) => () => {
 };
 const handleKeydown = ({ vm, state }) => (event2) => {
   const currentItem = event2.target;
-  if (!currentItem.className.includes("tiny-tree-node")) {
+  if (!JSON.stringify(currentItem.className).includes("tiny-tree-node")) {
     return;
   }
   const keyCode = event2.keyCode;

package/user-head/vue.js

@@ -1,5 +1,12 @@
 import "../chunk-PKUHTIDK.js";
-import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue, computedSize } from "./index";
+import {
+  computedMessage,
+  computedStyle,
+  computedFontSize,
+  computedLabel,
+  getInternalValue,
+  computedSize
+} from "./index";
 const api = ["state"];
 const renderless = (props, { reactive, computed }) => {
   const api2 = {