vft 0.0.242 → 0.0.244

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", h.value)
     ]), d = Je({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), p = ot(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
+    }), ke = et(), p = tt(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), k = l(() => F?.validateState || ""), ae = l(

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

@@ -46,7 +46,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<"click" | "hover">;
     };
 }>, {
-    currentName: import("vue").Ref<import("./types").TabPaneName, import("./types").TabPaneName>;
+    currentName: import("vue").Ref<string | number, string | number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {

package/es/components/tabs/tab-pane.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as f, getCurrentInstance as C, useSlots as B, inject as g, ref as i, computed as u, watch as R, reactive as k, onMounted as w, onUnmounted as N, withDirectives as _, createCommentVNode as x, unref as o, createElementBlock as z, openBlock as S, normalizeClass as $, renderSlot as E, vShow as P } from "vue";
-import { eagerComputed as d } from "@vueuse/core";
+import { defineComponent as b, getCurrentInstance as C, useSlots as g, inject as R, ref as i, computed as f, watch as k, reactive as w, onBeforeUnmount as N, onBeforeUpdate as _, withDirectives as $, createCommentVNode as x, unref as n, createElementBlock as z, openBlock as E, normalizeClass as P, renderSlot as S, vShow as I } from "vue";
+import { eagerComputed as v } from "@vueuse/core";
 import "@vft/utils";
-import { throwError as j } from "../../utils/error.js";
+import { throwError as U } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { TabsRootContextKey as I } from "./types.js";
-const K = ["id", "aria-hidden", "aria-labelledby"], M = f({
+import { TabsRootContextKey as j } from "./types.js";
+const D = ["id", "aria-hidden", "aria-labelledby"], F = b({
   name: "vft-tab-pane"
-}), W = /* @__PURE__ */ f({
-  ...M,
+}), X = /* @__PURE__ */ b({
+  ...F,
   props: {
     label: {},
     name: {},
@@ -21,46 +21,48 @@ const K = ["id", "aria-hidden", "aria-labelledby"], M = f({
     lazy: { type: Boolean }
   },
   setup(a) {
-    const c = D("tab-pane"), n = C(), b = B(), t = g(I);
-    t || j(c.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
-    const v = i(), r = i(), y = u(() => a.closable || t.props.closable), e = d(
-      () => t.currentName.value === (a.name ?? r.value)
-    ), m = i(e.value), s = u(() => a.name ?? r.value), h = d(
-      () => !a.lazy || m.value || e.value
-    );
-    R(e, (l) => {
+    const c = V("tab-pane"), o = C(), u = g(), e = R(j);
+    e || U(c.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
+    const d = i(), r = i(), h = f(() => a.closable || e.props.closable), t = v(
+      () => e.currentName.value === (a.name ?? r.value)
+    ), m = i(t.value), s = f(() => a.name ?? r.value), y = v(
+      () => !a.lazy || m.value || t.value
+    ), B = () => d.value?.contains(document.activeElement);
+    k(t, (l) => {
       l && (m.value = !0);
     });
-    const p = k({
-      uid: n.uid,
-      slots: b,
-      props: n.props,
+    const p = w({
+      uid: o.uid,
+      getVnode: () => o.vnode,
+      slots: u,
+      props: o.props,
       paneName: s,
-      active: e,
+      active: t,
       index: r,
-      isClosable: y,
-      attrs: n.attrs
+      isClosable: h,
+      isFocusInsidePane: B,
+      attrs: o.attrs
     });
-    return w(() => {
-      t.registerPane(p);
-    }), N(() => {
-      t.unregisterPane(p.uid);
-    }), (l, T) => o(h) ? _((S(), z("div", {
+    return e.registerPane(p), N(() => {
+      e.unregisterPane(p.uid);
+    }), _(() => {
+      u.label && e.nav$.value?.scheduleRender();
+    }), (l, K) => n(y) ? $((E(), z("div", {
       key: 0,
       id: `pane-${s.value}`,
       ref_key: "paneRef",
-      ref: v,
-      class: $(o(c).b()),
+      ref: d,
+      class: P(n(c).b()),
       role: "tabpanel",
-      "aria-hidden": !o(e),
+      "aria-hidden": !n(t),
       "aria-labelledby": `tab-${s.value}`
     }, [
-      E(l.$slots, "default")
-    ], 10, K)), [
-      [P, o(e)]
+      S(l.$slots, "default")
+    ], 10, D)), [
+      [I, n(t)]
     ]) : x("", !0);
   }
 });
 export {
-  W as default
+  X as default
 };

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

@@ -27,7 +27,7 @@ export interface TabsProps {
     trigger?: 'click' | 'hover';
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>, {
-    currentName: import("vue").Ref<TabPaneName, TabPaneName>;
+    currentName: import("vue").Ref<string | number, string | number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {

package/es/components/tabs/tabs.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as I, getCurrentInstance as z, useSlots as F, computed as d, ref as h, watch as g, nextTick as M, provide as U, createVNode as l } from "vue";
+import { defineComponent as I, getCurrentInstance as h, useSlots as M, computed as l, ref as C, watch as g, nextTick as U, createVNode as c, provide as W } from "vue";
 import "@vueuse/core";
 import { isUndefined as v } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
-import { useOrderedChildren as $ } from "../../hooks/use-ordered-children/index.js";
+import { useOrderedChildren as D } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { UPDATE_MODEL_EVENT as D } from "@vft/constants";
-import O from "./tab-nav.vue2.js";
-import { TabsRootContextKey as K } from "./types.js";
-const j = I({
+import { UPDATE_MODEL_EVENT as O } from "@vft/constants";
+import K from "./tab-nav.vue2.js";
+import { TabsRootContextKey as j } from "./types.js";
+const q = I({
   name: "vft-tabs"
-}), ne = /* @__PURE__ */ I({
-  ...j,
+}), ie = /* @__PURE__ */ I({
+  ...q,
   props: {
     closable: {
       type: Boolean
@@ -57,106 +57,106 @@ const j = I({
     expose: w,
     emit: x
   }) {
-    const n = x, r = W("tabs"), u = z(), f = F(), T = d(() => ["left", "right"].includes(t.tabPosition)), {
-      children: m,
-      addChild: p,
-      removeChild: P,
-      ChildrenSorter: R
-    } = $(u, "vft-tab-pane"), c = h(), i = h(t.modelValue ?? "0"), b = async (e, a = !1) => {
+    const n = x, r = $("tabs"), T = h(), f = M(), p = l(() => ["left", "right"].includes(t.tabPosition)), {
+      children: u,
+      addChild: P,
+      removeChild: R,
+      ChildrenSorter: y
+    } = D(h(), "vft-tab-pane"), s = C(), i = C(t.modelValue ?? "0"), m = async (e, a = !1) => {
       if (!(i.value === e || v(e)))
         try {
           let o;
           if (t.beforeLeave) {
-            const s = t.beforeLeave(e, i.value);
-            o = s instanceof Promise ? await s : s;
+            const d = t.beforeLeave(e, i.value);
+            o = d instanceof Promise ? await d : d;
           } else
             o = !0;
           if (o !== !1) {
-            const s = m.value.find((S) => S.paneName === i.value)?.isFocusInsidePane();
-            i.value = e, a && (n(D, e), n("tabChange", e)), c.value?.removeFocus?.(), s && c.value?.focusActiveTab();
+            const d = u.value.find((F) => F.paneName === i.value)?.isFocusInsidePane();
+            i.value = e, a && (n(O, e), n("tabChange", e)), s.value?.removeFocus?.(), d && s.value?.focusActiveTab();
           }
         } catch {
         }
-    }, y = (e, a, o) => {
-      e.props.disabled || (n("tabClick", e, o), b(a, !0));
-    }, L = (e, a) => {
+    }, L = (e, a, o) => {
+      e.props.disabled || (n("tabClick", e, o), m(a, !0));
+    }, V = (e, a) => {
       e.props.disabled || v(e.props.name) || (a.stopPropagation(), n("edit", e.props.name, "remove"), n("tabRemove", e.props.name));
-    }, N = () => {
+    }, B = () => {
       n("edit", void 0, "add"), n("tabAdd");
-    }, C = (e) => {
+    }, b = (e) => {
       const a = e.el.firstChild, o = ["bottom", "right"].includes(t.tabPosition) ? e.children[0].el : e.children[1].el;
       a !== o && a.before(o);
     };
-    g(() => t.modelValue, (e) => b(e)), g(i, async () => {
-      await M(), c.value?.scrollToActiveTab();
+    g(() => t.modelValue, (e) => m(e)), g(i, async () => {
+      await U(), s.value?.scrollToActiveTab();
     });
-    const V = (e, a, o) => {
+    const N = (e, a, o) => {
       n("tabContextMenu", e, a, o);
-    };
-    U(K, {
-      props: u.props,
+    }, A = l(() => c("div", {
+      class: r.e("content")
+    }, [f.default?.()]));
+    W(j, {
+      props: T.props,
       currentName: i,
-      registerPane: p,
-      unregisterPane: P,
-      nav$: c
+      registerPane: P,
+      unregisterPane: R,
+      nav$: s
     }), w({
       currentName: i
     });
-    const B = d(() => ({
+    const E = l(() => ({
       icon: "icon-plus",
       size: 12,
       ...t.addIconCfg
-    })), A = d(() => ({
+    })), k = l(() => ({
       icon: "icon-close",
       size: 14,
       ...t.closeIconCfg
-    })), E = d(() => ({
+    })), S = l(() => ({
       icon: "icon-arrow-left",
       size: 18,
       ...t.arrowLeftIconCfg
-    })), k = d(() => ({
+    })), z = l(() => ({
       icon: "icon-arrow-right",
       size: 18,
       ...t.arrowRightIconCfg
     }));
     return () => {
-      const e = () => l(O, {
-        ref: c,
+      const e = () => c(K, {
+        ref: s,
         currentName: i.value,
         editable: t.editable,
-        panes: m.value,
+        panes: u.value,
         stretch: t.stretch,
         showBar: t.showBar,
-        closeIconCfg: A.value,
-        addIconCfg: B.value,
-        arrowRightIconCfg: k.value,
-        arrowLeftIconCfg: E.value,
+        closeIconCfg: k.value,
+        addIconCfg: E.value,
+        arrowRightIconCfg: z.value,
+        arrowLeftIconCfg: S.value,
         fixTabCount: t.fixTabCount,
         fixExtraScrollWidth: t.fixExtraScrollWidth,
         addable: t.addable,
         trigger: t.trigger,
-        onTabClick: y,
-        onTabRemove: L,
-        onTabAdd: N,
-        onTabContextmenu: V
-      }, null);
-      return l("div", {
-        class: [r.b(), r.m(t.tabPosition)],
-        onVnodeMounted: C,
-        onVnodeUpdated: C
-      }, [l("div", {
-        className: r.e("content")
-      }, [f.default?.()]), l("div", {
-        class: [r.e("header"), T.value && r.e("header-vertical"), r.is(t.tabPosition)]
-      }, [l(R, null, {
+        onTabClick: L,
+        onTabRemove: V,
+        onTabAdd: B,
+        onTabContextmenu: N
+      }, null), a = c("div", {
+        class: [r.e("header"), p.value && r.e("header-vertical"), r.is(t.tabPosition)]
+      }, [c(y, null, {
         default: e,
         $stable: !0
-      }), f.navRight ? l("div", {
+      }), f.navRight ? c("div", {
         class: "nav-right"
-      }, [f.navRight?.()]) : null])]);
+      }, [f.navRight?.()]) : null]);
+      return c("div", {
+        class: [r.b(), r.m(t.tabPosition)],
+        onVnodeMounted: b,
+        onVnodeUpdated: b
+      }, [A.value, a]);
     };
   }
 });
 export {
-  ne as default
+  ie as default
 };

package/es/hooks/use-ordered-children/index.d.ts

@@ -7,6 +7,8 @@ export declare const useOrderedChildren: <T extends ChildEssential>(vm: Componen
     children: import("vue").ShallowRef<T[], T[]>;
     addChild: (child: T) => void;
     removeChild: (child: T) => void;
-    ChildrenSorter: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ChildrenSorter: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 export {};

package/es/hooks/use-ordered-children/index.js

@@ -2,47 +2,47 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { flattedChildren as x } from "../../utils/vue/vnode.js";
-import { shallowRef as f, defineComponent as M, triggerRef as p, onMounted as O, isVNode as R } from "vue";
-const S = (l, u, r) => x(l.subTree).filter(
-  (e) => R(e) && e.type?.name === u && !!e.component
-).map((e) => e.component.uid).map((e) => r[e]).filter((e) => !!e), I = (l, u) => {
-  const r = f({}), c = f([]), d = /* @__PURE__ */ new WeakMap(), e = (t) => {
-    r.value[t.uid] = t, p(r), O(() => {
-      const o = t.getVnode().el, n = o.parentNode;
-      if (!d.has(n)) {
-        d.set(n, []);
-        const s = n.insertBefore.bind(n);
-        n.insertBefore = (i, a) => (d.get(n).some((m) => i === m || a === m) && p(r), s(i, a));
+import { flattedChildren as v } from "../../utils/vue/vnode.js";
+import { shallowRef as m, defineComponent as x, h as M, triggerRef as a, onMounted as O, isVNode as R } from "vue";
+const S = (u, c, t) => v(u.subTree).filter(
+  (e) => R(e) && e.type?.name === c && !!e.component
+).map((e) => e.component.uid).map((e) => t[e]).filter((e) => !!e), I = (u, c) => {
+  const t = m({}), s = m([]), d = /* @__PURE__ */ new WeakMap(), e = (n) => {
+    t.value[n.uid] = n, a(t), O(() => {
+      const r = n.getVnode().el, o = r.parentNode;
+      if (!d.has(o)) {
+        d.set(o, []);
+        const i = o.insertBefore.bind(o);
+        o.insertBefore = (l, p) => (d.get(o).some((h) => l === h || p === h) && a(t), i(l, p));
       }
-      d.get(n).push(o);
+      d.get(o).push(r);
     });
-  }, C = (t) => {
-    delete r.value[t.uid], p(r);
-    const o = t.getVnode().el, n = o.parentNode, s = d.get(n), i = s.indexOf(o);
-    s.splice(i, 1);
-  }, g = () => {
-    c.value = S(
-      l,
+  }, f = (n) => {
+    delete t.value[n.uid], a(t);
+    const r = n.getVnode().el, o = r.parentNode, i = d.get(o), l = i.indexOf(r);
+    i.splice(l, 1);
+  }, C = () => {
+    s.value = S(
       u,
-      r.value
-    );
-  }, N = (t) => t.render(), v = M({
-    setup(t, { slots: o }) {
-      return () => (g(), o.default ? (
+      c,
+      t.value
+    ), console.log(s.value, "---");
+  }, g = (n) => n.render(), N = x({
+    setup(n, { slots: r }) {
+      return () => (C(), r.default ? (
         // Create a new `ReactiveEffect` to ensure `ChildrenSorter` doesn't track any extra dependencies
         // @ts-ignore TODO: Remove this after Vue is upgraded
-        h(N, {
-          render: o.default
+        M(g, {
+          render: r.default
         })
       ) : null);
     }
   });
   return {
-    children: c,
+    children: s,
     addChild: e,
-    removeChild: C,
-    ChildrenSorter: v
+    removeChild: f,
+    ChildrenSorter: N
   };
 };
 export {

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.242",
+  "version": "0.0.244",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.242";
+const o = "0.0.244";
 export {
   o as version
 };

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:M}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),c=oe.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:M}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),c=te.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

package/lib/components/tabs/index.d.ts

@@ -46,7 +46,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<"click" | "hover">;
     };
 }>, {
-    currentName: import("vue").Ref<import("./types").TabPaneName, import("./types").TabPaneName>;
+    currentName: import("vue").Ref<string | number, string | number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {

package/lib/components/tabs/tab-pane.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vueuse/core");require("@vft/utils");const m=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./types.cjs"),h=["id","aria-hidden","aria-labelledby"],C=e.defineComponent({name:"vft-tab-pane"}),g=e.defineComponent({...C,props:{label:{},name:{},closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const l=y.useNamespace("tab-pane"),r=e.getCurrentInstance(),p=e.useSlots(),a=e.inject(q.TabsRootContextKey);a||m.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const f=e.ref(),o=e.ref(),b=e.computed(()=>n.closable||a.props.closable),t=d.eagerComputed(()=>a.currentName.value===(n.name??o.value)),i=e.ref(t.value),s=e.computed(()=>n.name??o.value),v=d.eagerComputed(()=>!n.lazy||i.value||t.value);e.watch(t,u=>{u&&(i.value=!0)});const c=e.reactive({uid:r.uid,slots:p,props:r.props,paneName:s,active:t,index:o,isClosable:b,attrs:r.attrs});return e.onMounted(()=>{a.registerPane(c)}),e.onUnmounted(()=>{a.unregisterPane(c.uid)}),(u,B)=>e.unref(v)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${s.value}`,ref_key:"paneRef",ref:f,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${s.value}`},[e.renderSlot(u.$slots,"default")],10,h)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vueuse/core");require("@vft/utils");const y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./types.cjs"),g=["id","aria-hidden","aria-labelledby"],C=e.defineComponent({name:"vft-tab-pane"}),B=e.defineComponent({...C,props:{label:{},name:{},closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const l=q.useNamespace("tab-pane"),r=e.getCurrentInstance(),i=e.useSlots(),t=e.inject(h.TabsRootContextKey);t||y.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const c=e.ref(),o=e.ref(),v=e.computed(()=>n.closable||t.props.closable),a=p.eagerComputed(()=>t.currentName.value===(n.name??o.value)),d=e.ref(a.value),s=e.computed(()=>n.name??o.value),b=p.eagerComputed(()=>!n.lazy||d.value||a.value),m=()=>c.value?.contains(document.activeElement);e.watch(a,u=>{u&&(d.value=!0)});const f=e.reactive({uid:r.uid,getVnode:()=>r.vnode,slots:i,props:r.props,paneName:s,active:a,index:o,isClosable:v,isFocusInsidePane:m,attrs:r.attrs});return t.registerPane(f),e.onBeforeUnmount(()=>{t.unregisterPane(f.uid)}),e.onBeforeUpdate(()=>{i.label&&t.nav$.value?.scheduleRender()}),(u,R)=>e.unref(b)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${s.value}`,ref_key:"paneRef",ref:c,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(a),"aria-labelledby":`tab-${s.value}`},[e.renderSlot(u.$slots,"default")],10,g)),[[e.vShow,e.unref(a)]]):e.createCommentVNode("",!0)}});exports.default=B;

package/lib/components/tabs/tabs.vue.d.ts

@@ -27,7 +27,7 @@ export interface TabsProps {
     trigger?: 'click' | 'hover';
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>, {
-    currentName: import("vue").Ref<TabPaneName, TabPaneName>;
+    currentName: import("vue").Ref<string | number, string | number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {

package/lib/components/tabs/tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const g=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const S=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const A=require("@vft/constants"),E=require("./tab-nav.vue2.cjs"),k=require("./types.cjs"),M=t.defineComponent({name:"vft-tabs"}),z=t.defineComponent({...M,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:h,emit:v}){const r=v,c=B.useNamespace("tabs"),u=t.getCurrentInstance(),d=t.useSlots(),m=t.computed(()=>["left","right"].includes(a.tabPosition)),{children:f,addChild:I,removeChild:w,ChildrenSorter:x}=S.useOrderedChildren(u,"vft-tab-pane"),s=t.ref(),i=t.ref(a.modelValue??"0"),b=async(e,n=!1)=>{if(!(i.value===e||g.isUndefined(e)))try{let o;if(a.beforeLeave){const l=a.beforeLeave(e,i.value);o=l instanceof Promise?await l:l}else o=!0;if(o!==!1){const l=f.value.find(L=>L.paneName===i.value)?.isFocusInsidePane();i.value=e,n&&(r(A.UPDATE_MODEL_EVENT,e),r("tabChange",e)),s.value?.removeFocus?.(),l&&s.value?.focusActiveTab()}}catch{}},T=(e,n,o)=>{e.props.disabled||(r("tabClick",e,o),b(n,!0))},N=(e,n)=>{e.props.disabled||g.isUndefined(e.props.name)||(n.stopPropagation(),r("edit",e.props.name,"remove"),r("tabRemove",e.props.name))},P=()=>{r("edit",void 0,"add"),r("tabAdd")},C=e=>{const n=e.el.firstChild,o=["bottom","right"].includes(a.tabPosition)?e.children[0].el:e.children[1].el;n!==o&&n.before(o)};t.watch(()=>a.modelValue,e=>b(e)),t.watch(i,async()=>{await t.nextTick(),s.value?.scrollToActiveTab()});const V=(e,n,o)=>{r("tabContextMenu",e,n,o)};t.provide(k.TabsRootContextKey,{props:u.props,currentName:i,registerPane:I,unregisterPane:w,nav$:s}),h({currentName:i});const q=t.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),y=t.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),R=t.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),p=t.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg}));return()=>{const e=()=>t.createVNode(E.default,{ref:s,currentName:i.value,editable:a.editable,panes:f.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:y.value,addIconCfg:q.value,arrowRightIconCfg:p.value,arrowLeftIconCfg:R.value,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,trigger:a.trigger,onTabClick:T,onTabRemove:N,onTabAdd:P,onTabContextmenu:V},null);return t.createVNode("div",{class:[c.b(),c.m(a.tabPosition)],onVnodeMounted:C,onVnodeUpdated:C},[t.createVNode("div",{className:c.e("content")},[d.default?.()]),t.createVNode("div",{class:[c.e("header"),m.value&&c.e("header-vertical"),c.is(a.tabPosition)]},[t.createVNode(x,null,{default:e,$stable:!0}),d.navRight?t.createVNode("div",{class:"nav-right"},[d.navRight?.()]):null])])}}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const C=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const A=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("@vft/constants"),k=require("./tab-nav.vue2.cjs"),M=require("./types.cjs"),z=t.defineComponent({name:"vft-tabs"}),F=t.defineComponent({...z,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:g,emit:h}){const r=h,c=S.useNamespace("tabs"),v=t.getCurrentInstance(),d=t.useSlots(),m=t.computed(()=>["left","right"].includes(a.tabPosition)),{children:u,addChild:I,removeChild:w,ChildrenSorter:x}=A.useOrderedChildren(t.getCurrentInstance(),"vft-tab-pane"),s=t.ref(),i=t.ref(a.modelValue??"0"),f=async(e,n=!1)=>{if(!(i.value===e||C.isUndefined(e)))try{let o;if(a.beforeLeave){const l=a.beforeLeave(e,i.value);o=l instanceof Promise?await l:l}else o=!0;if(o!==!1){const l=u.value.find(B=>B.paneName===i.value)?.isFocusInsidePane();i.value=e,n&&(r(E.UPDATE_MODEL_EVENT,e),r("tabChange",e)),s.value?.removeFocus?.(),l&&s.value?.focusActiveTab()}}catch{}},T=(e,n,o)=>{e.props.disabled||(r("tabClick",e,o),f(n,!0))},N=(e,n)=>{e.props.disabled||C.isUndefined(e.props.name)||(n.stopPropagation(),r("edit",e.props.name,"remove"),r("tabRemove",e.props.name))},P=()=>{r("edit",void 0,"add"),r("tabAdd")},b=e=>{const n=e.el.firstChild,o=["bottom","right"].includes(a.tabPosition)?e.children[0].el:e.children[1].el;n!==o&&n.before(o)};t.watch(()=>a.modelValue,e=>f(e)),t.watch(i,async()=>{await t.nextTick(),s.value?.scrollToActiveTab()});const V=(e,n,o)=>{r("tabContextMenu",e,n,o)},q=t.computed(()=>t.createVNode("div",{class:c.e("content")},[d.default?.()]));t.provide(M.TabsRootContextKey,{props:v.props,currentName:i,registerPane:I,unregisterPane:w,nav$:s}),g({currentName:i});const y=t.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),p=t.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),R=t.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),L=t.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg}));return()=>{const e=()=>t.createVNode(k.default,{ref:s,currentName:i.value,editable:a.editable,panes:u.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:p.value,addIconCfg:y.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:R.value,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,trigger:a.trigger,onTabClick:T,onTabRemove:N,onTabAdd:P,onTabContextmenu:V},null),n=t.createVNode("div",{class:[c.e("header"),m.value&&c.e("header-vertical"),c.is(a.tabPosition)]},[t.createVNode(x,null,{default:e,$stable:!0}),d.navRight?t.createVNode("div",{class:"nav-right"},[d.navRight?.()]):null]);return t.createVNode("div",{class:[c.b(),c.m(a.tabPosition)],onVnodeMounted:b,onVnodeUpdated:b},[q.value,n])}}});exports.default=F;

package/lib/hooks/use-ordered-children/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../utils/vue/vnode.cjs"),d=require("vue"),q=(u,c,t)=>N.flattedChildren(u.subTree).filter(e=>d.isVNode(e)&&e.type?.name===c&&!!e.component).map(e=>e.component.uid).map(e=>t[e]).filter(e=>!!e),R=(u,c)=>{const t=d.shallowRef({}),a=d.shallowRef([]),s=new WeakMap,e=r=>{t.value[r.uid]=r,d.triggerRef(t),d.onMounted(()=>{const o=r.getVnode().el,n=o.parentNode;if(!s.has(n)){s.set(n,[]);const i=n.insertBefore.bind(n);n.insertBefore=(l,f)=>(s.get(n).some(p=>l===p||f===p)&&d.triggerRef(t),i(l,f))}s.get(n).push(o)})},g=r=>{delete t.value[r.uid],d.triggerRef(t);const o=r.getVnode().el,n=o.parentNode,i=s.get(n),l=i.indexOf(o);i.splice(l,1)},C=()=>{a.value=q(u,c,t.value)},m=r=>r.render(),v=d.defineComponent({setup(r,{slots:o}){return()=>(C(),o.default?h(m,{render:o.default}):null)}});return{children:a,addChild:e,removeChild:g,ChildrenSorter:v}};exports.useOrderedChildren=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const v=require("../../utils/vue/vnode.cjs"),t=require("vue"),N=(c,a,o)=>v.flattedChildren(c.subTree).filter(e=>t.isVNode(e)&&e.type?.name===a&&!!e.component).map(e=>e.component.uid).map(e=>o[e]).filter(e=>!!e),q=(c,a)=>{const o=t.shallowRef({}),i=t.shallowRef([]),s=new WeakMap,e=r=>{o.value[r.uid]=r,t.triggerRef(o),t.onMounted(()=>{const d=r.getVnode().el,n=d.parentNode;if(!s.has(n)){s.set(n,[]);const l=n.insertBefore.bind(n);n.insertBefore=(u,h)=>(s.get(n).some(f=>u===f||h===f)&&t.triggerRef(o),l(u,h))}s.get(n).push(d)})},g=r=>{delete o.value[r.uid],t.triggerRef(o);const d=r.getVnode().el,n=d.parentNode,l=s.get(n),u=l.indexOf(d);l.splice(u,1)},p=()=>{i.value=N(c,a,o.value),console.log(i.value,"---")},C=r=>r.render(),m=t.defineComponent({setup(r,{slots:d}){return()=>(p(),d.default?t.h(C,{render:d.default}):null)}});return{children:i,addChild:e,removeChild:g,ChildrenSorter:m}};exports.useOrderedChildren=q;

package/lib/hooks/use-ordered-children/index.d.ts

@@ -7,6 +7,8 @@ export declare const useOrderedChildren: <T extends ChildEssential>(vm: Componen
     children: import("vue").ShallowRef<T[], T[]>;
     addChild: (child: T) => void;
     removeChild: (child: T) => void;
-    ChildrenSorter: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ChildrenSorter: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 export {};

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.242";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.244";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.242",
+  "version": "0.0.244",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.242",
+  "version": "0.0.244",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,11 +55,11 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "@vft/router": "0.0.57",
-    "@vft/utils": "0.0.114",
-    "@vft/store": "0.0.42",
     "@vft/constants": "0.0.71",
-    "@vft/directives": "0.0.29",
-    "@vft/use": "0.0.54"
+    "@vft/store": "0.0.42",
+    "@vft/utils": "0.0.114",
+    "@vft/use": "0.0.54",
+    "@vft/directives": "0.0.29"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.242","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.244","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}