vft 0.0.18 → 0.0.20

package/es/components/tag/tag.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent as m, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
+import { useSize as y } from "element-plus";
+import { VftIcon as g } from "../icon/index.mjs";
+import { useNamespace as h } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+function k(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
+}
+const x = /* @__PURE__ */ m({
+  __name: "tag",
+  props: {
+    closable: {
+      type: Boolean
+    },
+    type: null,
+    hit: {
+      type: Boolean
+    },
+    disableTransitions: {
+      type: Boolean,
+      default: !0
+    },
+    color: null,
+    size: null,
+    effect: {
+      default: "light"
+    },
+    round: {
+      type: Boolean
+    }
+  },
+  emits: ["close", "click"],
+  setup(e, {
+    emit: c
+  }) {
+    const l = d(), i = y(), t = h("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
+      c("close", o);
+    }, u = (o) => {
+      c("click", o);
+    }, a = () => {
+      var o;
+      return n("span", {
+        class: s.value,
+        style: {
+          backgroundColor: e.color
+        },
+        onClick: u
+      }, [n("span", {
+        class: t.e("content")
+      }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {
+        class: t.e("close"),
+        onClick: r
+      }, [n(g, {
+        icon: "vi-close"
+      }, null)]) : ""]);
+    };
+    return () => {
+      let o;
+      return e.disableTransitions ? a() : n(p, {
+        name: `${t.namespace.value}-zoom-in-center`,
+        appear: !0
+      }, k(o = a()) ? o : {
+        default: () => [o]
+      });
+    };
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=tag.vue2.mjs.map

package/es/components/tag/tag.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.vue2.mjs","sources":["../../../../../packages/components/tag/tag.vue"],"sourcesContent":["<script lang=\"tsx\" setup>\nimport { useSize } from 'element-plus';\nimport { type ComponentSize } from '../types';\nimport Icon from '@vft-ui/components/icon';\nimport { computed, Transition, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport type { TagType } from './types';\n\ninterface Props {\n  closable?: boolean;\n  type?: TagType;\n  hit?: boolean;\n  disableTransitions?: boolean;\n  color?: string;\n  size?: ComponentSize;\n  effect?: 'dark' | 'light' | 'plain';\n  round?: boolean;\n}\n\ndefineProps({\n  \"closable\": { type: Boolean,  },\n  \"type\": null,\n  \"hit\": { type: Boolean,  },\n  \"disableTransitions\": { type: Boolean, default: true },\n  \"color\": null,\n  \"size\": null,\n  \"effect\": { default: 'light' },\n  \"round\": { type: Boolean,  }\n})\n\nconst emit = defineEmits(['close', 'click']);\nconst slots = useSlots();\n\nconst tagSize = useSize();\nconst ns = useNamespace('tag');\nconst classes = computed(() => {\n  return [\n    ns.b(),\n    ns.is('closable', __props.closable),\n    ns.m(__props.type),\n    ns.m(tagSize.value),\n    ns.m(__props.effect),\n    ns.is('hit', __props.hit),\n    ns.is('round', __props.round)\n  ];\n});\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event);\n};\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n\nconst renderTag = () => {\n  return <span class={classes.value}\n    style={{ backgroundColor: __props.color }} onClick={handleClick}>\n    <span class={ns.e('content')}>\n      {slots.default?.()}\n    </span>\n    {\n      __props.closable ? <div class={ns.e('close')} onClick={handleClose}>\n        <Icon icon=\"vi-close\" />\n      </div> : ''\n    }\n  </span>;\n};\n\ndefineRender(() => {\n  return __props.disableTransitions ? renderTag() :\n    <Transition name={`${ns.namespace.value}-zoom-in-center`} appear>\n      {renderTag()}\n    </Transition>;\n});\n</script>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","slots","useSlots","tagSize","useSize","ns","useNamespace","classes","computed","b","is","__props","closable","m","type","value","effect","hit","round","handleClose","event","emit","handleClick","renderTag","_createVNode","backgroundColor","color","e","default","Icon","_slot","disableTransitions","Transition","namespace"],"mappings":";;;;;;;;;;AAK6C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B7C,UAAMM,IAAQC,KAERC,IAAUC,KACVC,IAAKC,EAAa,KAAK,GACvBC,IAAUC,EAAS,MAChB,CACLH,EAAGI,EAAC,GACJJ,EAAGK,GAAG,YAAYC,EAAQC,QAAQ,GAClCP,EAAGQ,EAAEF,EAAQG,IAAI,GACjBT,EAAGQ,EAAEV,EAAQY,KAAK,GAClBV,EAAGQ,EAAEF,EAAQK,MAAM,GACnBX,EAAGK,GAAG,OAAOC,EAAQM,GAAG,GACxBZ,EAAGK,GAAG,SAASC,EAAQO,KAAK,CAAC,CAEhC,GAGKC,IAAeC,CAAAA,MAAsB;AACzCC,MAAAA,EAAK,SAASD,CAAK;AAAA,OAGfE,IAAeF,CAAAA,MAAsB;AACzCC,MAAAA,EAAK,SAASD,CAAK;AAAA,OAGfG,IAAYA,MAAM;;AACtB,aAAAC,EAAA,QAAA;AAAA,QAAA,OAAoBjB,EAAQQ;AAAAA,QAAK,OACxB;AAAA,UAAEU,iBAAiBd,EAAQe;AAAAA,QAAO;AAAA,QAAA,SAAWJ;AAAAA,MAAW,GAAA,CAAAE,EAAA,QAAA;AAAA,QAAA,OAClDnB,EAAGsB,EAAE,SAAS;AAAA,SACxB1B,EAAAA,IAAAA,EAAM2B,YAAN3B,gBAAAA,EAAAA,KAAAA,EAAiB,IAGlBU,EAAQC,WAAQY,EAAA,OAAA;AAAA,QAAA,OAAenB,EAAGsB,EAAE,OAAO;AAAA,QAAC,SAAWR;AAAAA,SAAWK,CAAAA,EAAAK,GAAA;AAAA,QAAA,MACrD;AAAA,MAAU,GAAA,IAAA,CAAA,CAAA,IACd,EAAE,CAAA;AAAA;AAKJ,WAAA,MAAM;AAAA,UAAAC;AACjB,aAAOnB,EAAQoB,qBAAqBR,EAAS,IAAEC,EAAAQ,GAAA;AAAA,QAAA,MAC1B,GAAE3B,EAAG4B,UAAUlB;AAAAA,QAAsB,QAAA;AAAA,MAAA,GAAArB,EAAAoC,IACrDP,EAAW,CAAA,IAAAO,IAAA;AAAA,QAAAF,SAAAA,MAAA,CAAAE,CAAA;AAAA,OACD;AAAA;;;"}

package/es/components/tag/types.d.ts

@@ -0,0 +1 @@
+export type TagType = 'success' | 'info' | 'warning' | 'danger' | '';

package/es/components/tag/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/components/tag/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/tooltip/index.d.ts

@@ -1,6 +1,6 @@
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -60,7 +60,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     fallbackPlacements: {
-        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement[] | undefined>;
         required: false;
     };
     gpuAcceleration: {
@@ -72,11 +72,11 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     strategy: {
@@ -92,7 +92,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     visible: {
@@ -195,9 +195,9 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     onOpen: (event?: Event | undefined) => void;
     onClose: (event?: Event | undefined) => void;
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -257,7 +257,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     fallbackPlacements: {
-        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement[] | undefined>;
         required: false;
     };
     gpuAcceleration: {
@@ -269,11 +269,11 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     strategy: {
@@ -289,7 +289,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     visible: {
@@ -386,11 +386,11 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftTooltip;
 export * from './types';

package/es/components/tooltip/tooltip.vue.d.ts

@@ -54,7 +54,7 @@ export interface ToolTipProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -146,7 +146,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     visible: {
@@ -270,9 +270,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description expose hide function
      */
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -364,7 +364,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     visible: {
@@ -461,10 +461,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-namespace';
+export * from './use-cursor';
 export * from './use-popper';
 export * from './use-z-index';
 export * from './use-forward-ref';

package/es/hooks/index.mjs

@@ -1,35 +1,38 @@
-import { _bem as r, defaultNamespace as t, namespaceContextKey as p, useGetDerivedNamespace as s, useNamespace as m } from "./use-namespace/index.mjs";
-import { usePopper as a } from "./use-popper/index.mjs";
-import { useZIndex as x, zIndexContextKey as f } from "./use-z-index/index.mjs";
-import { FORWARD_REF_INJECTION_KEY as l, useForwardRef as I, useForwardRefDirective as i } from "./use-forward-ref/index.mjs";
-import { ID_INJECTION_KEY as C, useId as c, useIdInjection as N } from "./use-id/index.mjs";
-import { usePopperContainer as E, usePopperContainerId as _ } from "./use-popper-container/index.mjs";
-import { useDelayedToggle as R } from "./use-delayed-toggle/index.mjs";
-import { useTimeout as K } from "./use-timeout/index.mjs";
-import { useOrderedChildren as y } from "./use-ordered-children/index.mjs";
-import { createModelToggleComposable as P, useModelToggle as b, useModelToggleEmits as v } from "./use-model-toggle/index.mjs";
+import { _bem as r, defaultNamespace as t, namespaceContextKey as s, useGetDerivedNamespace as p, useNamespace as u } from "./use-namespace/index.mjs";
+import { useCursor as a } from "./use-cursor/index.mjs";
+import { usePopper as x } from "./use-popper/index.mjs";
+import { defaultInitialZIndex as n, useZIndex as l, zIndexContextKey as I } from "./use-z-index/index.mjs";
+import { FORWARD_REF_INJECTION_KEY as C, useForwardRef as g, useForwardRefDirective as c } from "./use-forward-ref/index.mjs";
+import { ID_INJECTION_KEY as T, useId as E, useIdInjection as _ } from "./use-id/index.mjs";
+import { usePopperContainer as R, usePopperContainerId as F } from "./use-popper-container/index.mjs";
+import { useDelayedToggle as O } from "./use-delayed-toggle/index.mjs";
+import { useTimeout as M } from "./use-timeout/index.mjs";
+import { useOrderedChildren as b } from "./use-ordered-children/index.mjs";
+import { createModelToggleComposable as w, useModelToggle as J, useModelToggleEmits as Y } from "./use-model-toggle/index.mjs";
 export {
-  l as FORWARD_REF_INJECTION_KEY,
-  C as ID_INJECTION_KEY,
+  C as FORWARD_REF_INJECTION_KEY,
+  T as ID_INJECTION_KEY,
   r as _bem,
-  P as createModelToggleComposable,
+  w as createModelToggleComposable,
+  n as defaultInitialZIndex,
   t as defaultNamespace,
-  p as namespaceContextKey,
-  R as useDelayedToggle,
-  I as useForwardRef,
-  i as useForwardRefDirective,
-  s as useGetDerivedNamespace,
-  c as useId,
-  N as useIdInjection,
-  b as useModelToggle,
-  v as useModelToggleEmits,
-  m as useNamespace,
-  y as useOrderedChildren,
-  a as usePopper,
-  E as usePopperContainer,
-  _ as usePopperContainerId,
-  K as useTimeout,
-  x as useZIndex,
-  f as zIndexContextKey
+  s as namespaceContextKey,
+  a as useCursor,
+  O as useDelayedToggle,
+  g as useForwardRef,
+  c as useForwardRefDirective,
+  p as useGetDerivedNamespace,
+  E as useId,
+  _ as useIdInjection,
+  J as useModelToggle,
+  Y as useModelToggleEmits,
+  u as useNamespace,
+  b as useOrderedChildren,
+  x as usePopper,
+  R as usePopperContainer,
+  F as usePopperContainerId,
+  M as useTimeout,
+  l as useZIndex,
+  I as zIndexContextKey
 };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/es/hooks/use-cursor/index.d.ts

@@ -0,0 +1,2 @@
+import type { ShallowRef } from 'vue';
+export declare function useCursor(input: ShallowRef<HTMLInputElement | undefined>): [() => void, () => void];

package/es/hooks/use-cursor/index.mjs

@@ -0,0 +1,41 @@
+import { ref as f } from "vue";
+function d(r) {
+  const s = f();
+  function i() {
+    if (r.value == null)
+      return;
+    const { selectionStart: e, selectionEnd: t, value: o } = r.value;
+    if (e == null || t == null)
+      return;
+    const l = o.slice(0, Math.max(0, e)), n = o.slice(Math.max(0, t));
+    s.value = {
+      selectionStart: e,
+      selectionEnd: t,
+      value: o,
+      beforeTxt: l,
+      afterTxt: n
+    };
+  }
+  function u() {
+    if (r.value == null || s.value == null)
+      return;
+    const { value: e } = r.value, { beforeTxt: t, afterTxt: o, selectionStart: l } = s.value;
+    if (t == null || o == null || l == null)
+      return;
+    let n = e.length;
+    if (e.endsWith(o))
+      n = e.length - o.length;
+    else if (e.startsWith(t))
+      n = t.length;
+    else {
+      const c = t[l - 1], a = e.indexOf(c, l - 1);
+      a !== -1 && (n = a + 1);
+    }
+    r.value.setSelectionRange(n, n);
+  }
+  return [i, u];
+}
+export {
+  d as useCursor
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-cursor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-cursor/index.ts"],"sourcesContent":["import { ref } from 'vue'\n\nimport type { ShallowRef } from 'vue'\n\n// Keep input cursor in the correct position when we use formatter.\nexport function useCursor(\n  input: ShallowRef<HTMLInputElement | undefined>\n): [() => void, () => void] {\n  const selectionRef = ref<{\n    selectionStart?: number\n    selectionEnd?: number\n    value?: string\n    beforeTxt?: string\n    afterTxt?: string\n  }>()\n\n  function recordCursor() {\n    if (input.value == undefined) return\n\n    const { selectionStart, selectionEnd, value } = input.value\n\n    if (selectionStart == null || selectionEnd == null) return\n\n    const beforeTxt = value.slice(0, Math.max(0, selectionStart))\n    const afterTxt = value.slice(Math.max(0, selectionEnd))\n\n    selectionRef.value = {\n      selectionStart,\n      selectionEnd,\n      value,\n      beforeTxt,\n      afterTxt,\n    }\n  }\n  function setCursor() {\n    if (input.value == undefined || selectionRef.value == undefined) return\n\n    const { value } = input.value\n    const { beforeTxt, afterTxt, selectionStart } = selectionRef.value\n\n    if (\n      beforeTxt == undefined ||\n      afterTxt == undefined ||\n      selectionStart == undefined\n    )\n      return\n\n    let startPos = value.length\n\n    if (value.endsWith(afterTxt)) {\n      startPos = value.length - afterTxt.length\n    } else if (value.startsWith(beforeTxt)) {\n      startPos = beforeTxt.length\n    } else {\n      const beforeLastChar = beforeTxt[selectionStart - 1]\n      const newIndex = value.indexOf(beforeLastChar, selectionStart - 1)\n      if (newIndex !== -1) {\n        startPos = newIndex + 1\n      }\n    }\n\n    input.value.setSelectionRange(startPos, startPos)\n  }\n\n  return [recordCursor, setCursor]\n}\n"],"names":["useCursor","input","selectionRef","ref","recordCursor","selectionStart","selectionEnd","value","beforeTxt","afterTxt","setCursor","startPos","beforeLastChar","newIndex"],"mappings":";AAKO,SAASA,EACdC,GAC0B;AAC1B,QAAMC,IAAeC;AAQrB,WAASC,IAAe;AACtB,QAAIH,EAAM,SAAS;AAAW;AAE9B,UAAM,EAAE,gBAAAI,GAAgB,cAAAC,GAAc,OAAAC,EAAA,IAAUN,EAAM;AAElD,QAAAI,KAAkB,QAAQC,KAAgB;AAAM;AAE9C,UAAAE,IAAYD,EAAM,MAAM,GAAG,KAAK,IAAI,GAAGF,CAAc,CAAC,GACtDI,IAAWF,EAAM,MAAM,KAAK,IAAI,GAAGD,CAAY,CAAC;AAEtD,IAAAJ,EAAa,QAAQ;AAAA,MACnB,gBAAAG;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ;AACA,WAASC,IAAY;AACnB,QAAIT,EAAM,SAAS,QAAaC,EAAa,SAAS;AAAW;AAE3D,UAAA,EAAE,OAAAK,EAAM,IAAIN,EAAM,OAClB,EAAE,WAAAO,GAAW,UAAAC,GAAU,gBAAAJ,EAAA,IAAmBH,EAAa;AAE7D,QACEM,KAAa,QACbC,KAAY,QACZJ,KAAkB;AAElB;AAEF,QAAIM,IAAWJ,EAAM;AAEjB,QAAAA,EAAM,SAASE,CAAQ;AACd,MAAAE,IAAAJ,EAAM,SAASE,EAAS;AAAA,aAC1BF,EAAM,WAAWC,CAAS;AACnC,MAAAG,IAAWH,EAAU;AAAA,SAChB;AACC,YAAAI,IAAiBJ,EAAUH,IAAiB,CAAC,GAC7CQ,IAAWN,EAAM,QAAQK,GAAgBP,IAAiB,CAAC;AACjE,MAAIQ,MAAa,OACfF,IAAWE,IAAW;AAAA,IAE1B;AAEM,IAAAZ,EAAA,MAAM,kBAAkBU,GAAUA,CAAQ;AAAA,EAClD;AAEO,SAAA,CAACP,GAAcM,CAAS;AACjC;"}

package/es/hooks/use-namespace/index.d.ts

@@ -2,9 +2,9 @@ import type { InjectionKey, Ref } from 'vue';
 export declare const defaultNamespace = "vft";
 export declare const _bem: (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => string;
 export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
-export declare const useGetDerivedNamespace: () => import("vue").ComputedRef<string>;
-export declare const useNamespace: (block: string) => {
-    namespace: Ref<string>;
+export declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string>) => import("vue").ComputedRef<string>;
+export declare const useNamespace: (block: string, namespaceOverrides?: Ref<string>) => {
+    namespace: import("vue").ComputedRef<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;
     m: (modifier?: string) => string;

package/es/hooks/use-namespace/index.mjs

@@ -1,12 +1,12 @@
-import { inject as p, ref as m, computed as N, unref as V } from "vue";
-const v = "vft", l = "is-", c = (a, t, u, o, $) => {
-  let r = `${a}-${t}`;
-  return u && (r += `-${u}`), o && (r += `__${o}`), $ && (r += `--${$}`), r;
-}, y = Symbol("localeContextKey"), P = () => {
-  const a = p(y, m(v));
-  return N(() => V(a) || v);
-}, d = (a) => {
-  const t = m("vft");
+import { inject as v, ref as p, computed as N, unref as V } from "vue";
+const m = "vft", l = "is-", c = (a, r, t, o, $) => {
+  let u = `${a}-${r}`;
+  return t && (u += `-${t}`), o && (u += `__${o}`), $ && (u += `--${$}`), u;
+}, y = Symbol("localeContextKey"), B = (a) => {
+  const r = a || v(y, p(m));
+  return N(() => V(r) || m);
+}, g = (a, r) => {
+  const t = B(r);
   return {
     namespace: t,
     b: (s = "") => c(t.value, a, s, "", ""),
@@ -39,9 +39,9 @@ const v = "vft", l = "is-", c = (a, t, u, o, $) => {
 };
 export {
   c as _bem,
-  v as defaultNamespace,
+  m as defaultNamespace,
   y as namespaceContextKey,
-  P as useGetDerivedNamespace,
-  d as useNamespace
+  B as useGetDerivedNamespace,
+  g as useNamespace
 };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-namespace/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const defaultNamespace = 'vft';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n  let cls = `${namespace}-${block}`;\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`;\n  }\n  if (element) {\n    cls += `__${element}`;\n  }\n  if (modifier) {\n    cls += `--${modifier}`;\n  }\n  return cls;\n};\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n  Symbol('localeContextKey')\n\nexport const useGetDerivedNamespace = () => {\n  const derivedNamespace = inject(namespaceContextKey, ref(defaultNamespace))\n  const namespace = computed(() => {\n    return unref(derivedNamespace) || defaultNamespace\n  })\n  return namespace\n}\n\nexport const useNamespace = (block: string) => {\n  // const namespace = useGlobalConfig('namespace', defaultNamespace);\n  const namespace = ref('vft');\n  // vri-button | (test) = vri-button-test\n  const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n  // e('test'): vri-button__test\n  const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n  // m('test'): vri-button--test\n  const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n  // be('test'): vri-button-par__sub\n  const be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n  // em('test'): vri-button__par--sub\n  const em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n  // bm('test'): vri-button-par--sub\n  const bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n  // bem('test'): vri-button-par__sub--sun\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n  // is('show', true): is-show\n  const is: {\n    (name: string, state: boolean | undefined): string;\n    (name: string): string;\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true;\n    return name && state ? `${statePrefix}${name}` : '';\n  };\n\n  // cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vri-border-style\": \"solid\",\"--vri-border-width\": \"10px\" }\n  const cssVar = (object: Record<string, string|undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vri-button-border-style\": \"solid\", \"--vri-button-border-width\": \"10px\" }\n  const cssVarBlock = (object: Record<string, string | undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarName('test')：--vri-test\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\n  // cssVarBlockName('test')：--vri-button-test\n  const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName\n  };\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","namespaceContextKey","useGetDerivedNamespace","derivedNamespace","inject","ref","computed","unref","useNamespace","name","args","state","object","styles","key"],"mappings":";AAIO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC5G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACFG,KAAO,IAAIH,MAETC,MACFE,KAAO,KAAKF,MAEVC,MACFC,KAAO,KAAKD,MAEPC;AACT,GAEaC,IACX,OAAO,kBAAkB,GAEdC,IAAyB,MAAM;AAC1C,QAAMC,IAAmBC,EAAOH,GAAqBI,EAAIb,CAAgB,CAAC;AAInE,SAHWc,EAAS,MAClBC,EAAMJ,CAAgB,KAAKX,CACnC;AAEH,GAEagB,IAAe,CAACZ,MAAkB;AAEvC,QAAAD,IAAYU,EAAI,KAAK;AAoDpB,SAAA;AAAA,IACL,WAAAV;AAAA,IACA,GApDQ,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD9E,GAnDQ,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoDzF,GAlDQ,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD5F,IAjDS,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDxI,IAhDS,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiD/H,IA/CS,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD3I,KA9CU,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C9K,IA1CE,CAACU,MAAiBC,MAAqC;AACzD,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGlB,IAAcgB,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCa,CAACG,MAA6C;AAC3D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASmB,GAAK,IAAIF,EAAOE,CAAG;AAG/C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBiB,CAACJ,MAAiB,KAAKd,EAAU,SAASc;AAAA,IAkB3D,aA7BkB,CAACG,MAA+C;AAClE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASC,KAASkB,GAAK,IAAIF,EAAOE,CAAG;AAGxD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBsB,CAACJ,MAAiB,KAAKd,EAAU,SAASC,KAASa;AAAA,EAgBzE;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue';\n\nimport type { InjectionKey, Ref } from 'vue';\n\nexport const defaultNamespace = 'vft';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n\tlet cls = `${namespace}-${block}`;\n\tif (blockSuffix) {\n\t\tcls += `-${blockSuffix}`;\n\t}\n\tif (element) {\n\t\tcls += `__${element}`;\n\t}\n\tif (modifier) {\n\t\tcls += `--${modifier}`;\n\t}\n\treturn cls;\n};\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n\tSymbol('localeContextKey');\n\nexport const useGetDerivedNamespace = (namespaceOverrides?: Ref<string>) => {\n\tconst derivedNamespace =\n\t\tnamespaceOverrides || inject(namespaceContextKey, ref(defaultNamespace));\n\tconst namespace = computed(() => {\n\t\treturn unref(derivedNamespace) || defaultNamespace;\n\t});\n\treturn namespace;\n};\n\nexport const useNamespace = (block: string, namespaceOverrides?: Ref<string>) => {\n\t// const namespace = useGlobalConfig('namespace', defaultNamespace);\n\tconst namespace = useGetDerivedNamespace(namespaceOverrides)\n\t// vft-button | (test) = vft-button-test\n\tconst b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n\t// e('test'): vft-button__test\n\tconst e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n\t// m('test'): vft-button--test\n\tconst m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n\t// be('test'): vft-button-par__sub\n\tconst be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n\t// em('test'): vft-button__par--sub\n\tconst em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n\t// bm('test'): vft-button-par--sub\n\tconst bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n\t// bem('test'): vft-button-par__sub--sun\n\tconst bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n\t// is('show', true): is-show\n\tconst is: {\n\t\t(name: string, state: boolean | undefined): string;\n\t\t(name: string): string;\n\t} = (name: string, ...args: [boolean | undefined] | []) => {\n\t\tconst state = args.length >= 1 ? args[0]! : true;\n\t\treturn name && state ? `${statePrefix}${name}` : '';\n\t};\n\t\n\t// cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vft-border-style\": \"solid\",\"--vft-border-width\": \"10px\" }\n\tconst cssVar = (object: Record<string, string | undefined>) => {\n\t\tconst styles: Record<string, string> = {};\n\t\tfor (const key in object) {\n\t\t\tif (object[key]) {\n\t\t\t\tstyles[`--${namespace.value}-${key}`] = object[key]!;\n\t\t\t}\n\t\t}\n\t\treturn styles;\n\t};\n\t\n\t// cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vft-button-border-style\": \"solid\", \"--vft-button-border-width\": \"10px\" }\n\tconst cssVarBlock = (object: Record<string, string | undefined>) => {\n\t\tconst styles: Record<string, string> = {};\n\t\tfor (const key in object) {\n\t\t\tif (object[key]) {\n\t\t\t\tstyles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n\t\t\t}\n\t\t}\n\t\treturn styles;\n\t};\n\t\n\t// cssVarName('test')：--vft-test\n\tconst cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\t\n\t// cssVarBlockName('test')：--vft-button-test\n\tconst cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\t\n\treturn {\n\t\tnamespace,\n\t\tb,\n\t\te,\n\t\tm,\n\t\tbe,\n\t\tem,\n\t\tbm,\n\t\tbem,\n\t\tis,\n\t\t// css\n\t\tcssVar,\n\t\tcssVarName,\n\t\tcssVarBlock,\n\t\tcssVarBlockName\n\t};\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","namespaceContextKey","useGetDerivedNamespace","namespaceOverrides","derivedNamespace","inject","ref","computed","unref","useNamespace","name","args","state","object","styles","key"],"mappings":";AAIO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC7G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACHG,KAAO,IAAIH,MAERC,MACHE,KAAO,KAAKF,MAETC,MACHC,KAAO,KAAKD,MAENC;AACR,GAEaC,IACZ,OAAO,kBAAkB,GAEbC,IAAyB,CAACC,MAAqC;AAC3E,QAAMC,IACLD,KAAsBE,EAAOJ,GAAqBK,EAAId,CAAgB,CAAC;AAIjE,SAHWe,EAAS,MACnBC,EAAMJ,CAAgB,KAAKZ,CAClC;AAEF,GAEaiB,IAAe,CAACb,GAAeO,MAAqC;AAE1E,QAAAR,IAAYO,EAAuBC,CAAkB;AAoDpD,SAAA;AAAA,IACN,WAAAR;AAAA,IACA,GApDS,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD/E,GAnDS,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoD1F,GAlDS,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD7F,IAjDU,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDzI,IAhDU,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiDhI,IA/CU,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD5I,KA9CW,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C/K,IA1CG,CAACW,MAAiBC,MAAqC;AAC1D,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGnB,IAAciB,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCc,CAACG,MAA+C;AAC9D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACb,QAAAA,EAAOE,CAAG,MACbD,EAAO,KAAKnB,EAAU,SAASoB,GAAK,IAAIF,EAAOE,CAAG;AAG7C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBkB,CAACJ,MAAiB,KAAKf,EAAU,SAASe;AAAA,IAkB5D,aA7BmB,CAACG,MAA+C;AACnE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACb,QAAAA,EAAOE,CAAG,MACbD,EAAO,KAAKnB,EAAU,SAASC,KAASmB,GAAK,IAAIF,EAAOE,CAAG;AAGtD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBuB,CAACJ,MAAiB,KAAKf,EAAU,SAASC,KAASc;AAAA,EAgB1E;AAEF;"}

package/es/hooks/use-popper/index.d.ts

@@ -41,11 +41,11 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
+                auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
                 bottom?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/es/hooks/use-z-index/index.d.ts

@@ -1,7 +1,9 @@
 import type { InjectionKey, Ref } from 'vue';
+export declare const defaultInitialZIndex = 2000;
 export declare const zIndexContextKey: InjectionKey<Ref<number | undefined>>;
-export declare const useZIndex: () => {
+export declare const useZIndex: (zIndexOverrides?: Ref<number>) => {
     initialZIndex: import("vue").ComputedRef<number>;
     currentZIndex: import("vue").ComputedRef<number>;
     nextZIndex: () => number;
 };
+export type UseZIndexReturn = ReturnType<typeof useZIndex>;

package/es/hooks/use-z-index/index.mjs

@@ -1,9 +1,9 @@
-import { ref as c, inject as d, computed as o, unref as I } from "vue";
-import { isNumber as u } from "@vft/utils";
-const r = c(0), i = 2e3, s = Symbol("zIndexContextKey"), Z = () => {
-  const x = d(s, void 0), e = o(() => {
-    const t = I(x);
-    return u(t) ? t : i;
+import { ref as d, inject as I, computed as o, unref as u } from "vue";
+import { isNumber as i } from "@vft/utils";
+const r = d(0), s = 2e3, l = Symbol("zIndexContextKey"), f = (x) => {
+  const c = x || I(l, void 0), e = o(() => {
+    const t = u(c);
+    return i(t) ? t : s;
   }), n = o(() => e.value + r.value);
   return {
     initialZIndex: e,
@@ -12,7 +12,8 @@ const r = c(0), i = 2e3, s = Symbol("zIndexContextKey"), Z = () => {
   };
 };
 export {
-  Z as useZIndex,
-  s as zIndexContextKey
+  s as defaultInitialZIndex,
+  f as useZIndex,
+  l as zIndexContextKey
 };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-z-index/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\nimport { isNumber } from '@vft/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nconst zIndex = ref(0)\nconst defaultInitialZIndex = 2000\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n  Symbol('zIndexContextKey')\n\nexport const useZIndex = () => {\n  const zIndexInjection = inject(zIndexContextKey, undefined)\n  const initialZIndex = computed(() => {\n    const zIndexFromInjection = unref(zIndexInjection)\n    return isNumber(zIndexFromInjection)\n      ? zIndexFromInjection\n      : defaultInitialZIndex\n  })\n  const currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n\n  const nextZIndex = () => {\n    zIndex.value++\n    return currentZIndex.value\n  }\n\n  return {\n    initialZIndex,\n    currentZIndex,\n    nextZIndex,\n  }\n}\n"],"names":["zIndex","ref","defaultInitialZIndex","zIndexContextKey","useZIndex","zIndexInjection","inject","initialZIndex","computed","zIndexFromInjection","unref","isNumber","currentZIndex"],"mappings":";;AAKA,MAAMA,IAASC,EAAI,CAAC,GACdC,IAAuB,KAEhBC,IACX,OAAO,kBAAkB,GAEdC,IAAY,MAAM;AACvB,QAAAC,IAAkBC,EAAOH,GAAkB,MAAS,GACpDI,IAAgBC,EAAS,MAAM;AAC7B,UAAAC,IAAsBC,EAAML,CAAe;AAC1C,WAAAM,EAASF,CAAmB,IAC/BA,IACAP;AAAA,EAAA,CACL,GACKU,IAAgBJ,EAAS,MAAMD,EAAc,QAAQP,EAAO,KAAK;AAOhE,SAAA;AAAA,IACL,eAAAO;AAAA,IACA,eAAAK;AAAA,IACA,YARiB,OACVZ,EAAA,SACAY,EAAc;AAAA,EAMrB;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\nimport { isNumber } from '@vft/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nconst zIndex = ref(0)\nexport const defaultInitialZIndex = 2000\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n\tSymbol('zIndexContextKey')\n\nexport const useZIndex = (zIndexOverrides?: Ref<number>) => {\n\tconst zIndexInjection = zIndexOverrides || inject(zIndexContextKey, undefined)\n\tconst initialZIndex = computed(() => {\n\t\tconst zIndexFromInjection = unref(zIndexInjection)\n\t\treturn isNumber(zIndexFromInjection)\n\t\t\t? zIndexFromInjection\n\t\t\t: defaultInitialZIndex\n\t})\n\tconst currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n\t\n\tconst nextZIndex = () => {\n\t\tzIndex.value++\n\t\treturn currentZIndex.value\n\t}\n\t\n\treturn {\n\t\tinitialZIndex,\n\t\tcurrentZIndex,\n\t\tnextZIndex,\n\t}\n}\n\nexport type UseZIndexReturn = ReturnType<typeof useZIndex>\n"],"names":["zIndex","ref","defaultInitialZIndex","zIndexContextKey","useZIndex","zIndexOverrides","zIndexInjection","inject","initialZIndex","computed","zIndexFromInjection","unref","isNumber","currentZIndex"],"mappings":";;AAKA,MAAMA,IAASC,EAAI,CAAC,GACPC,IAAuB,KAEvBC,IACZ,OAAO,kBAAkB,GAEbC,IAAY,CAACC,MAAkC;AAC3D,QAAMC,IAAkBD,KAAmBE,EAAOJ,GAAkB,MAAS,GACvEK,IAAgBC,EAAS,MAAM;AAC9B,UAAAC,IAAsBC,EAAML,CAAe;AAC1C,WAAAM,EAASF,CAAmB,IAChCA,IACAR;AAAA,EAAA,CACH,GACKW,IAAgBJ,EAAS,MAAMD,EAAc,QAAQR,EAAO,KAAK;AAOhE,SAAA;AAAA,IACN,eAAAQ;AAAA,IACA,eAAAK;AAAA,IACA,YARkB,OACXb,EAAA,SACAa,EAAc;AAAA,EAMrB;AAEF;"}