vft 0.0.375 → 0.0.376

package/lib/hooks/index.cjs

@@ -1,54 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./use-attrs/index.cjs");
-const index$1 = require("./use-draggable/index.cjs");
-const index$2 = require("./use-focus/index.cjs");
-const index$3 = require("./use-forward-ref/index.cjs");
-const index$4 = require("./use-id/index.cjs");
-const index$5 = require("./use-lockscreen/index.cjs");
-const index$6 = require("./use-model-toggle/index.cjs");
-const index$7 = require("./use-namespace/index.cjs");
-const index$8 = require("./use-ordered-children/index.cjs");
-const index$9 = require("./use-popper/index.cjs");
-const index$a = require("./use-popper-container/index.cjs");
-const index$b = require("./use-same-target/index.cjs");
-const index$c = require("./use-size/index.cjs");
-const index$d = require("./use-throttle-render/index.cjs");
-const index$e = require("./use-timeout/index.cjs");
-const index$f = require("./use-z-index/index.cjs");
-const index$g = require("./use-calc-input-width/index.cjs");
-const index$h = require("./use-composition/index.cjs");
-const index$i = require("./use-focus-controller/index.cjs");
-exports.useAttrs = index.useAttrs;
-exports.useDraggable = index$1.useDraggable;
-exports.useFocus = index$2.useFocus;
-exports.FORWARD_REF_INJECTION_KEY = index$3.FORWARD_REF_INJECTION_KEY;
-exports.useForwardRef = index$3.useForwardRef;
-exports.useForwardRefDirective = index$3.useForwardRefDirective;
-exports.ID_INJECTION_KEY = index$4.ID_INJECTION_KEY;
-exports.useId = index$4.useId;
-exports.useIdInjection = index$4.useIdInjection;
-exports.useLockscreen = index$5.useLockscreen;
-exports.createModelToggleComposable = index$6.createModelToggleComposable;
-exports.useModelToggle = index$6.useModelToggle;
-exports.useModelToggleEmits = index$6.useModelToggleEmits;
-exports.defaultNamespace = index$7.defaultNamespace;
-exports.namespaceContextKey = index$7.namespaceContextKey;
-exports.useGetDerivedNamespace = index$7.useGetDerivedNamespace;
-exports.useNamespace = index$7.useNamespace;
-exports.useOrderedChildren = index$8.useOrderedChildren;
-exports.usePopper = index$9.usePopper;
-exports.usePopperContainer = index$a.usePopperContainer;
-exports.usePopperContainerId = index$a.usePopperContainerId;
-exports.useSameTarget = index$b.useSameTarget;
-exports.SIZE_INJECTION_KEY = index$c.SIZE_INJECTION_KEY;
-exports.useGlobalSize = index$c.useGlobalSize;
-exports.useThrottleRender = index$d.useThrottleRender;
-exports.useTimeout = index$e.useTimeout;
-exports.ZINDEX_INJECTION_KEY = index$f.ZINDEX_INJECTION_KEY;
-exports.defaultInitialZIndex = index$f.defaultInitialZIndex;
-exports.useZIndex = index$f.useZIndex;
-exports.zIndexContextKey = index$f.zIndexContextKey;
-exports.useCalcInputWidth = index$g.useCalcInputWidth;
-exports.useComposition = index$h.useComposition;
-exports.useFocusController = index$i.useFocusController;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./use-attrs/index.cjs"),d=require("./use-draggable/index.cjs"),a=require("./use-focus/index.cjs"),r=require("./use-forward-ref/index.cjs"),u=require("./use-id/index.cjs"),c=require("./use-lockscreen/index.cjs"),o=require("./use-model-toggle/index.cjs"),e=require("./use-namespace/index.cjs"),I=require("./use-ordered-children/index.cjs"),l=require("./use-popper/index.cjs"),n=require("./use-popper-container/index.cjs"),x=require("./use-same-target/index.cjs"),t=require("./use-size/index.cjs"),p=require("./use-throttle-render/index.cjs"),C=require("./use-timeout/index.cjs"),s=require("./use-z-index/index.cjs"),E=require("./use-calc-input-width/index.cjs"),N=require("./use-composition/index.cjs"),g=require("./use-focus-controller/index.cjs");exports.useAttrs=i.useAttrs;exports.useDraggable=d.useDraggable;exports.useFocus=a.useFocus;exports.FORWARD_REF_INJECTION_KEY=r.FORWARD_REF_INJECTION_KEY;exports.useForwardRef=r.useForwardRef;exports.useForwardRefDirective=r.useForwardRefDirective;exports.ID_INJECTION_KEY=u.ID_INJECTION_KEY;exports.useId=u.useId;exports.useIdInjection=u.useIdInjection;exports.useLockscreen=c.useLockscreen;exports.createModelToggleComposable=o.createModelToggleComposable;exports.useModelToggle=o.useModelToggle;exports.useModelToggleEmits=o.useModelToggleEmits;exports.defaultNamespace=e.defaultNamespace;exports.namespaceContextKey=e.namespaceContextKey;exports.useGetDerivedNamespace=e.useGetDerivedNamespace;exports.useNamespace=e.useNamespace;exports.useOrderedChildren=I.useOrderedChildren;exports.usePopper=l.usePopper;exports.usePopperContainer=n.usePopperContainer;exports.usePopperContainerId=n.usePopperContainerId;exports.useSameTarget=x.useSameTarget;exports.SIZE_INJECTION_KEY=t.SIZE_INJECTION_KEY;exports.useGlobalSize=t.useGlobalSize;exports.useThrottleRender=p.useThrottleRender;exports.useTimeout=C.useTimeout;exports.ZINDEX_INJECTION_KEY=s.ZINDEX_INJECTION_KEY;exports.defaultInitialZIndex=s.defaultInitialZIndex;exports.useZIndex=s.useZIndex;exports.zIndexContextKey=s.zIndexContextKey;exports.useCalcInputWidth=E.useCalcInputWidth;exports.useComposition=N.useComposition;exports.useFocusController=g.useFocusController;

package/lib/hooks/use-attrs/index.cjs

@@ -1,32 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("@vueuse/core");
-require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-const vue = require("vue");
-const lodashEs = require("lodash-es");
-const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
-const LISTENER_PREFIX = /^on[A-Z]/;
-const useAttrs = (params = {}) => {
-  const { excludeListeners = false, excludeKeys } = params;
-  const allExcludeKeys = vue.computed(() => {
-    return (excludeKeys?.value || []).concat(DEFAULT_EXCLUDE_KEYS);
-  });
-  const instance = vue.getCurrentInstance();
-  if (!instance) {
-    error.debugWarn(
-      "use-attrs",
-      "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"
-    );
-    return vue.computed(() => ({}));
-  }
-  return vue.computed(
-    () => lodashEs.fromPairs(
-      Object.entries(instance.proxy?.$attrs).filter(
-        ([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))
-      )
-    )
-  );
-};
-exports.useAttrs = useAttrs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const o=require("../../utils/error.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");const e=require("vue"),l=require("lodash-es"),a=["class","style"],i=/^on[A-Z]/,d=(s={})=>{const{excludeListeners:u=!1,excludeKeys:n}=s,c=e.computed(()=>(n?.value||[]).concat(a)),t=e.getCurrentInstance();return t?e.computed(()=>l.fromPairs(Object.entries(t.proxy?.$attrs).filter(([r])=>!c.value.includes(r)&&!(u&&i.test(r))))):(o.debugWarn("use-attrs","getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"),e.computed(()=>({})))};exports.useAttrs=d;

package/lib/hooks/use-calc-input-width/index.cjs

@@ -1,22 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const core = require("@vueuse/core");
-function useCalcInputWidth() {
-  const calculatorRef = vue.shallowRef();
-  const calculatorWidth = vue.ref(0);
-  const MINIMUM_INPUT_WIDTH = 11;
-  const inputStyle = vue.computed(() => ({
-    minWidth: `${Math.max(calculatorWidth.value, MINIMUM_INPUT_WIDTH)}px`
-  }));
-  const resetCalculatorWidth = () => {
-    calculatorWidth.value = calculatorRef.value?.getBoundingClientRect().width ?? 0;
-  };
-  core.useResizeObserver(calculatorRef, resetCalculatorWidth);
-  return {
-    calculatorRef,
-    calculatorWidth,
-    inputStyle
-  };
-}
-exports.useCalcInputWidth = useCalcInputWidth;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=require("@vueuse/core");function r(){const e=u.shallowRef(),t=u.ref(0),c=11,n=u.computed(()=>({minWidth:`${Math.max(t.value,c)}px`})),o=()=>{t.value=e.value?.getBoundingClientRect().width??0};return l.useResizeObserver(e,o),{calculatorRef:e,calculatorWidth:t,inputStyle:n}}exports.useCalcInputWidth=r;

package/lib/hooks/use-composition/index.cjs

@@ -1,38 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const utils = require("@vft/utils");
-function useComposition({
-  afterComposition,
-  emit
-}) {
-  const isComposing = vue.ref(false);
-  const handleCompositionStart = (event) => {
-    emit?.("compositionstart", event);
-    isComposing.value = true;
-  };
-  const handleCompositionUpdate = (event) => {
-    emit?.("compositionupdate", event);
-    const text = event.target?.value;
-    const lastCharacter = text[text.length - 1] || "";
-    isComposing.value = !utils.isKorean(lastCharacter);
-  };
-  const handleCompositionEnd = (event) => {
-    emit?.("compositionend", event);
-    if (isComposing.value) {
-      isComposing.value = false;
-      vue.nextTick(() => afterComposition(event));
-    }
-  };
-  const handleComposition = (event) => {
-    event.type === "compositionend" ? handleCompositionEnd(event) : handleCompositionUpdate(event);
-  };
-  return {
-    isComposing,
-    handleComposition,
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd
-  };
-}
-exports.useComposition = useComposition;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),u=require("@vft/utils");function p({afterComposition:c,emit:n}){const t=a.ref(!1),l=o=>{n?.("compositionstart",o),t.value=!0},i=o=>{n?.("compositionupdate",o);const e=o.target?.value,r=e[e.length-1]||"";t.value=!u.isKorean(r)},s=o=>{n?.("compositionend",o),t.value&&(t.value=!1,a.nextTick(()=>c(o)))};return{isComposing:t,handleComposition:o=>{o.type==="compositionend"?s(o):i(o)},handleCompositionStart:l,handleCompositionUpdate:i,handleCompositionEnd:s}}exports.useComposition=p;

package/lib/hooks/use-delayed-toggle/index.cjs

@@ -1,67 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-const index = require("../use-timeout/index.cjs");
-const useDelayedToggleProps = runtime.buildProps({
-  /**
-   * @description delay of appearance, in millisecond
-   */
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  /**
-   * @description delay of disappear, in millisecond
-   */
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  /**
-   * @description disappear automatically, in millisecond
-   */
-  autoClose: {
-    type: Number,
-    default: 0
-  }
-});
-const useDelayedToggle = ({
-  showAfter,
-  hideAfter,
-  autoClose,
-  open,
-  close
-}) => {
-  const { registerTimeout } = index.useTimeout();
-  const {
-    registerTimeout: registerTimeoutForAutoClose,
-    cancelTimeout: cancelTimeoutForAutoClose
-  } = index.useTimeout();
-  const onOpen = (event) => {
-    registerTimeout(() => {
-      open(event);
-      const _autoClose = vue.unref(autoClose);
-      if (utils.isNumber(_autoClose) && _autoClose > 0) {
-        registerTimeoutForAutoClose(() => {
-          close(event);
-        }, _autoClose);
-      }
-    }, vue.unref(showAfter));
-  };
-  const onClose = (event) => {
-    cancelTimeoutForAutoClose();
-    registerTimeout(() => {
-      close(event);
-    }, vue.unref(hideAfter));
-  };
-  return {
-    onOpen,
-    onClose
-  };
-};
-exports.useDelayedToggle = useDelayedToggle;
-exports.useDelayedToggleProps = useDelayedToggleProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");require("@vueuse/core");const m=require("@vft/utils");require("../../components/config-provider/hooks/use-global-config.cjs");const d=require("../../utils/vue/props/runtime.cjs"),s=require("../use-timeout/index.cjs"),T=d.buildProps({showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},autoClose:{type:Number,default:0}}),f=({showAfter:i,hideAfter:n,autoClose:l,open:c,close:u})=>{const{registerTimeout:r}=s.useTimeout(),{registerTimeout:a,cancelTimeout:g}=s.useTimeout();return{onOpen:e=>{r(()=>{c(e);const o=t.unref(l);m.isNumber(o)&&o>0&&a(()=>{u(e)},o)},t.unref(i))},onClose:e=>{g(),r(()=>{u(e)},t.unref(n))}}};exports.useDelayedToggle=f;exports.useDelayedToggleProps=T;

package/lib/hooks/use-draggable/index.cjs

@@ -1,75 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("@vueuse/core");
-require("@vft/utils");
-const helper = require("../../utils/helper.cjs");
-const vue = require("vue");
-require("lodash-es");
-const useDraggable = (targetRef, dragRef, draggable) => {
-  let transform = {
-    offsetX: 0,
-    offsetY: 0
-  };
-  const onMousedown = (e) => {
-    const downX = e.clientX;
-    const downY = e.clientY;
-    const { offsetX, offsetY } = transform;
-    const targetRect = targetRef.value.getBoundingClientRect();
-    const targetLeft = targetRect.left;
-    const targetTop = targetRect.top;
-    const targetWidth = targetRect.width;
-    const targetHeight = targetRect.height;
-    const clientWidth = document.documentElement.clientWidth;
-    const clientHeight = document.documentElement.clientHeight;
-    const minLeft = -targetLeft + offsetX;
-    const minTop = -targetTop + offsetY;
-    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-    const maxTop = clientHeight - targetTop - targetHeight + offsetY;
-    const onMousemove = (e2) => {
-      const moveX = Math.min(
-        Math.max(offsetX + e2.clientX - downX, minLeft),
-        maxLeft
-      );
-      const moveY = Math.min(
-        Math.max(offsetY + e2.clientY - downY, minTop),
-        maxTop
-      );
-      transform = {
-        offsetX: moveX,
-        offsetY: moveY
-      };
-      targetRef.value.style.transform = `translate(${helper.addUnit(
-        moveX
-      )}, ${helper.addUnit(moveY)})`;
-    };
-    const onMouseup = () => {
-      document.removeEventListener("mousemove", onMousemove);
-      document.removeEventListener("mouseup", onMouseup);
-    };
-    document.addEventListener("mousemove", onMousemove);
-    document.addEventListener("mouseup", onMouseup);
-  };
-  const onDraggable = () => {
-    if (dragRef.value && targetRef.value) {
-      dragRef.value.addEventListener("mousedown", onMousedown);
-    }
-  };
-  const offDraggable = () => {
-    if (dragRef.value && targetRef.value) {
-      dragRef.value.removeEventListener("mousedown", onMousedown);
-    }
-  };
-  vue.onMounted(() => {
-    vue.watchEffect(() => {
-      if (draggable.value) {
-        onDraggable();
-      } else {
-        offDraggable();
-      }
-    });
-  });
-  vue.onBeforeUnmount(() => {
-    offDraggable();
-  });
-};
-exports.useDraggable = useDraggable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const p=require("../../utils/helper.cjs"),c=require("vue");require("lodash-es");const H=(e,t,E)=>{let u={offsetX:0,offsetY:0};const i=m=>{const M=m.clientX,w=m.clientY,{offsetX:o,offsetY:s}=u,n=e.value.getBoundingClientRect(),l=n.left,r=n.top,X=n.width,Y=n.height,b=document.documentElement.clientWidth,q=document.documentElement.clientHeight,x=-l+o,D=-r+s,T=b-l-X+o,y=q-r-Y+s,d=f=>{const g=Math.min(Math.max(o+f.clientX-M,x),T),h=Math.min(Math.max(s+f.clientY-w,D),y);u={offsetX:g,offsetY:h},e.value.style.transform=`translate(${p.addUnit(g)}, ${p.addUnit(h)})`},v=()=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",v)},L=()=>{t.value&&e.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&e.value&&t.value.removeEventListener("mousedown",i)};c.onMounted(()=>{c.watchEffect(()=>{E.value?L():a()})}),c.onBeforeUnmount(()=>{a()})};exports.useDraggable=H;

package/lib/hooks/use-empty-values/index.cjs

@@ -1,61 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-const emptyValuesContextKey = Symbol("emptyValuesContextKey");
-const SCOPE = "use-empty-values";
-const DEFAULT_EMPTY_VALUES = ["", void 0, null];
-const DEFAULT_VALUE_ON_CLEAR = void 0;
-const useEmptyValuesProps = runtime.buildProps({
-  /**
-   * @description empty values supported by the component
-   */
-  emptyValues: Array,
-  /**
-   * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
-   */
-  valueOnClear: {
-    type: [String, Number, Boolean, Function],
-    default: void 0,
-    validator: (val) => utils.isFunction(val) ? !val() : !val
-  }
-});
-const useEmptyValues = (props, defaultValue) => {
-  const config = vue.getCurrentInstance() ? vue.inject(emptyValuesContextKey, vue.ref({})) : vue.ref({});
-  const emptyValues = vue.computed(
-    () => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES
-  );
-  const valueOnClear = vue.computed(() => {
-    if (utils.isFunction(props.valueOnClear)) {
-      return props.valueOnClear();
-    } else if (props.valueOnClear !== void 0) {
-      return props.valueOnClear;
-    } else if (utils.isFunction(config.value.valueOnClear)) {
-      return config.value.valueOnClear();
-    } else if (config.value.valueOnClear !== void 0) {
-      return config.value.valueOnClear;
-    }
-    return defaultValue !== void 0 ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
-  });
-  const isEmptyValue = (value) => {
-    return emptyValues.value.includes(value);
-  };
-  if (!emptyValues.value.includes(valueOnClear.value)) {
-    error.debugWarn(SCOPE, "value-on-clear should be a value of empty-values");
-  }
-  return {
-    emptyValues,
-    valueOnClear,
-    isEmptyValue
-  };
-};
-exports.DEFAULT_EMPTY_VALUES = DEFAULT_EMPTY_VALUES;
-exports.DEFAULT_VALUE_ON_CLEAR = DEFAULT_VALUE_ON_CLEAR;
-exports.SCOPE = SCOPE;
-exports.emptyValuesContextKey = emptyValuesContextKey;
-exports.useEmptyValues = useEmptyValues;
-exports.useEmptyValuesProps = useEmptyValuesProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("@vueuse/core");const n=require("@vft/utils"),m=require("../../utils/error.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");const E=require("../../utils/vue/props/runtime.cjs"),s=Symbol("emptyValuesContextKey"),o="use-empty-values",i=["",void 0,null],v=void 0,C=E.buildProps({emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:e=>n.isFunction(e)?!e():!e}}),d=(e,r)=>{const t=u.getCurrentInstance()?u.inject(s,u.ref({})):u.ref({}),l=u.computed(()=>e.emptyValues||t.value.emptyValues||i),a=u.computed(()=>n.isFunction(e.valueOnClear)?e.valueOnClear():e.valueOnClear!==void 0?e.valueOnClear:n.isFunction(t.value.valueOnClear)?t.value.valueOnClear():t.value.valueOnClear!==void 0?t.value.valueOnClear:r!==void 0?r:v),c=y=>l.value.includes(y);return l.value.includes(a.value)||m.debugWarn(o,"value-on-clear should be a value of empty-values"),{emptyValues:l,valueOnClear:a,isEmptyValue:c}};exports.DEFAULT_EMPTY_VALUES=i;exports.DEFAULT_VALUE_ON_CLEAR=v;exports.SCOPE=o;exports.emptyValuesContextKey=s;exports.useEmptyValues=d;exports.useEmptyValuesProps=C;

package/lib/hooks/use-focus/index.cjs

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useFocus = (el) => {
-  return {
-    focus: () => {
-      el.value?.focus?.();
-    }
-  };
-};
-exports.useFocus = useFocus;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=e=>({focus:()=>{e.value?.focus?.()}});exports.useFocus=u;

package/lib/hooks/use-focus-controller/index.cjs

@@ -1,68 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const core = require("@vueuse/core");
-const utils = require("@vft/utils");
-const aria = require("../../utils/dom/aria.cjs");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-function useFocusController(target, {
-  disabled,
-  beforeFocus,
-  afterFocus,
-  beforeBlur,
-  afterBlur
-} = {}) {
-  const instance = vue.getCurrentInstance();
-  const { emit } = instance;
-  const wrapperRef = vue.shallowRef();
-  const isFocused = vue.ref(false);
-  const handleFocus = (event) => {
-    const cancelFocus = utils.isFunction(beforeFocus) ? beforeFocus(event) : false;
-    if (vue.unref(disabled) || isFocused.value || cancelFocus) return;
-    isFocused.value = true;
-    emit("focus", event);
-    afterFocus?.();
-  };
-  const handleBlur = (event) => {
-    const cancelBlur = utils.isFunction(beforeBlur) ? beforeBlur(event) : false;
-    if (vue.unref(disabled) || event.relatedTarget && wrapperRef.value?.contains(event.relatedTarget) || cancelBlur)
-      return;
-    isFocused.value = false;
-    emit("blur", event);
-    afterBlur?.();
-  };
-  const handleClick = (event) => {
-    if (vue.unref(disabled) || aria.isFocusable(event.target) || wrapperRef.value?.contains(document.activeElement) && wrapperRef.value !== document.activeElement)
-      return;
-    target.value?.focus();
-  };
-  vue.watch([wrapperRef, () => vue.unref(disabled)], ([el, disabled2]) => {
-    if (!el) return;
-    if (disabled2) {
-      el.removeAttribute("tabindex");
-    } else {
-      el.setAttribute("tabindex", "-1");
-    }
-  });
-  core.useEventListener(wrapperRef, "focus", handleFocus, true);
-  core.useEventListener(wrapperRef, "blur", handleBlur, true);
-  core.useEventListener(wrapperRef, "click", handleClick, true);
-  if (process.env.NODE_ENV === "test") {
-    vue.onMounted(() => {
-      const targetEl = utils.isElement(target.value) ? target.value : document.querySelector("input,textarea");
-      if (targetEl) {
-        core.useEventListener(targetEl, "focus", handleFocus, true);
-        core.useEventListener(targetEl, "blur", handleBlur, true);
-      }
-    });
-  }
-  return {
-    isFocused,
-    /** Avoid using wrapperRef and handleFocus/handleBlur together */
-    wrapperRef,
-    handleFocus,
-    handleBlur
-  };
-}
-exports.useFocusController = useFocusController;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("@vueuse/core"),a=require("@vft/utils"),b=require("../../utils/dom/aria.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");require("lodash-es");function g(o,{disabled:s,beforeFocus:f,afterFocus:m,beforeBlur:v,afterBlur:d}={}){const q=t.getCurrentInstance(),{emit:E}=q,u=t.shallowRef(),c=t.ref(!1),i=e=>{const n=a.isFunction(f)?f(e):!1;t.unref(s)||c.value||n||(c.value=!0,E("focus",e),m?.())},l=e=>{const n=a.isFunction(v)?v(e):!1;t.unref(s)||e.relatedTarget&&u.value?.contains(e.relatedTarget)||n||(c.value=!1,E("blur",e),d?.())},F=e=>{t.unref(s)||b.isFocusable(e.target)||u.value?.contains(document.activeElement)&&u.value!==document.activeElement||o.value?.focus()};return t.watch([u,()=>t.unref(s)],([e,n])=>{e&&(n?e.removeAttribute("tabindex"):e.setAttribute("tabindex","-1"))}),r.useEventListener(u,"focus",i,!0),r.useEventListener(u,"blur",l,!0),r.useEventListener(u,"click",F,!0),process.env.NODE_ENV==="test"&&t.onMounted(()=>{const e=a.isElement(o.value)?o.value:document.querySelector("input,textarea");e&&(r.useEventListener(e,"focus",i,!0),r.useEventListener(e,"blur",l,!0))}),{isFocused:c,wrapperRef:u,handleFocus:i,handleBlur:l}}exports.useFocusController=g;

package/lib/hooks/use-forward-ref/index.cjs

@@ -1,28 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const FORWARD_REF_INJECTION_KEY = Symbol("vftForwardRef");
-const useForwardRef = (forwardRef) => {
-  const setForwardRef = (el) => {
-    forwardRef.value = el;
-  };
-  vue.provide(FORWARD_REF_INJECTION_KEY, {
-    setForwardRef
-  });
-};
-const useForwardRefDirective = (setForwardRef) => {
-  return {
-    mounted(el) {
-      setForwardRef(el);
-    },
-    updated(el) {
-      setForwardRef(el);
-    },
-    unmounted() {
-      setForwardRef(null);
-    }
-  };
-};
-exports.FORWARD_REF_INJECTION_KEY = FORWARD_REF_INJECTION_KEY;
-exports.useForwardRef = useForwardRef;
-exports.useForwardRefDirective = useForwardRefDirective;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),o=Symbol("vftForwardRef"),n=e=>{const r=t=>{e.value=t};u.provide(o,{setForwardRef:r})},d=e=>({mounted(r){e(r)},updated(r){e(r)},unmounted(){e(null)}});exports.FORWARD_REF_INJECTION_KEY=o;exports.useForwardRef=n;exports.useForwardRefDirective=d;

package/lib/hooks/use-id/index.cjs

@@ -1,38 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const core = require("@vueuse/core");
-require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../use-namespace/index.cjs");
-const defaultIdInjection = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-};
-const ID_INJECTION_KEY = Symbol("vftIdInjection");
-const useIdInjection = () => {
-  return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
-};
-const useId = (deterministicId) => {
-  const idInjection = useIdInjection();
-  if (!core.isClient && idInjection === defaultIdInjection) {
-    error.debugWarn(
-      "IdInjection",
-      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=require("@vueuse/core");require("@vft/utils");const s=require("../../utils/error.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");require("lodash-es");const d=require("../use-namespace/index.cjs"),n={prefix:Math.floor(Math.random()*1e4),current:0},o=Symbol("vftIdInjection"),i=()=>r.getCurrentInstance()?r.inject(o,n):n,I=u=>{const e=i();!t.isClient&&e===n&&s.debugWarn("IdInjection",`Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,
   current: number,
-})`
-    );
-  }
-  const namespace = index.useGetDerivedNamespace();
-  const idRef = core.computedEager(
-    () => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`
-  );
-  return idRef;
-};
-exports.ID_INJECTION_KEY = ID_INJECTION_KEY;
-exports.useId = useId;
-exports.useIdInjection = useIdInjection;
+})`);const c=d.useGetDerivedNamespace();return t.computedEager(()=>r.unref(u)||`${c.value}-id-${e.prefix}-${e.current++}`)};exports.ID_INJECTION_KEY=o;exports.useId=I;exports.useIdInjection=i;

package/lib/hooks/use-lockscreen/index.cjs

@@ -1,53 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const core = require("@vueuse/core");
-const scroll = require("../../utils/dom/scroll.cjs");
-const error = require("../../utils/error.cjs");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-const vue = require("vue");
-require("lodash-es");
-const index = require("../use-namespace/index.cjs");
-const useLockscreen = (trigger, options = {}) => {
-  if (!vue.isRef(trigger)) {
-    error.throwError(
-      "[useLockscreen]",
-      "You need to pass a ref param to this function"
-    );
-  }
-  const ns = options.ns || index.useNamespace("popup");
-  const hiddenCls = vue.computed(() => ns.bm("parent", "hidden"));
-  if (!core.isClient || utils.hasClass(document.body, hiddenCls.value)) {
-    return;
-  }
-  let scrollBarWidth = 0;
-  let withoutHiddenClass = false;
-  let bodyWidth = "0";
-  const cleanup = () => {
-    setTimeout(() => {
-      utils.removeClass(document?.body, hiddenCls.value);
-      if (withoutHiddenClass && document) {
-        document.body.style.width = bodyWidth;
-      }
-    }, 200);
-  };
-  vue.watch(trigger, (val) => {
-    if (!val) {
-      cleanup();
-      return;
-    }
-    withoutHiddenClass = !utils.hasClass(document.body, hiddenCls.value);
-    if (withoutHiddenClass) {
-      bodyWidth = document.body.style.width;
-    }
-    scrollBarWidth = scroll.getScrollBarWidth(ns.namespace.value);
-    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-    const bodyOverflowY = utils.getStyle(document.body, "overflowY");
-    if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
-    }
-    utils.addClass(document.body, hiddenCls.value);
-  });
-  vue.onScopeDispose(() => cleanup());
-};
-exports.useLockscreen = useLockscreen;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vft/utils"),y=require("@vueuse/core"),h=require("../../utils/dom/scroll.cjs"),b=require("../../utils/error.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");const s=require("vue");require("lodash-es");const f=require("../use-namespace/index.cjs"),p=(n,l={})=>{s.isRef(n)||b.throwError("[useLockscreen]","You need to pass a ref param to this function");const r=l.ns||f.useNamespace("popup"),o=s.computed(()=>r.bm("parent","hidden"));if(!y.isClient||e.hasClass(document.body,o.value))return;let c=0,t=!1,d="0";const u=()=>{setTimeout(()=>{e.removeClass(document?.body,o.value),t&&document&&(document.body.style.width=d)},200)};s.watch(n,i=>{if(!i){u();return}t=!e.hasClass(document.body,o.value),t&&(d=document.body.style.width),c=h.getScrollBarWidth(r.namespace.value);const a=document.documentElement.clientHeight<document.body.scrollHeight,m=e.getStyle(document.body,"overflowY");c>0&&(a||m==="scroll")&&t&&(document.body.style.width=`calc(100% - ${c}px)`),e.addClass(document.body,o.value)}),s.onScopeDispose(()=>u())};exports.useLockscreen=p;