@opentiny/vue-renderless 3.19.5 → 3.20.1

package/recycle-scroller/vue.js

@@ -17,7 +17,9 @@ import {
   scrollToPosition,
   scrollToItem,
   computeViewStyle,
-  computeViewEvent
+  computeViewEvent,
+  resetTemporary,
+  init
 } from "./index";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 const api = [
@@ -27,12 +29,13 @@ const api = [
   "scrollToItem",
   "computeViewStyle",
   "computeViewEvent",
-  "updateVisibleItems"
+  "updateVisibleItems",
+  "resetTemporary"
 ];
 const addWatchers = ({ watch, props, api: api2, state }) => {
   watch(
     () => props.items,
-    () => api2.updateVisibleItems(true)
+    () => api2.init()
   );
   watch(
     () => props.pageMode,
@@ -91,7 +94,9 @@ const renderless = (props, { reactive, computed, onBeforeUnmount, onMounted, onA
     applyPageMode: applyPageMode({ api: api2, props }),
     addListeners: addListeners({ api: api2, state }),
     removeListeners: removeListeners({ api: api2, state }),
-    scrollToItem: scrollToItem({ api: api2, props, state })
+    scrollToItem: scrollToItem({ api: api2, props, state }),
+    resetTemporary: resetTemporary({ state }),
+    init: init({ api: api2 })
   });
   state.temporary = {
     startIndex: 0,

package/rich-text/index.js

@@ -54,6 +54,7 @@ const initQuill = ({ api, emit, props, vm, service, state, Quill, ImageDrop, Ima
   state.quill.enable(false);
   state.quill.on("selection-change", api.selectionChange);
   state.quill.on("text-change", api.textChange);
+  state.quill.root.addEventListener("click", api.handleClick);
   if (state.content) {
     state.quill.pasteHTML(xss.filterHtml(state.content));
     api.textChange();
@@ -64,6 +65,16 @@ const initQuill = ({ api, emit, props, vm, service, state, Quill, ImageDrop, Ima
   emit("ready", state.quill);
   api.setToolbarTips();
 };
+const handleClick = ({ state, Quill }) => (event) => {
+  const el = event.target;
+  if (!(el instanceof HTMLElement) || el.tagName !== "IMG") {
+    return;
+  }
+  event.stopPropagation();
+  const imgBlot = Quill.find(el);
+  const index = state.quill.getIndex(imgBlot);
+  state.quill.setSelection(index + 1);
+};
 const setToolbarTips = ({ t, vm }) => () => {
   let tip;
   const item = getToolbarTips(t);
@@ -173,12 +184,14 @@ const mounted = ({ api, props, state, i18n, watch }) => () => {
 const beforeUnmount = ({ api, state }) => () => {
   state.quill.off("selection-change", api.selectionChange);
   state.quill.off("text-change", api.textChange);
+  state.quill.root.removeEventListener("click", api.handleClick);
   state.quill = null;
   delete state.quill;
 };
 export {
   beforeUnmount,
   getFileUploadUrl,
+  handleClick,
   handlePaste,
   initContent,
   initQuill,

package/rich-text/vue.js

@@ -11,7 +11,8 @@ import {
   beforeUnmount,
   maxLength,
   handlePaste,
-  isDisplayOnly
+  isDisplayOnly,
+  handleClick
 } from "./index";
 const api = [
   "state",
@@ -51,7 +52,8 @@ const initApi = (args) => {
     beforeUnmount: beforeUnmount({ api: api2, state }),
     maxLength: maxLength({ props, constants }),
     handlePaste: handlePaste({ state }),
-    isDisplayOnly: isDisplayOnly({ state, props, parent, nextTick })
+    isDisplayOnly: isDisplayOnly({ state, props, parent, nextTick }),
+    handleClick: handleClick({ state, Quill })
   });
 };
 const initWatch = ({ watch, props, api: api2, state }) => {

package/select/index.js

@@ -19,6 +19,7 @@ import { isNull } from "../common/type";
 import { fastdom } from "../common/deps/fastdom";
 import { deepClone } from "../picker-column";
 import { escapeRegexpString } from "../option";
+import { correctTarget } from "../common/event";
 const handleComposition = ({ api, nextTick, state }) => (event) => {
   const text = event.target.value;
   if (event.type === "compositionend") {
@@ -94,11 +95,12 @@ const defaultOnQueryChange = ({ props, state, constants, api, nextTick }) => (va
   }
   setFilteredSelectCls(nextTick, state, props);
   api.getOptionIndexArr();
-  state.magicKey = state.magicKey > 0 ? -1 : 1;
 };
 const queryChange = ({ props, state, constants }) => (value, isInput) => {
   if (props.optimization && isInput) {
-    const filterDatas = state.initDatas.filter((item) => new RegExp(escapeRegexpString(value), "i").test(item.label));
+    const filterDatas = state.initDatas.filter(
+      (item) => new RegExp(escapeRegexpString(value), "i").test(item[props.textField])
+    );
     state.datas = filterDatas;
   } else {
     state.selectEmitter.emit(constants.EVENT_NAME.queryChange, value);
@@ -146,7 +148,7 @@ const handleQueryChange = ({ api, constants, nextTick, props, vm, state }) => (v
     }
   });
   state.hoverIndex = -1;
-  if (props.multiple && (props.filterable || props.searchable) && !props.shape) {
+  if (props.multiple && (props.filterable || props.searchable) && !props.shape && !state.selectDisabled) {
     nextTick(() => {
       if (!vm.$refs.input) {
         return;
@@ -241,15 +243,15 @@ const getOption = ({ props, state, api }) => (value) => {
   if (props.optimization) {
     option = api.getSelectedOption(value);
     if (option) {
-      return { value: option.value, currentLabel: option.label || option.currentLabel };
+      return { value: option.value, currentLabel: option[props.textField] || option.currentLabel };
     }
-    option = state.datas.find((v) => getObj(v, props.valueKey) === value);
+    option = state.datas.find((v) => getObj(v, props.valueField) === value);
     if (option) {
-      return { value: option.value, currentLabel: option.label || option.currentLabel };
+      return { value: option[props.valueField], currentLabel: option[props.textField] || option.currentLabel };
     }
   }
   const label = !isObject && !isNull2 && !isUndefined && !props.clearNoMatchValue ? value : "";
-  let newOption = { value, currentLabel: label };
+  let newOption = { value, currentLabel: label, isFakeLabel: true };
   if (props.multiple) {
     newOption.hitState = false;
   }
@@ -258,9 +260,9 @@ const getOption = ({ props, state, api }) => (value) => {
 const getSelectedOption = ({ props, state }) => (value) => {
   let option;
   if (props.multiple) {
-    option = state.selected.find((v) => getObj(v, props.valueKey) === value);
+    option = state.selected.find((v) => getObj(v, props.valueField) === value && !v.isFakeLabel);
   } else {
-    if (!isEmptyObject(state.selected) && getObj(state.selected, props.valueKey) === value) {
+    if (!isEmptyObject(state.selected) && getObj(state.selected, props.valueField) === value && !state.selected.isFakeLabel) {
       option = state.selected;
     }
   }
@@ -328,6 +330,8 @@ const setGridOrTreeSelected = ({ props, state, vm, isTree, api, init }) => {
   state.selectedLabel = label;
   state.selected = obj;
   state.currentKey = data[props.valueField];
+  vm.$refs.selectTree && vm.$refs.selectTree.setCurrentKey && vm.$refs.selectTree.setCurrentKey(state.currentKey);
+  props.treeOp.showRadio && (state.defaultCheckedKeys = [state.currentKey]);
 };
 const setSelected = ({ api, constants, nextTick, props, vm, state }) => (init) => {
   const isTree = props.renderType === constants.TYPE.Tree;
@@ -417,8 +421,19 @@ const blur = ({ vm, state }) => () => {
 const handleBlur = ({ constants, dispatch, emit, state, designConfig }) => (event) => {
   var _a;
   clearTimeout(state.timer);
+  const target = event.target;
   state.timer = setTimeout(() => {
     var _a2;
+    correctTarget(event, target);
+    if (event.target !== target) {
+      Object.defineProperty(event, "target", {
+        get() {
+          return target;
+        },
+        enumerable: true,
+        configurable: true
+      });
+    }
     if (state.isSilentBlur) {
       state.isSilentBlur = false;
     } else {
@@ -508,7 +523,6 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
     if (!state.isDisplayOnly && (props.hoverExpand || props.clickExpand) && !props.disabled) {
       api.calcCollapseTags();
     }
-    const sizeInMap = (designConfig == null ? void 0 : designConfig.state.initialInputHeight) || Math.round(state.initialInputHeight) || 32;
     const noSelected = state.selected.length === 0;
     const spacingHeight = (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.spacingHeight) != null ? _b : constants.SPACING_HEIGHT;
     if (!state.isDisplayOnly) {
@@ -516,11 +530,11 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
         fastdom.measure(() => {
           const tagsClientHeight = tags.clientHeight;
           fastdom.mutate(() => {
-            input.style.height = Math.max(tagsClientHeight + spacingHeight, sizeInMap) + "px";
+            input.style.height = Math.max(tagsClientHeight + spacingHeight, state.currentSizeMap) + "px";
           });
         });
       } else {
-        input.style.height = noSelected ? sizeInMap + "px" : Math.max(0, sizeInMap) + "px";
+        input.style.height = noSelected ? state.currentSizeMap + "px" : Math.max(0, state.currentSizeMap) + "px";
       }
     } else {
       input.style.height = "auto";
@@ -632,14 +646,23 @@ const getValueIndex = (props) => (arr = [], value = null) => {
     return index;
   }
 };
-const toggleMenu = ({ vm, state, props, api }) => (e) => {
+const toggleMenu = ({ vm, state, props, api, designConfig }) => (e) => {
+  var _a, _b, _c;
   if (props.keepFocus && state.visible && (props.filterable || props.searchable)) {
     return;
   }
+  if (state.isIOS) {
+    state.selectHover = true;
+    state.inputHovering = true;
+  }
   const event = e || window.event;
   const enterCode = 13;
   const nodeName = event.target && event.target.nodeName;
   const toggleVisible = props.ignoreEnter ? event.keyCode !== enterCode && nodeName === "INPUT" : true;
+  const isStop = (_c = (_b = props.stopPropagation) != null ? _b : (_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.stopPropagation) != null ? _c : false;
+  if (!props.displayOnly && isStop) {
+    event.stopPropagation();
+  }
   if (!state.selectDisabled) {
     toggleVisible && !state.softFocus && (state.visible = !state.visible);
     state.softFocus = false;
@@ -654,6 +677,7 @@ const toggleMenu = ({ vm, state, props, api }) => (e) => {
 };
 const selectOption = ({ api, state, props }) => (e) => {
   if (!state.visible || props.hideDrop) {
+    state.softFocus = false;
     api.toggleMenu(e);
   } else {
     let option = "";
@@ -915,7 +939,10 @@ const watchValue = ({ api, constants, dispatch, props, vm, state }) => (value, o
       state.currentPlaceholder = state.cachedPlaceHolder;
     }
     if ((props.filterable || props.searchable) && !props.reserveKeyword) {
-      props.renderType !== constants.TYPE.Grid && !props.searchable && (state.query = "");
+      const isChange = false;
+      const isInput = true;
+      state.query = "";
+      api.handleQueryChange(state.query, isChange, isInput);
     }
   }
   api.setSelected();
@@ -1139,7 +1166,7 @@ const handleCopyClick = ({ parent, props, state }) => () => {
   document.execCommand("copy");
   parent.$el.removeChild(input);
 };
-const selectChange = ({ props, state, api }) => ({ $table, selection, checked, row }) => {
+const selectChange = ({ props, state, api, vm }) => ({ $table, selection, checked, row }) => {
   const { textField, valueField } = props;
   const remoteItem = (row2) => {
     const removeItem = find(state.selected, (item) => item[valueField] === row2[valueField]);
@@ -1152,6 +1179,9 @@ const selectChange = ({ props, state, api }) => ({ $table, selection, checked, r
       selection.filter((row2) => !~state.modelValue.indexOf(row2[valueField]))
     ) : $table.tableFullData.forEach((row2) => remoteItem(row2));
   }
+  if (props.filterable && props.multiple) {
+    vm.$refs.input.focus();
+  }
   const keys = state.selected.map((item) => item[valueField]);
   api.updateModelValue(keys);
   api.directEmitChange(keys, state.selected);
@@ -1299,11 +1329,19 @@ const buildRadioConfig = ({ props, state }) => () => {
   return Object.assign({}, radioConfig, { checkRowKey, highlight });
 };
 const onMouseenterNative = ({ state }) => () => {
-  state.inputHovering = true;
+  if (!state.isIOS) {
+    state.inputHovering = true;
+  }
   if (state.searchSingleCopy && state.selectedLabel) {
     state.softFocus = true;
   }
 };
+const onMouseenterSelf = ({ state }) => () => {
+  if (!state.isIOS) {
+    state.selectHover = true;
+    state.inputHovering = true;
+  }
+};
 const onMouseleaveNative = ({ state }) => (e) => {
   if (e.target === e.currentTarget)
     return;
@@ -1421,9 +1459,14 @@ const initQuery = ({ props, state, constants, vm }) => ({ init } = {}) => {
   }
   return Promise.resolve(selected);
 };
-const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
+const computedCurrentSizeMap = ({ state, designConfig }) => () => {
   var _a;
-  state.defaultCheckedKeys = state.gridCheckedData;
+  const defaultSizeMap = { default: 32, mini: 24, small: 28, medium: 40 };
+  const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
+  return sizeMap[state.selectSize || "default"];
+};
+const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
+  state.defaultCheckedKeys = props.multiple ? state.gridCheckedData : props.treeOp.defaultCheckedKeys || [];
   const parentEl = parent.$el;
   const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
   const inputClientRect = inputEl && inputEl.getBoundingClientRect() || {};
@@ -1431,12 +1474,9 @@ const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
     document.activeElement.blur();
   }
   state.completed = true;
-  const defaultSizeMap = { default: 32, mini: 24, small: 36, medium: 40 };
-  const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
   if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
     state.currentPlaceholder = "";
   }
-  state.initialInputHeight = state.isDisplayOnly ? sizeMap[state.selectSize || "default"] : inputClientRect.height || sizeMap[state.selectSize];
   addResizeListener(parentEl, api.handleResize);
   if (vm.$refs.tags) {
     addResizeListener(vm.$refs.tags, api.resetInputHeight);
@@ -1569,7 +1609,13 @@ const computedTagsStyle = ({ props, parent, state, vm }) => () => {
   }
   return tagsStyle;
 };
-const computedReadonly = ({ props, state }) => () => state.device === "mb" || props.readonly || !(props.filterable || props.searchable) || props.multiple || browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible;
+const computedReadonly = ({ props, state }) => () => {
+  if (state.isIOS && props.filterable) {
+    return false;
+  } else {
+    return state.device === "mb" || props.readonly || !(props.filterable || props.searchable) || props.multiple || browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible;
+  }
+};
 const computedShowClose = ({ props, state }) => () => props.clearable && !state.selectDisabled && (state.inputHovering || props.multiple && state.visible) && (props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : !isNull(props.modelValue) && props.modelValue !== "");
 const computedCollapseTagSize = (state) => () => state.selectSize;
 const computedShowNewOption = ({ props, state }) => () => {
@@ -1667,7 +1713,7 @@ const clearNoMatchValue = ({ props, emit }) => (newModelValue) => {
   }
 };
 const handleDebouncedQueryChange = ({ state, api }) => debounce(state.debounce, (value) => {
-  api.handleQueryChange(value);
+  api.handleQueryChange(value, false, true);
 });
 const onClickCollapseTag = ({ state, props, nextTick, api }) => (event) => {
   event.stopPropagation();
@@ -1689,6 +1735,7 @@ export {
   computeMultipleLimit,
   computeOptimizeOpts,
   computedCollapseTagSize,
+  computedCurrentSizeMap,
   computedDisabledTooltipContent,
   computedGetIcon,
   computedGetTagType,
@@ -1751,6 +1798,7 @@ export {
   onCopying,
   onInputChange,
   onMouseenterNative,
+  onMouseenterSelf,
   onMouseleaveNative,
   onOptionDestroy,
   queryChange,

package/select/vue.js

@@ -67,6 +67,7 @@ import {
   buildRadioConfig,
   onMouseenterNative,
   onMouseleaveNative,
+  onMouseenterSelf,
   onCopying,
   gridOnQueryChange,
   defaultOnQueryChange,
@@ -111,10 +112,12 @@ import {
   onClickCollapseTag,
   computedIsExpand,
   computedShowTagText,
-  isTagClosable
+  isTagClosable,
+  computedCurrentSizeMap
 } from "./index";
 import debounce from "../common/deps/debounce";
 import { isNumber } from "../common/type";
+import { useUserAgent } from "../common/deps/useUserAgent";
 const api = [
   "state",
   "nodeCollapse",
@@ -167,6 +170,7 @@ const api = [
   "buildRadioConfig",
   "onMouseenterNative",
   "onMouseleaveNative",
+  "onMouseenterSelf",
   "onCopying",
   "handleDropdownClick",
   "handleEnterTag",
@@ -185,7 +189,6 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     datas: [],
     initDatas: [],
     query: "",
-    magicKey: 0,
     options: [],
     visible: false,
     showCopy: computed(() => api2.computedShowCopy()),
@@ -239,11 +242,13 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
       }
       return true;
     })(),
-    designConfig
+    designConfig,
+    currentSizeMap: computed(() => api2.computedCurrentSizeMap())
   }));
   return state;
 };
 const initStateAdd = ({ computed, props, api: api2, parent }) => {
+  const { isIOS } = useUserAgent();
   return {
     selectedTags: [],
     tips: "",
@@ -298,6 +303,7 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => {
     isHidden: false,
     defaultCheckedKeys: [],
     optionIndexArr: [],
+    isIOS,
     showCollapseTag: false,
     exceedMaxVisibleRow: false,
     // 是否超出默认最大显示行数
@@ -366,6 +372,7 @@ const initApi = ({
     buildRadioConfig: buildRadioConfig({ props, state }),
     onMouseenterNative: onMouseenterNative({ state }),
     onMouseleaveNative: onMouseleaveNative({ state }),
+    onMouseenterSelf: onMouseenterSelf({ state }),
     onCopying: onCopying({ state, vm }),
     gridOnQueryChange: gridOnQueryChange({ props, vm, constants, state }),
     watchHoverIndex: watchHoverIndex({ state }),
@@ -394,7 +401,8 @@ const initApi = ({
     clearSearchText: clearSearchText({ state, api: api2 }),
     clearNoMatchValue: clearNoMatchValue({ props, emit }),
     computedShowTagText: computedShowTagText({ state }),
-    isTagClosable: isTagClosable()
+    isTagClosable: isTagClosable(),
+    computedCurrentSizeMap: computedCurrentSizeMap({ state, designConfig })
   });
   addApi({ api: api2, props, state, emit, constants, parent, nextTick, dispatch, vm, isMobileFirstMode, designConfig });
 };

package/select-dropdown/vue.js

@@ -98,7 +98,7 @@ const initWatch = ({ watch, selectVm, state, nextTick }) => {
         state.zIndex = PopupManager.nextZIndex();
       }, 0);
       if (val && selectVm.multiple) {
-        state.originValue = selectVm.modelValue.slice(0);
+        state.originValue = selectVm.modelValue && selectVm.modelValue.slice(0);
       }
     }
   );

package/tabbar/index.js

@@ -45,8 +45,11 @@ const initPage = ({ vm, state }) => () => {
     }
   });
 };
-const beforeDestroy = (api) => () => {
+const beforeDestroy = ({ vm, api }) => () => {
   off(window, "resize", api.initPage);
+  vm.$off("updateItems");
+  vm.$off("activeItem");
+  vm.$off("showIndex");
 };
 export {
   beforeDestroy,

package/tabbar/vue.js

@@ -21,7 +21,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, onBeforeUnmou
     setActiveItem: setActiveItem({ props, state }),
     getChildrens: getChildrens({ childrenHandler, api: api2 }),
     getItems: getItems(state),
-    beforeDestroy: beforeDestroy(api2),
+    beforeDestroy: beforeDestroy({ vm, api: api2 }),
     initPage: initPage({ state, vm })
   });
   onMounted(() => {

package/tabs/index.js

@@ -86,14 +86,17 @@ const calcMorePanes = ({ parent, props, state, refs }) => () => {
   }
   if (tabs && tabs.length) {
     let tabsAllWidth = 0;
+    if (state.currentIndex === -1) {
+      state.currentIndex = state.panes.findIndex((item) => item.state.paneName === state.currentName);
+    }
+    const currentIndex = state.currentIndex < 0 ? 0 : state.currentIndex;
+    const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth;
     for (let i = 0; i < tabs.length; i++) {
       const tabItem = tabs[i];
       tabsAllWidth = tabItem.offsetLeft + tabItem.offsetWidth / 2;
-      const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth;
-      const currentName = Number(state.currentName || 0);
-      if (tabsAllWidth > tabsHeaderWidth && currentName >= 0) {
-        if (currentName >= i + 1) {
-          state.showPanesCount = currentName - 0;
+      if (tabsAllWidth > tabsHeaderWidth && currentIndex >= 0) {
+        if (currentIndex >= i + 1) {
+          state.showPanesCount = currentIndex;
         } else {
           state.showPanesCount = i;
         }

package/tabs/vue.js

@@ -72,7 +72,7 @@ const initWatcher = ({
     { immediate: true }
   );
 };
-const renderless = (props, { onMounted, onUpdated, provide, reactive, watch }, { refs, parent, emit, constants, nextTick, childrenHandler }) => {
+const renderless = (props, { onMounted, onUpdated, provide, reactive, watch, onUnmounted }, { vm, refs, parent, emit, constants, nextTick, childrenHandler }) => {
   const api2 = {};
   const state = initState({ reactive, props });
   Object.assign(api2, {
@@ -105,6 +105,9 @@ const renderless = (props, { onMounted, onUpdated, provide, reactive, watch }, {
     api2.calcMorePanes();
     api2.calcExpandPanes();
   });
+  onUnmounted(() => {
+    vm.$off("tab-nav-update");
+  });
   return api2;
 };
 export {

package/time-panel/vue.js

@@ -39,7 +39,7 @@ const initState = ({ reactive, computed, api: api2 }) => {
       get: () => state.realValue || state.default,
       set: (value) => {
         const valid = state.items.some((item) => item.value === value);
-        state.realValue = valid ? value : "";
+        state.realValue = state.lastEmitValue = valid ? value : "";
       }
     })
   });

package/tooltip/vue.js

@@ -113,6 +113,7 @@ const renderless = (props, {
   onUnmounted(() => {
     api2.destroyed();
     api2.observer && api2.observer.disconnect();
+    vm.$off("tooltip-update");
   });
   return api2;
 };

package/tree-menu/index.js

@@ -1,6 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
+import { xss } from "../common/xss";
 const initData = ({ state, props, service, api }) => async () => {
   if (props.data) {
     state.data = props.data;
@@ -82,7 +83,10 @@ const checkChange = (emit) => (data, checked, indeterminate) => {
 const check = (emit) => (data, checkedStatus) => {
   emit("check", data, checkedStatus);
 };
-const currentChange = (emit) => (data, node) => {
+const currentChange = (emit) => (data, node, e) => {
+  if (data && data.url && e.target.nodeName !== "A" && e.target.nodeName !== "SPAN") {
+    window.open(xss.filterUrl(data.url), "_self").opener = null;
+  }
   emit("current-change", data, node);
 };
 const getTitle = (props) => (label) => props.showTitle ? label : "";

package/tree-node/index.js

@@ -53,13 +53,14 @@ const handleClick = ({ api, vm, props, state }) => (e) => {
     return;
   }
   const store = state.tree.state.store;
-  state.tree.clearCurrentStore(props.node);
   if (!state.tree.onlyCheckChildren) {
+    state.tree.clearCurrentStore(props.node);
     store.setCurrentNode(props.node);
-    !props.node.disabled && state.tree.$emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
+    !props.node.disabled && state.tree.$emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode, e);
   } else if (props.node.isLeaf && !props.node.disabled) {
+    state.tree.clearCurrentStore(props.node);
     store.setCurrentNode(props.node);
-    state.tree.$emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
+    state.tree.$emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode, e);
   }
   state.tree.currentNode = vm;
   if (state.tree.checkOnClickNode && !props.node.disabled) {
@@ -102,7 +103,7 @@ const handleContextMenu = ({ treeRoot, vm, props, state, nextTick }) => (event)
     const menuWidth = vm.$refs.menuContext.offsetWidth;
     const treeWidth = state.tree.$parent.$el.offsetWidth;
     if (event.clientY > -10) {
-      state.menuposition.top = `${vm.$refs.node.offsetTop + vm.$refs.node.childNodes[0].offsetHeight / 2}px`;
+      state.menuposition.top = `${vm.$refs.node.offsetTop + vm.$refs.content.offsetHeight / 2}px`;
     }
     if (event.clientX > -10) {
       if (menuWidth > treeWidth) {