vft 0.0.249 → 0.0.252

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

@@ -1,110 +1,21 @@
-import { defineComponent as V, getCurrentInstance as it, inject as at, ref as f, shallowRef as nt, computed as I, watch as z, onMounted as rt, onUpdated as lt, triggerRef as st, createVNode as c, mergeProps as ct, useSlots as ut, nextTick as M } from "vue";
-import { useDocumentVisibility as mt, useWindowFocus as ft, useResizeObserver as vt } from "@vueuse/core";
-import { capitalize as T } from "@vft/utils";
-import { throwError as pt } from "../../utils/error.js";
+import { defineComponent as V, getCurrentInstance as ae, inject as ne, ref as v, shallowRef as le, computed as I, watch as z, onMounted as se, onUpdated as ie, triggerRef as ce, createVNode as r, mergeProps as re, useSlots as ue, nextTick as M } from "vue";
+import { useDocumentVisibility as fe, useWindowFocus as ve, useResizeObserver as de } from "@vueuse/core";
+import { capitalize as p } from "@vft/utils";
+import { throwError as be } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
 import { VftIcon as k } from "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "./index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
 import { EVENT_CODE as B } from "@vft/constants";
-import { TabsRootContextKey as dt } from "./types.js";
-import bt from "./tab-bar.vue2.js";
-const gt = V({
+import { TabsRootContextKey as me } from "./types.js";
+import ge from "./tab-bar.vue2.js";
+const he = V({
   name: "vft-tab-nav"
-}), vo = /* @__PURE__ */ V({
-  ...gt,
+}), ze = /* @__PURE__ */ V({
+  ...he,
   props: {
     panes: {},
     editable: {
@@ -142,135 +53,135 @@ const gt = V({
     expose: D,
     emit: H
   }) {
-    const C = H, j = K("tab-nav"), q = it(), g = at(dt);
-    g || pt(j.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const i = K("tabs"), U = mt(), X = ft(), S = f(), v = f(), h = f(), F = f(), y = f({}), P = f(), u = f(!1), m = f(0), $ = f(!1), w = f(!0), N = nt(), x = I(() => ["top", "bottom"].includes(g.props.tabPosition) ? "width" : "height"), Y = I(() => ({
-      transform: `translate${x.value === "width" ? "X" : "Y"}(-${m.value}px)`
+    const x = H, j = K("tab-nav"), q = ae(), h = ne(me);
+    h || be(j.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const a = K("tabs"), U = fe(), X = ve(), S = v(), d = v(), C = v(), F = v(), y = v({}), P = v(), u = v(!1), f = v(0), $ = v(!1), R = v(!0), N = le(), w = I(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), Y = I(() => ({
+      transform: `translate${w.value === "width" ? "X" : "Y"}(-${f.value}px)`
     })), G = () => {
-      if (!v.value) return;
-      const t = v.value[`offset${T(x.value)}`], e = m.value;
-      e && (m.value = e > t ? e - t : 0);
+      if (!d.value) return;
+      const e = d.value[`offset${p(w.value)}`], t = f.value;
+      t && (f.value = t > e ? t - e : 0);
     }, J = () => {
-      if (!v.value || !h.value) return;
-      const t = h.value[`offset${T(x.value)}`], e = v.value[`offset${T(x.value)}`], n = m.value;
-      t - n <= e || (m.value = t - n > e * 2 ? n + e : t - e);
+      if (!d.value || !C.value) return;
+      const e = C.value[`offset${p(w.value)}`], t = d.value[`offset${p(w.value)}`], l = f.value;
+      e - l <= t || (f.value = e - l > t * 2 ? l + t : e - t);
     }, A = async () => {
-      const t = h.value, e = F.value;
-      if (!u.value || !S.value || !v.value || !t) return;
+      const e = C.value, t = F.value;
+      if (!u.value || !S.value || !d.value || !e) return;
       await M();
-      const n = y.value[o.currentName];
-      if (!n) return;
-      const R = v.value, p = ["top", "bottom"].includes(g.props.tabPosition), r = n.getBoundingClientRect(), a = R.getBoundingClientRect(), b = p ? t.offsetWidth - a.width : t.offsetHeight - a.height, s = m.value;
-      let d = s;
-      const l = o.fixTabCount ? (e?.offsetWidth || 0) + o.fixExtraScrollWidth : 0;
-      p ? (r.left - l < a.left && (d = s - (a.left - r.left + l)), r.right > a.right && (d = s + r.right - a.right)) : (r.top < a.top && (d = s - (a.top - r.top)), r.bottom > a.bottom && (d = s + (r.bottom - a.bottom))), d = Math.max(d, 0), m.value = Math.min(d, b);
+      const l = y.value[o.currentName];
+      if (!l) return;
+      const T = d.value, b = ["top", "bottom"].includes(h.props.tabPosition), s = l.getBoundingClientRect(), n = T.getBoundingClientRect(), g = b ? e.offsetWidth - n.width : e.offsetHeight - n.height, c = f.value;
+      let m = c;
+      const i = o.fixTabCount ? (t?.offsetWidth || 0) + o.fixExtraScrollWidth : 0;
+      b ? (s.left - i < n.left && (m = c - (n.left - s.left + i)), s.right > n.right && (m = c + s.right - n.right)) : (s.top < n.top && (m = c - (n.top - s.top)), s.bottom > n.bottom && (m = c + (s.bottom - n.bottom))), m = Math.max(m, 0), f.value = Math.min(m, g);
     }, E = () => {
-      if (!h.value || !v.value) return;
-      const t = h.value[`offset${T(x.value)}`], e = v.value[`offset${T(x.value)}`], n = m.value;
-      e < t ? (u.value = u.value || {}, u.value.prev = n, u.value.next = n + e < t, t - n < e && (m.value = t - e)) : (u.value = !1, n > 0 && (m.value = 0));
-    }, Q = (t) => {
-      const e = t.code, {
-        up: n,
-        down: R,
-        left: p,
-        right: r
+      if (!C.value || !d.value) return;
+      const e = C.value[`offset${p(w.value)}`], t = d.value[`offset${p(w.value)}`], l = f.value;
+      t < e ? (u.value = u.value || {}, u.value.prev = l, u.value.next = l + t < e, e - l < t && (f.value = e - t)) : (u.value = !1, l > 0 && (f.value = 0));
+    }, Q = (e) => {
+      const t = e.code, {
+        up: l,
+        down: T,
+        left: b,
+        right: s
       } = B;
-      if (![n, R, p, r].includes(e)) return;
-      const a = Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), b = a.indexOf(t.target);
-      let s;
-      e === p || e === n ? b === 0 ? s = a.length - 1 : s = b - 1 : b < a.length - 1 ? s = b + 1 : s = 0, a[s].focus(), a[s].click(), L();
+      if (![l, T, b, s].includes(t)) return;
+      const n = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), g = n.indexOf(e.target);
+      let c;
+      t === b || t === l ? g === 0 ? c = n.length - 1 : c = g - 1 : g < n.length - 1 ? c = g + 1 : c = 0, n[c].focus(), n[c].click(), L();
     }, L = () => {
-      w.value && ($.value = !0);
-    }, O = () => $.value = !1, Z = (t, e) => {
-      y.value[e] = t;
+      R.value && ($.value = !0);
+    }, O = () => $.value = !1, Z = (e, t) => {
+      y.value[t] = e;
     }, _ = async () => {
       await M(), y.value[o.currentName]?.focus({
         preventScroll: !0
       });
     };
-    z(U, (t) => {
-      t === "hidden" ? w.value = !1 : t === "visible" && setTimeout(() => w.value = !0, 50);
-    }), z(X, (t) => {
-      t ? setTimeout(() => w.value = !0, 50) : w.value = !1;
-    }), vt(S, E), rt(() => setTimeout(() => A(), 0)), lt(() => E()), D({
+    z(U, (e) => {
+      e === "hidden" ? R.value = !1 : e === "visible" && setTimeout(() => R.value = !0, 50);
+    }), z(X, (e) => {
+      e ? setTimeout(() => R.value = !0, 50) : R.value = !1;
+    }), de(S, E), se(() => setTimeout(() => A(), 0)), ie(() => E()), D({
       scrollToActiveTab: A,
       removeFocus: O,
       focusActiveTab: _,
-      tabListRef: h,
+      tabListRef: C,
       tabBarRef: P,
-      scheduleRender: () => st(N)
+      scheduleRender: () => ce(N)
     }), z(() => o.panes, () => q.update(), {
       flush: "post"
     });
-    const tt = I(() => u.value ? [c("span", {
-      class: [i.e("nav-prev"), i.is("disabled", !u.value.prev)],
+    const ee = I(() => u.value ? [r("span", {
+      class: [a.e("nav-prev"), a.is("disabled", !u.value.prev)],
       onClick: G
-    }, [o.arrowLeftIconCfg?.icon ? c(k, o.arrowLeftIconCfg, null) : null]), c("span", {
-      class: [i.e("nav-next"), i.is("disabled", !u.value.next)],
+    }, [o.arrowLeftIconCfg?.icon ? r(k, o.arrowLeftIconCfg, null) : null]), r("span", {
+      class: [a.e("nav-next"), a.is("disabled", !u.value.next)],
       onClick: J
-    }, [o.arrowRightIconCfg?.icon ? c(k, o.arrowRightIconCfg, null) : null])] : null), et = I(() => (t) => o.panes.slice(0, t)?.map((e, n) => {
-      const R = e.uid, p = e.props.disabled, r = e.props.name ?? e.index ?? `${n}`, a = !p && (e.isClosable || o.editable);
-      e.index = `${n}`;
-      const b = a ? c("span", {
+    }, [o.arrowRightIconCfg?.icon ? r(k, o.arrowRightIconCfg, null) : null])] : null), te = I(() => (e) => o.panes.slice(0, e)?.map((t, l) => {
+      const T = t.uid, b = t.props.disabled, s = t.props.name ?? t.index ?? `${l}`, n = !b && (t.isClosable || o.editable);
+      t.index = `${l}`;
+      const g = n ? r("span", {
         class: "is-icon-close",
-        onClick: (l) => C("tabRemove", e, l)
-      }, [o.closeIconCfg?.icon ? c(k, o.closeIconCfg, null) : null]) : null, s = e.slots.label?.() || e.props.label, d = !p && e.active ? 0 : -1;
-      return c("div", ct({
-        ref: (l) => Z(l, r),
-        class: [i.e("item"), i.is(g.props.tabPosition), i.is("active", e.active), i.is("disabled", p), i.is("closable", a), i.is("focus", $.value)],
-        id: `tab-${r}`,
-        key: `tab-${R}`,
-        "aria-controls": `pane-${r}`,
+        onClick: (i) => x("tabRemove", t, i)
+      }, [o.closeIconCfg?.icon ? r(k, o.closeIconCfg, null) : null]) : null, c = t.slots.label?.() || t.props.label, m = !b && t.active ? 0 : -1;
+      return r("div", re({
+        ref: (i) => Z(i, s),
+        class: [a.e("item"), a.is(h.props.tabPosition), a.is("active", t.active), a.is("disabled", b), a.is("closable", n), a.is("focus", $.value)],
+        id: `tab-${s}`,
+        key: `tab-${T}`,
+        "aria-controls": `pane-${s}`,
         role: "tab",
-        "aria-selected": e.active,
-        tabindex: d,
+        "aria-selected": t.active,
+        tabindex: m,
         onFocus: () => L(),
         onBlur: () => O()
       }, {
-        [o.trigger === "click" ? "onClick" : "onMouseenter"]: (l) => {
-          O(), C("tabClick", e, r, l);
+        [o.trigger === "click" ? "onClick" : "onMouseenter"]: (i) => {
+          O(), x("tabClick", t, s, i);
         }
       }, {
-        onContextmenu: (l) => {
-          l.preventDefault(), C("tabContextmenu", {
-            pane: e,
-            index: n,
-            event: l
+        onContextmenu: (i) => {
+          i.preventDefault(), x("tabContextmenu", {
+            pane: t,
+            index: l,
+            event: i
           });
         },
-        onKeydown: (l) => {
-          a && (l.code === B.delete || l.code === B.backspace) && C("tabRemove", e, l);
+        onKeydown: (i) => {
+          n && (i.code === B.delete || i.code === B.backspace) && x("tabRemove", t, i);
         }
-      }), [s, b]);
-    })), ot = o.editable || o.addable ? c("span", {
-      class: i.e("new-tab"),
+      }), [c, g]);
+    })), oe = o.editable || o.addable ? r("span", {
+      class: a.e("new-tab"),
       tabindex: "0",
-      onClick: () => C("tabAdd"),
-      onKeydown: (t) => {
-        t.code === B.enter && C("tabAdd");
+      onClick: () => x("tabAdd"),
+      onKeydown: (e) => {
+        e.code === B.enter && x("tabAdd");
       }
-    }, [o.addIconCfg?.icon ? c(k, o.addIconCfg, null) : null]) : null;
-    ut();
-    const W = (t = !1) => (N.value, o.panes.length > 0 ? c("div", {
-      class: [i.e("nav"), i.is(g.props.tabPosition), i.is("fixed-nav", t), i.is("stretch", o.stretch && ["top", "bottom"].includes(g.props.tabPosition))],
-      ref: t ? F : h,
-      style: t ? {} : Y.value,
+    }, [o.addIconCfg?.icon ? r(k, o.addIconCfg, null) : null]) : null;
+    ue();
+    const W = (e = !1) => (N.value, o.panes.length > 0 ? r("div", {
+      class: [a.e("nav"), a.is(h.props.tabPosition), a.is("fixed-nav", e), a.is("stretch", o.stretch && ["top", "bottom"].includes(h.props.tabPosition))],
+      ref: e ? F : C,
+      style: e ? {} : Y.value,
       role: "tablist",
       onKeydown: Q
-    }, [o.showBar ? c(bt, {
+    }, [o.showBar ? r(ge, {
       ref: P,
       tabs: [...o.panes],
       tabRefs: y.value
-    }, null) : null, et.value(t ? o.fixTabCount : void 0)]) : null);
-    return () => (N.value, c("div", {
+    }, null) : null, te.value(e ? o.fixTabCount : void 0)]) : null);
+    return () => (N.value, r("div", {
       ref: S,
-      class: [i.e("nav-wrap"), i.is("scrollable", !!u.value), i.is(g.props.tabPosition)]
-    }, [tt.value, c("div", {
-      class: [i.e("nav-scroll"), i.is("have-fixed-tab", !!o.fixTabCount)],
-      ref: v
-    }, [W(), o.fixTabCount ? W(!0) : null, ot])]));
+      class: [a.e("nav-wrap"), a.is("scrollable", !!u.value), a.is(h.props.tabPosition)]
+    }, [ee.value, r("div", {
+      class: [a.e("nav-scroll"), a.is("have-fixed-tab", !!o.fixTabCount)],
+      ref: d
+    }, [W(), o.fixTabCount ? W(!0) : null, oe])]));
   }
 });
 export {
-  vo as default
+  ze as default
 };

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

@@ -1,4 +1,5 @@
-import { type IconProps, type TabPaneName } from 'vft/es/components';
+import { type IconProps } from 'vft/es/components/icon';
+import { type TabPaneName } from 'vft/es/components/tabs';
 import { type VNode } from 'vue';
 export interface TabsProps {
     /** 标签是否可关闭 */

package/es/components/time-picker/common/picker-range-trigger.vue.d.ts

@@ -0,0 +1,84 @@
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+    "range-separator"?(_: {}): any;
+    suffix?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput) | (((new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+}>, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    mouseenter: (...args: any[]) => void;
+    mouseleave: (...args: any[]) => void;
+    touchstart: (...args: any[]) => void;
+    startInput: (...args: any[]) => void;
+    endInput: (...args: any[]) => void;
+    startChange: (...args: any[]) => void;
+    endChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput) | (((new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+}>> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onTouchstart?: ((...args: any[]) => any) | undefined;
+    onStartInput?: ((...args: any[]) => any) | undefined;
+    onEndInput?: ((...args: any[]) => any) | undefined;
+    onStartChange?: ((...args: any[]) => any) | undefined;
+    onEndChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/time-picker/common/picker-range-trigger.vue.js

@@ -0,0 +1,4 @@
+import f from "./picker-range-trigger.vue2.js";
+export {
+  f as default
+};

package/es/components/time-picker/common/picker-range-trigger.vue2.js

@@ -0,0 +1,100 @@
+import { defineComponent as m, ref as u, computed as $, createElementBlock as M, openBlock as T, normalizeStyle as w, normalizeClass as z, unref as o, renderSlot as a, createElementVNode as d, mergeProps as i } from "vue";
+import { useAttrs as A } from "../../../hooks/use-attrs/index.js";
+import "@vft/utils";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash-es";
+import { useNamespace as p } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { useFocusController as B } from "../../../hooks/use-focus-controller/index.js";
+import { timePickerRangeTriggerProps as F } from "./props.js";
+const N = ["id", "name", "placeholder", "value", "disabled"], D = ["id", "name", "placeholder", "value", "disabled"], L = m({
+  name: "PickerRangeTrigger",
+  inheritAttrs: !1
+}), ee = /* @__PURE__ */ m({
+  ...L,
+  props: F,
+  emits: [
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "touchstart",
+    "focus",
+    "blur",
+    "startInput",
+    "endInput",
+    "startChange",
+    "endChange"
+  ],
+  setup(c, { expose: f, emit: h }) {
+    const g = c, n = h, t = A(), b = p("date"), r = p("range"), s = u(), l = u(), { wrapperRef: v, isFocused: C } = B(s, {
+      disabled: $(() => g.disabled)
+    }), k = (e) => {
+      n("click", e);
+    }, I = (e) => {
+      n("mouseenter", e);
+    }, R = (e) => {
+      n("mouseleave", e);
+    }, P = (e) => {
+      n("mouseenter", e);
+    }, y = (e) => {
+      n("startInput", e);
+    }, E = (e) => {
+      n("endInput", e);
+    }, S = (e) => {
+      n("startChange", e);
+    }, V = (e) => {
+      n("endChange", e);
+    };
+    return f({
+      focus: () => {
+        s.value?.focus();
+      },
+      blur: () => {
+        s.value?.blur(), l.value?.blur();
+      }
+    }), (e, G) => (T(), M("div", {
+      ref_key: "wrapperRef",
+      ref: v,
+      class: z([o(b).is("active", o(C)), e.$attrs.class]),
+      style: w(e.$attrs.style),
+      onClick: k,
+      onMouseenter: I,
+      onMouseleave: R,
+      onTouchstartPassive: P
+    }, [
+      a(e.$slots, "prefix"),
+      d("input", i(o(t), {
+        id: e.id && e.id[0],
+        ref_key: "inputRef",
+        ref: s,
+        name: e.name && e.name[0],
+        placeholder: e.startPlaceholder,
+        value: e.modelValue && e.modelValue[0],
+        class: o(r).b("input"),
+        disabled: e.disabled,
+        onInput: y,
+        onChange: S
+      }), null, 16, N),
+      a(e.$slots, "range-separator"),
+      d("input", i(o(t), {
+        id: e.id && e.id[1],
+        ref_key: "endInputRef",
+        ref: l,
+        name: e.name && e.name[1],
+        placeholder: e.endPlaceholder,
+        value: e.modelValue && e.modelValue[1],
+        class: o(r).b("input"),
+        disabled: e.disabled,
+        onInput: E,
+        onChange: V
+      }), null, 16, D),
+      a(e.$slots, "suffix")
+    ], 38));
+  }
+});
+export {
+  ee as default
+};