@opentiny/vue-renderless 3.13.1 → 3.14.0

package/input/index.js

@@ -1,4 +1,5 @@
 import "../chunk-G2ADBYYC.js";
+import { omitText } from "../common/string";
 const HIDDEN_STYLE = `
 height:0 !important;visibility:hidden !important;overflow:hidden !important;
 position:absolute !important;z-index:-1000 !important;top:0 !important;right:0 !important
@@ -56,6 +57,12 @@ const calcTextareaHeight = ({
   props,
   state
 }) => (targetElement, minRows = 1, maxRows = null) => {
+  if (!targetElement) {
+    return {
+      minHeight: "",
+      height: ""
+    };
+  }
   if (!hiddenTextarea) {
     hiddenTextarea = document.createElement("textarea");
     document.body.appendChild(hiddenTextarea);
@@ -76,7 +83,7 @@ const calcTextareaHeight = ({
       minHeight = minHeight + paddingSize + borderSize;
     }
     if (props.size) {
-      minHeight = props.size == "mini" ? minHeight * 0.67 : props.size == "small" ? minHeight : minHeight * 1.17;
+      minHeight = props.size === "mini" ? minHeight * 0.67 : props.size === "small" ? minHeight : minHeight * 1.17;
     }
     if (props.height) {
       minHeight = props.height;
@@ -110,7 +117,8 @@ const handleBlur = ({
   eventName,
   emit,
   props,
-  state
+  state,
+  vm
 }) => (event) => {
   state.focused = false;
   emit("blur", event);
@@ -118,6 +126,9 @@ const handleBlur = ({
   if (props.validateEvent) {
     api.dispatch(componentName, eventName, [props.modelValue]);
   }
+  if (props.hoverExpand) {
+    vm.$refs.textarea.scrollTop = 0;
+  }
 };
 const handleFocus = ({ api, emit, state }) => (event) => {
   state.focused = true;
@@ -137,7 +148,7 @@ const handleInput = ({ api, emit, nextTick, state }) => (event) => {
   nextTick(api.setNativeInputValue);
 };
 const handleChange = (emit) => (event) => emit("change", event.target.value);
-const resizeTextarea = ({ api, parent, refs, state }) => () => {
+const resizeTextarea = ({ api, parent, vm, state, props }) => () => {
   if (isServer) {
     return;
   }
@@ -145,15 +156,22 @@ const resizeTextarea = ({ api, parent, refs, state }) => () => {
   if (type !== "textarea") {
     return;
   }
+  if (props.hoverExpand && !state.enteredTextarea) {
+    state.textareaCalcStyle = {
+      minHeight: state.textareaHeight,
+      height: state.textareaHeight
+    };
+    return;
+  }
   if (!autosize) {
     state.textareaCalcStyle = {
-      minHeight: api.calcTextareaHeight(refs.textarea).minHeight
+      minHeight: api.calcTextareaHeight(vm.$refs.textarea).minHeight
     };
     return;
   }
   const minRows = autosize.minRows;
   const maxRows = autosize.maxRows;
-  state.textareaCalcStyle = api.calcTextareaHeight(refs.textarea, minRows, maxRows);
+  state.textareaCalcStyle = api.calcTextareaHeight(vm.$refs.textarea, minRows, maxRows);
 };
 const setNativeInputValue = ({ api, state }) => () => {
   const input = api.getInput();
@@ -222,7 +240,7 @@ const handlePasswordVisible = ({ api, nextTick, state }) => () => {
   state.passwordVisible = !state.passwordVisible;
   nextTick(api.focus);
 };
-const getSuffixVisible = ({ parent, props, state }) => () => parent.$slots.suffix || props.suffixIcon || state.showClear || props.showPassword || state.isWordLimitVisible || state.validateState && state.needStatusIcon;
+const getSuffixVisible = ({ parent, props, state }) => () => parent.$slots.suffix || props.suffixIcon || state.showClear || props.showPassword || state.isWordLimitVisible || state.validateState && state.needStatusIcon || props.mask && state.inputDisabled;
 const textLength = (value) => {
   if (typeof value === "number") {
     return String(value).length;
@@ -243,8 +261,25 @@ const hasSelection = (api) => () => {
 };
 const handleEnterDisplayOnlyContent = ({ state, props }) => ($event, type) => {
   const target = $event.target;
-  if (target && (target.scrollWidth > target.offsetWidth || type === "textarea" && target.scrollHeight > target.offsetHeight)) {
+  state.displayOnlyTooltip = "";
+  if (!target) {
+    return;
+  }
+  const isOverText = target.scrollWidth > target.offsetWidth || type === "textarea" && target.scrollHeight > target.offsetHeight;
+  if (isOverText) {
     state.displayOnlyTooltip = props.displayOnlyContent || state.nativeInputValue;
+  } else {
+    let isOverTextWhenMask = false;
+    if (props.mask && state.maskValueVisible) {
+      const text = target.textContent;
+      const font = window.getComputedStyle(target).font;
+      const rect = target.getBoundingClientRect();
+      const iconWidth = 16 + 15;
+      isOverTextWhenMask = omitText(text, font, rect.width - iconWidth).o;
+    }
+    if (isOverTextWhenMask) {
+      state.displayOnlyTooltip = props.displayOnlyContent || state.nativeInputValue;
+    }
   }
 };
 const hiddenPassword = ({ state, props }) => () => {
@@ -255,30 +290,53 @@ const hiddenPassword = ({ state, props }) => () => {
   }
   return str;
 };
-const dispatchDisplayedValue = ({ state, props, dispatch, api }) => () => {
-  if (state.isDisplayOnly) {
-    dispatch("FormItem", "displayed-value-changed", {
-      type: props.type || "text",
-      val: api.getDisplayedValue()
-    });
+const getDisplayedMaskValue = ({ state }) => () => {
+  if (state.maskValueVisible) {
+    return state.nativeInputValue;
+  } else {
+    return state.nativeInputValue && state.maskSymbol;
   }
 };
-const getDisplayedValue = ({ state, props }) => () => {
-  if (props.type === "password") {
-    return state.hiddenPassword || "-";
-  } else {
-    return props.displayOnlyContent || state.nativeInputValue || "-";
+const setInputDomValue = ({ state, props, nextTick, vm }) => (type) => {
+  nextTick(() => {
+    const input = vm.$refs.input;
+    if (props.mask && state.nativeInputValue && input) {
+      input.value = state.maskValueVisible || !state.inputDisabled ? state.nativeInputValue : state.maskSymbol;
+    }
+    if (type === "mask" && !props.mask && input) {
+      input.value = state.nativeInputValue;
+    }
+  });
+};
+const handleEnterTextarea = ({ api, state, props, nextTick }) => () => {
+  if (props.hoverExpand && !state.isDisplayOnly) {
+    state.enteredTextarea = true;
+    nextTick(api.resizeTextarea);
   }
 };
+const handleLeaveTextarea = ({ api, state, props, nextTick, vm }) => () => {
+  if (props.hoverExpand && !state.isDisplayOnly) {
+    state.enteredTextarea = false;
+    nextTick(() => {
+      api.resizeTextarea();
+      vm.$refs.textarea.scrollTop = 0;
+    });
+  }
+};
+const getDisplayOnlyText = ({ parent, state, props }) => () => {
+  const text = props.displayOnlyContent || state.nativeInputValue;
+  const showEmptyValue = typeof props.showEmptyValue === "boolean" ? props.showEmptyValue : (parent.tinyForm || {}).showEmptyValue;
+  return showEmptyValue ? text : text || "-";
+};
 export {
   blur,
   calcIconOffset,
   calcTextareaHeight,
   calculateNodeStyling,
   clear,
-  dispatchDisplayedValue,
   focus,
-  getDisplayedValue,
+  getDisplayOnlyText,
+  getDisplayedMaskValue,
   getInput,
   getSuffixVisible,
   handleBlur,
@@ -287,14 +345,17 @@ export {
   handleCompositionStart,
   handleCompositionUpdate,
   handleEnterDisplayOnlyContent,
+  handleEnterTextarea,
   handleFocus,
   handleInput,
+  handleLeaveTextarea,
   handlePasswordVisible,
   hasSelection,
   hiddenPassword,
   inputStyle,
   resizeTextarea,
   select,
+  setInputDomValue,
   setNativeInputValue,
   showBox,
   textLength,

package/input/vue.js

@@ -29,9 +29,12 @@ import {
   hasSelection,
   handleEnterDisplayOnlyContent,
   hiddenPassword,
-  dispatchDisplayedValue,
-  getDisplayedValue,
-  inputStyle
+  setInputDomValue,
+  getDisplayedMaskValue,
+  inputStyle,
+  handleEnterTextarea,
+  handleLeaveTextarea,
+  getDisplayOnlyText
 } from "./index";
 import useStorageBox from "../tall-storage/vue-storage-box";
 const api = [
@@ -65,7 +68,9 @@ const api = [
   "hasSelection",
   "handleEnterDisplayOnlyContent",
   "hiddenPassword",
-  "inputStyle"
+  "inputStyle",
+  "handleEnterTextarea",
+  "handleLeaveTextarea"
 ];
 const initState = ({
   reactive,
@@ -74,22 +79,28 @@ const initState = ({
   props,
   parent,
   constants,
-  api: api2
+  api: api2,
+  vm
 }) => {
   const state = reactive({
     mode,
+    maskSymbol: constants.MASKSYMBOL,
     focused: false,
     hovering: false,
     isComposing: false,
     passwordVisible: false,
+    maskValueVisible: false,
     boxVisibility: false,
     textareaCalcStyle: {},
     checkedLabel: "",
+    enteredTextarea: false,
     sheetvalue: props.modelValue,
     inputSize: computed(() => props.size || state.formItemSize),
+    inputSizeMf: computed(() => props.size || (parent.tinyForm || {}).size),
     showClear: computed(
       () => props.clearable && !state.inputDisabled && !props.readonly && state.nativeInputValue && (state.focused || state.hovering)
     ),
+    textareaHeight: vm.theme === "saas" ? "28px" : "30px",
     upperLimit: computed(() => parent.$attrs.maxlength),
     textLength: computed(() => textLength(props.modelValue)),
     inputExceed: computed(() => state.isWordLimitVisible && state.textLength > state.upperLimit),
@@ -119,7 +130,9 @@ const initState = ({
       () => (props.displayOnly || (parent.tinyForm || {}).displayOnly) && ["text", "textarea", "password", "number"].includes(props.type)
     ),
     displayOnlyTooltip: "",
-    hiddenPassword: computed(() => api2.hiddenPassword())
+    hiddenPassword: computed(() => api2.hiddenPassword()),
+    displayedMaskValue: computed(() => api2.getDisplayedMaskValue()),
+    displayOnlyText: computed(() => api2.getDisplayOnlyText())
   });
   return state;
 };
@@ -132,7 +145,8 @@ const initApi = ({
   vm,
   props,
   CLASS_PREFIX,
-  parent
+  parent,
+  nextTick
 }) => {
   Object.assign(api2, {
     state,
@@ -148,8 +162,10 @@ const initApi = ({
     calculateNodeStyling: calculateNodeStyling(),
     handleCompositionStart: handleCompositionStart(state),
     handleCompositionUpdate: handleCompositionUpdate(state),
-    dispatchDisplayedValue: dispatchDisplayedValue({ state, props, dispatch, api: api2 }),
-    getDisplayedValue: getDisplayedValue({ state, props }),
+    setInputDomValue: setInputDomValue({ state, props, nextTick, vm }),
+    getDisplayOnlyText: getDisplayOnlyText({ parent, props, state }),
+    handleEnterTextarea: handleEnterTextarea({ api: api2, state, props, nextTick }),
+    handleLeaveTextarea: handleLeaveTextarea({ api: api2, state, props, nextTick, vm }),
     inputStyle: inputStyle({ props })
   });
 };
@@ -163,7 +179,7 @@ const mergeApi = ({
   nextTick,
   parent,
   state,
-  refs
+  vm
 }) => {
   const { storageData, isMemoryStorage, addMemory, searchMemory, selectedMemory } = storages;
   return Object.assign(api2, {
@@ -181,11 +197,12 @@ const mergeApi = ({
       emit,
       eventName: eventName.blur,
       props,
-      state
+      state,
+      vm
     }),
     handleFocus: handleFocus({ api: api2, emit, state }),
     handleInput: handleInput({ api: api2, emit, nextTick, state }),
-    resizeTextarea: resizeTextarea({ api: api2, parent, refs, state }),
+    resizeTextarea: resizeTextarea({ api: api2, parent, vm, state, props }),
     updateIconOffset: updateIconOffset(api2),
     calcTextareaHeight: calcTextareaHeight({
       api: api2,
@@ -198,7 +215,8 @@ const mergeApi = ({
     handlePasswordVisible: handlePasswordVisible({ api: api2, nextTick, state }),
     hasSelection: hasSelection(api2),
     handleEnterDisplayOnlyContent: handleEnterDisplayOnlyContent({ state, props }),
-    hiddenPassword: hiddenPassword({ state, props })
+    hiddenPassword: hiddenPassword({ state, props }),
+    getDisplayedMaskValue: getDisplayedMaskValue({ state })
   });
 };
 const initWatch = ({
@@ -222,6 +240,15 @@ const initWatch = ({
       if (props.validateEvent) {
         api2.dispatch(componentName, eventName.change, [value]);
       }
+      api2.setInputDomValue();
+    }
+  );
+  watch(() => state.maskValueVisible, api2.setInputDomValue);
+  watch(() => state.inputDisabled, api2.setInputDomValue);
+  watch(
+    () => props.mask,
+    () => {
+      api2.setInputDomValue("mask");
     }
   );
   watch(
@@ -252,7 +279,6 @@ const initWatch = ({
         api2.setNativeInputValue();
         api2.resizeTextarea();
         api2.updateIconOffset();
-        api2.dispatchDisplayedValue();
       });
     }
   );
@@ -270,17 +296,17 @@ const renderless = (props, { computed, onMounted, onUpdated, reactive, toRefs, w
     Input: constants.inputMode(mode),
     InputGroup: constants.inputGroupMode(mode)
   };
-  const state = initState({ reactive, computed, mode, props, parent, constants, api: api2 });
-  initApi({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent, vm });
+  const state = initState({ reactive, computed, mode, props, parent, constants, api: api2, vm });
+  initApi({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent, vm, nextTick });
   const storages = useStorageBox({ api: api2, props, reactive, toRefs });
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  mergeApi({ api: api2, storages, componentName, emit, eventName, props, state, nextTick, parent, refs });
+  mergeApi({ api: api2, storages, componentName, emit, eventName, props, state, nextTick, parent, vm });
   initWatch({ watch, state, api: api2, props, nextTick, emit, componentName, eventName });
   onMounted(() => {
     api2.setNativeInputValue();
     api2.resizeTextarea();
     api2.updateIconOffset();
-    api2.dispatchDisplayedValue();
+    api2.setInputDomValue();
     dispatch("Select", "input-mounted", vm.$el);
     dispatch("Tooltip", "tooltip-update", vm.$el);
   });

package/ip-address/index.js

@@ -16,12 +16,13 @@ const ipValidator = ({ props, api }) => (value) => {
   return result;
 };
 const getCursorPosition = (el) => {
+  var _a, _b;
   let cursorPos = 0;
   let selectRange = null;
-  if (document.selection) {
-    selectRange = document.selection.createRange();
-    selectRange.moveStart("character", -el.value.length);
-    cursorPos = selectRange.text.length;
+  if (document == null ? void 0 : document.selection) {
+    selectRange = (_a = document == null ? void 0 : document.selection) == null ? void 0 : _a.createRange();
+    selectRange == null ? void 0 : selectRange.moveStart("character", -el.value.length);
+    cursorPos = (_b = selectRange == null ? void 0 : selectRange.text) == null ? void 0 : _b.length;
   }
   if (el.selectionStart || el.selectionStart === "0") {
     cursorPos = el.selectionStart;
@@ -51,8 +52,9 @@ const getValue = ({ api, props, state }) => () => {
   return result;
 };
 const setValue = ({ api, props, state }) => (value) => {
+  var _a;
   if (value) {
-    if (api.ipValidator(value)) {
+    if ((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, value)) {
       if (api.isIP6(props.type)) {
         state.address = value.split(":").map((item) => ({ value: item }));
         if (state.address.length < 8) {
@@ -76,7 +78,14 @@ const setValue = ({ api, props, state }) => (value) => {
     state.address = api.isIP6(props.type) ? new Array(8).fill("").map(createValue) : new Array(4).fill("").map(createValue);
   }
 };
-const activeEvent = ({ emit, parent, state, index, event, type }) => {
+const activeEvent = ({
+  emit,
+  parent,
+  state,
+  index,
+  event,
+  type
+}) => {
   const target = event && event.target ? event.target : parent.$el.querySelectorAll("input")[index || 0];
   type === "focus" && (state.active = true);
   if (!event) {
@@ -92,37 +101,55 @@ const activeEvent = ({ emit, parent, state, index, event, type }) => {
     !state.isSelected && emit(type, target.value, index);
   }
 };
-const focus = ({ emit, parent, state }) => ({ index, event }) => {
+const focus = ({
+  emit,
+  parent,
+  state
+}) => ({ index, event }) => {
   activeEvent({ emit, parent, state, index, event, type: "focus" });
 };
-const select = ({ emit, parent, state }) => ({ index, event }) => {
+const select = ({
+  emit,
+  parent,
+  state
+}) => ({ index, event }) => {
   activeEvent({ emit, parent, state, index, event, type: "select" });
 };
 const inputEvent = ({ api, componentName, emit, eventName, props }) => ({ item, index }) => {
+  var _a, _b, _c, _d, _e;
   const val = item.value.trim();
   let value = "";
   if (api.isIP4(props.type)) {
-    if (!index && api.ipValidator(val)) {
-      api.setValue(val);
+    if (!index && ((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, val))) {
+      (_b = api == null ? void 0 : api.setValue) == null ? void 0 : _b.call(api, val);
     } else if (isNaN(val) || val < IPTHRESHOLD.Min || val > IPTHRESHOLD.Max) {
       item.value = "";
     }
   } else {
-    if (!index && api.ipValidator(val)) {
-      api.setValue(val);
+    if (!index && ((_c = api == null ? void 0 : api.ipValidator) == null ? void 0 : _c.call(api, val))) {
+      (_d = api == null ? void 0 : api.setValue) == null ? void 0 : _d.call(api, val);
     } else if (val.length > 4) {
       item.value = item.value.slice(0, 4);
     }
   }
-  value = api.getValue();
+  value = (_e = api == null ? void 0 : api.getValue) == null ? void 0 : _e.call(api);
   emit("update:modelValue", value, index);
+  emit("input", value, index);
   api.dispatch(componentName, eventName, [value]);
 };
 const change = ({ api, emit }) => () => {
-  const value = api.getValue();
+  var _a;
+  const value = (_a = api == null ? void 0 : api.getValue) == null ? void 0 : _a.call(api);
   emit("change", value);
 };
-const blur = ({ api, componentName, emit, eventName, props, state }) => ({ item, index }) => {
+const blur = ({
+  api,
+  componentName,
+  emit,
+  eventName,
+  props,
+  state
+}) => ({ item, index }) => {
   state.active = false;
   state.isDel = false;
   if (api.isIP4(props.type)) {
@@ -162,20 +189,35 @@ const keyup = ({ api, props }) => ({ item, index, event }) => {
     }
   }
 };
-const checkError1 = ({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) => [Tab, Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
+const checkError1 = ({
+  Tab,
+  Space,
+  NumpadDecimal,
+  NumpadComma,
+  keyCode,
+  value
+}) => [Tab, Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
 const checkError2 = (newValue) => newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
 const checkError3 = ({ isfilterKeyCodes, isSelected, value }) => !isfilterKeyCodes && !isSelected && value === "0";
 const checkError4 = ({ isfilterKeyCodes, isSelected, value, key }) => !isfilterKeyCodes && !isSelected && value + key > IPTHRESHOLD.Max;
 const checkError5 = ({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV }) => isNaN(key) && !isfilterKeyCodes && !(!value && ctrlKey && keyCode === KeyV);
-const isError = ({ key, value, isSelected, isfilterKeyCodes, ctrlKey, keyCode, newValue }) => {
+const isError = ({
+  key,
+  value,
+  isSelected,
+  isfilterKeyCodes,
+  ctrlKey,
+  keyCode,
+  newValue
+}) => {
   const { Tab, Space, NumpadDecimal, NumpadComma, KeyV } = KEY_CODE;
   return checkError1({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError2(newValue) || checkError3({ isfilterKeyCodes, isSelected, value }) || checkError4({ isfilterKeyCodes, isSelected, value, key }) || checkError5({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV });
 };
 const keydown = ({ api, props, state }) => ({ item, index, event }) => {
   const { target, key, keyCode, ctrlKey } = event;
   const value = item.value;
-  const selectionStart = target.selectionStart;
-  const selectionEnd = target.selectionEnd;
+  const selectionStart = target == null ? void 0 : target.selectionStart;
+  const selectionEnd = target == null ? void 0 : target.selectionEnd;
   const isSelected = selectionStart !== selectionEnd;
   const cursorPosition = api.getCursorPosition(target);
   const isfilterKeyCodes = state.filterKeyCodes.includes(keyCode);

package/ip-address/vue.js

@@ -20,7 +20,13 @@ import {
 } from "./index";
 import { KEY_CODE } from "../common";
 const api = ["state", "focus", "inputEvent", "blur", "keyup", "keydown", "change", "select"];
-const initState = ({ reactive, computed, handleValue, parent, props }) => {
+const initState = ({
+  reactive,
+  computed,
+  handleValue,
+  parent,
+  props
+}) => {
   const state = reactive(__spreadProps(__spreadValues({}, handleValue.state), {
     active: false,
     isSelected: false,
@@ -40,7 +46,18 @@ const initState = ({ reactive, computed, handleValue, parent, props }) => {
   }));
   return state;
 };
-const initApi = ({ state, api: api2, dispatch, handleValue, emit, broadcast, parent, componentName, props, eventName }) => {
+const initApi = ({
+  state,
+  api: api2,
+  dispatch,
+  handleValue,
+  emit,
+  broadcast,
+  parent,
+  componentName,
+  props,
+  eventName
+}) => {
   Object.assign(api2, __spreadProps(__spreadValues({}, handleValue.api), {
     state,
     dispatch,
@@ -77,8 +94,9 @@ const useHandleValue = ({ componentName, dispatch, eventName, props, reactive, t
   watch(
     () => props.modelValue,
     (value) => {
+      var _a;
       if (!state.isDel) {
-        api2.setValue(value);
+        (_a = api2 == null ? void 0 : api2.setValue) == null ? void 0 : _a.call(api2, value);
         dispatch(componentName, eventName, [value]);
       }
     },
@@ -89,7 +107,7 @@ const useHandleValue = ({ componentName, dispatch, eventName, props, reactive, t
     api: api2
   };
 };
-const renderless = (props, { reactive, toRefs, watch, inject, computed }, { $prefix, emit, parent, broadcast, dispatch }) => {
+const renderless = (props, { reactive, toRefs, watch, inject, computed }, { emit, parent, broadcast, dispatch }) => {
   const api2 = {};
   const componentName = "FormItem";
   const eventName = {

package/link/vue.js

@@ -1,11 +1,13 @@
 import "../chunk-G2ADBYYC.js";
+import { xss } from "../common/xss";
 import { handleClick } from "./index";
 const api = ["state", "handleClick"];
 const renderless = (props, { inject, reactive, computed }, { emit, parent }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
-    disabled: computed(() => props.disabled || state.formDisabled)
+    disabled: computed(() => props.disabled || state.formDisabled),
+    href: computed(() => xss.filterUrl(props.href))
   });
   return {
     state,

package/loading/index.js

@@ -12,9 +12,9 @@ const close = ({ state, constants, vm }) => () => {
     vm,
     () => {
       const target = state.fullscreen || state.body ? document.body : state.target;
-      removeClass(target, constants.PARENT_RELATIVE_CLS);
-      removeClass(target, constants.PARENT_HIDDEN_CLS);
       if (vm.$el && vm.$el.parentNode) {
+        removeClass(target, constants.PARENT_RELATIVE_CLS);
+        removeClass(target, constants.PARENT_HIDDEN_CLS);
         vm.$el.parentNode.removeChild(vm.$el);
       }
       state.closed = true;

package/loading/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { handleAfterLeave, setText, close } from "./index";
 const api = ["state", "handleAfterLeave", "setText", "close"];
-const renderless = (props, { reactive }, { constants, vm, emit }) => {
+const renderless = (props, { reactive, computed }, { constants, vm, emit, designConfig }) => {
   const state = reactive({
     text: null,
     spinner: null,
@@ -10,7 +10,13 @@ const renderless = (props, { reactive }, { constants, vm, emit }) => {
     background: null,
     fullscreen: true,
     closed: false,
-    size: "small"
+    size: "",
+    iconSize: "",
+    loadingImg: computed(() => {
+      var _a;
+      return props.loadingImg || ((_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.loadingImg);
+    }),
+    iconStyle: computed(() => state.iconSize ? { width: state.iconSize + "px", height: state.iconSize + "px" } : {})
   });
   const api2 = {
     state,

package/logout/index.js

@@ -2,7 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import { xss } from "../common";
 const logout = ({ service, state, props }) => () => {
   let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;
-  if (typeof props.beforeLogout === "function") {
+  if (typeof props.beforeLogout === "function" && !state.logout) {
     if (props.beforeLogout(redirectUrl) === false) {
       return;
     }

package/menu/index.js

@@ -1,8 +1,20 @@
 import "../chunk-G2ADBYYC.js";
-import { cloneDeep } from "../chart-core/deps/utils";
+import { xss } from "../common/xss";
+import { deepClone } from "../picker-column";
 const filterInput = ({ state }) => (val) => {
   state.filterValue = val;
 };
+const computeData = ({ props, vm }) => () => filterNodeUrl(props.data || [], vm);
+const filterNodeUrl = (data, vm) => {
+  data.forEach((node) => {
+    node.url = xss.filterUrl(node.url);
+    vm.$set(node, "isCurrent", false);
+    if (node.children) {
+      filterNodeUrl(node.children, vm);
+    }
+  });
+  return data;
+};
 const setIsCurrent = ({ props, vm, state }) => (data, node) => {
   if (props.onlyCheckChildren && node.children)
     return;
@@ -30,7 +42,7 @@ const getIsCurrent = (vm, node, nodeId) => {
 };
 const filterNodes = ({ state, api, nextTick }) => (label) => {
   if (label !== "") {
-    state.filterData = filterTree(cloneDeep(state.data), label);
+    state.filterData = filterTree(deepClone(state.data), label);
   } else {
     state.filterData = [];
     if (state.activedKeys) {
@@ -117,6 +129,7 @@ const findPaths = (nodes, nodeId) => {
   }
 };
 export {
+  computeData,
   filterInput,
   filterNodes,
   getActivedKeysPath,