@aplus-frontend/ui 7.7.3 → 7.7.4

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as C, onMounted as V, createElementBlock as l, openBlock as o, Fragment as i, unref as e, createTextVNode as u, toDisplayString as m, createBlock as d, mergeProps as B } from "vue";
-import { isFunction as O, isNil as q, omit as T } from "lodash-unified";
+import { isFunction as O, isNil as T, omit as q } from "lodash-unified";
 import { Spin as U, CheckboxGroup as _ } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
 import { getOptionValue as F, getOptionLabel as N } from "./helper.mjs";
@@ -45,7 +45,7 @@ const Q = /* @__PURE__ */ g({
       }
     );
     return (a, D) => a.mode === "read" ? (o(), l(i, { key: 0 }, [
-      e(q)(e(r)) ? (o(), l(i, { key: 0 }, [
+      e(T)(e(r)) ? (o(), l(i, { key: 0 }, [
         u(m(t.emptyText), 1)
       ], 64)) : (o(), l(i, { key: 1 }, [
         u(m(e(p)?.filter((s) => e(r).indexOf(e(F)(s)) > -1).map((s) => e(N)(s)).join("、") || t.emptyText), 1)
@@ -54,12 +54,22 @@ const Q = /* @__PURE__ */ g({
       n.value ? (o(), d(e(U), {
         key: 0,
         size: "small"
-      })) : (o(), d(e(_), B({ key: 1 }, e(T)(t, ["onUpdate:value", "value", "request", "vertical"]), {
-        options: e(p),
-        value: e(r),
-        class: [e(k)(), a.vertical ? e(x)("vertical") : null, e(h)],
-        "onUpdate:value": e(b)
-      }), null, 16, ["options", "value", "class", "onUpdate:value"]))
+      })) : (o(), d(e(_), B(
+        { key: 1 },
+        e(q)(t, [
+          "onUpdate:value",
+          "value",
+          "request",
+          "vertical",
+          "emptyText"
+        ]),
+        {
+          options: e(p),
+          value: e(r),
+          class: [e(k)(), a.vertical ? e(x)("vertical") : null, e(h)],
+          "onUpdate:value": e(b)
+        }
+      ), null, 16, ["options", "value", "class", "onUpdate:value"]))
     ], 64));
   }
 });

package/es/src/ap-field/number/index.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as C, ref as N, computed as D, unref as t, createElementBlock as s, createBlock as P, openBlock as r, normalizeClass as i, createCommentVNode as f, createElementVNode as V, renderSlot as u, toDisplayString as $, mergeProps as I, createSlots as R, renderList as A, withCtx as U, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { defineComponent as C, shallowRef as N, computed as D, unref as t, createElementBlock as s, createBlock as P, openBlock as l, normalizeClass as i, createCommentVNode as f, createElementVNode as R, renderSlot as u, toDisplayString as V, mergeProps as $, createSlots as I, renderList as A, withCtx as U, normalizeProps as z, guardReactiveProps as E } from "vue";
 import { InputNumber as M } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as T, omit as F } from "lodash-unified";
-import { addZeroToDecimalPlaces as W } from "./helper.mjs";
+import { isNil as T, omit as w } from "lodash-unified";
+import { addZeroToDecimalPlaces as F } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { useDefaultPlaceholder as _ } from "../hooks/use-default-placeholder.mjs";
-import w from "../style/index.mjs";
+import { useDefaultPlaceholder as W } from "../hooks/use-default-placeholder.mjs";
+import _ from "../style/index.mjs";
 import { roundWith as L, toDecimalMark as O } from "../../utils/format.mjs";
 import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-const re = /* @__PURE__ */ C({
+const le = /* @__PURE__ */ C({
   name: "ApFieldNumber",
   __name: "index",
   props: {
@@ -60,16 +60,16 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["update:value"],
   setup(m, { expose: c, emit: y }) {
-    const v = y, { b: l } = Z("field-number"), h = w("field"), o = m, n = N(), { value: p, updateValue: B } = j(
+    const v = y, { b: r } = Z("field-number"), h = _("field"), o = m, n = N(), { value: p, updateValue: B } = j(
       o,
       v
-    ), b = _("Number", o), k = D(() => {
+    ), b = W("Number", o), k = D(() => {
       let e = t(p);
       if (T(e))
         return o.emptyText;
       o.precision && (e = L(e, o.precision));
       let a = o.thousands ? O(e) : String(e);
-      return o.precision && o.limitDecimalsRetain && (a = W(a, o.precision)), a;
+      return o.precision && o.limitDecimalsRetain && (a = F(a, o.precision)), a;
     });
     function g() {
       n.value?.focus();
@@ -77,30 +77,30 @@ const re = /* @__PURE__ */ C({
     function S() {
       n.value?.blur();
     }
-    return c({ focus: g, blur: S }), (e, a) => e.mode === "read" ? (r(), s("span", {
+    return c({ focus: g, blur: S }), (e, a) => e.mode === "read" ? (l(), s("span", {
       key: 0,
-      class: i([t(l)(), t(h)])
+      class: i([t(r)(), t(h)])
     }, [
-      e.$slots.prefix ? (r(), s("span", {
+      e.$slots.prefix ? (l(), s("span", {
         key: 0,
-        class: i(t(l)("label-left"))
+        class: i(t(r)("label-left"))
       }, [
         u(e.$slots, "prefix")
       ], 2)) : f("", !0),
-      V("span", null, $(k.value), 1),
-      e.$slots.addonAfter ? (r(), s("span", {
+      R("span", null, V(k.value), 1),
+      e.$slots.addonAfter ? (l(), s("span", {
         key: 1,
-        class: i(t(l)("label-right"))
+        class: i(t(r)("label-right"))
       }, [
         u(e.$slots, "addonAfter")
       ], 2)) : f("", !0)
-    ], 2)) : (r(), P(t(M), I({ key: 1 }, t(F)(o, ["value", "onUpdate:value"]), {
+    ], 2)) : (l(), P(t(M), $({ key: 1 }, t(w)(o, ["value", "onUpdate:value"]), {
       ref_key: "inputRef",
       ref: n,
       placeholder: t(b),
       value: t(p),
       "onUpdate:value": t(B)
-    }), R({ _: 2 }, [
+    }), I({ _: 2 }, [
       A(e.$slots, (q, d) => ({
         name: d,
         fn: U((x) => [
@@ -111,5 +111,5 @@ const re = /* @__PURE__ */ C({
   }
 });
 export {
-  re as default
+  le as default
 };

package/es/src/ap-field/radio/index.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as q, ref as s, onMounted as C, computed as O, unref as e, createElementBlock as p, openBlock as a, Fragment as m, createTextVNode as R, toDisplayString as S, createBlock as d, mergeProps as U } from "vue";
-import { Spin as G, RadioGroup as N } from "@aplus-frontend/antdv";
+import { defineComponent as V, shallowRef as _, ref as q, onMounted as C, computed as O, unref as e, createElementBlock as s, openBlock as a, Fragment as p, createTextVNode as S, toDisplayString as U, createBlock as m, mergeProps as G } from "vue";
+import { Spin as N, RadioGroup as z } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as z, omit as F } from "lodash-unified";
+import { isNil as F, omit as w } from "lodash-unified";
 import { getOptionValue as A, getOptionLabel as D } from "./helper.mjs";
 import "../../config-provider/index.mjs";
 import E from "../hooks/use-options.mjs";
 import I from "../style/index.mjs";
 import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
 import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
-const Z = /* @__PURE__ */ q({
+const $ = /* @__PURE__ */ V({
   name: "ApFieldRadio",
   __name: "index",
   props: {
@@ -32,40 +32,40 @@ const Z = /* @__PURE__ */ q({
     vertical: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
-  setup(f, { expose: c, emit: v }) {
-    const t = f, y = v, l = s(), { options: r, updateOptions: g } = E(t), { value: u, updateValue: k } = L(t, y), { b, m: x } = M("field-radio"), B = I("field"), n = s(!1);
+  setup(d, { expose: f, emit: c }) {
+    const t = d, v = c, l = _(), { options: r, updateOptions: y } = E(t), { value: u, updateValue: g } = L(t, v), { b: k, m: b } = M("field-radio"), x = I("field"), n = q(!1);
     C(() => {
-      t.request && (n.value = !0, t.request?.().then((o) => g(o)).finally(() => {
+      t.request && (n.value = !0, t.request?.().then((o) => y(o)).finally(() => {
         n.value = !1;
       }));
     });
-    const T = O(() => {
+    const h = O(() => {
       const o = e(u);
-      if (z(o))
+      if (F(o))
         return t.emptyText;
       const i = r.value?.find(
-        (_) => o === A(_)
+        (R) => o === A(R)
       );
       return D(i) || t.emptyText;
     });
-    function h() {
+    function B() {
       l.value?.focus();
     }
-    function V() {
+    function T() {
       l.value?.blur();
     }
-    return c({
-      focus: h,
-      blur: V
-    }), (o, i) => o.mode === "read" ? (a(), p(m, { key: 0 }, [
-      R(S(T.value), 1)
-    ], 64)) : (a(), p(m, { key: 1 }, [
-      n.value ? (a(), d(e(G), {
+    return f({
+      focus: B,
+      blur: T
+    }), (o, i) => o.mode === "read" ? (a(), s(p, { key: 0 }, [
+      S(U(h.value), 1)
+    ], 64)) : (a(), s(p, { key: 1 }, [
+      n.value ? (a(), m(e(N), {
         key: 0,
         size: "small"
-      })) : (a(), d(e(N), U(
+      })) : (a(), m(e(z), G(
         { key: 1 },
-        e(F)(t, [
+        e(w)(t, [
           "value",
           "onUpdate:value",
           "options",
@@ -77,13 +77,13 @@ const Z = /* @__PURE__ */ q({
           ref: l,
           value: e(u),
           options: e(r),
-          class: [e(b)(), o.vertical ? e(x)("vertical") : null, e(B)],
-          "onUpdate:value": e(k)
+          class: [e(k)(), o.vertical ? e(b)("vertical") : null, e(x)],
+          "onUpdate:value": e(g)
         }
       ), null, 16, ["value", "options", "class", "onUpdate:value"]))
     ], 64));
   }
 });
 export {
-  Z as default
+  $ as default
 };

package/es/src/ap-field/rate/index.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as m, ref as v, useSlots as b, computed as y, createBlock as h, openBlock as B, unref as o, mergeProps as C, createSlots as _, withCtx as x, renderSlot as k } from "vue";
-import { omit as g } from "lodash-unified";
+import { defineComponent as m, shallowRef as v, useSlots as b, computed as y, createBlock as h, openBlock as B, unref as o, mergeProps as C, createSlots as _, withCtx as x, renderSlot as k } from "vue";
+import { omit as w } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { Rate as w } from "@aplus-frontend/antdv";
-import { useControllableValue as R } from "../../hooks/useControllableValue.mjs";
+import { Rate as R } from "@aplus-frontend/antdv";
+import { useControllableValue as g } from "../../hooks/useControllableValue.mjs";
 const D = /* @__PURE__ */ m({
   name: "ApFieldRate",
   __name: "index",
@@ -32,20 +32,20 @@ const D = /* @__PURE__ */ m({
     defaultValue: {}
   },
   emits: ["update:value"],
-  setup(a, { expose: l, emit: r }) {
-    const e = a, t = v(), u = r, n = b(), { value: d, updateValue: s } = R(e, u), f = y(() => e.mode === "read" ? !0 : e.disabled);
+  setup(t, { expose: l, emit: r }) {
+    const e = t, a = v(), u = r, n = b(), { value: d, updateValue: s } = g(e, u), f = y(() => e.mode === "read" ? !0 : e.disabled);
     function c() {
-      t.value?.focus?.();
+      a.value?.focus?.();
     }
     function i() {
-      t.value?.blur?.();
+      a.value?.blur?.();
     }
     return l({
       focus: c,
       blur: i
-    }), (p, V) => (B(), h(o(w), C(o(g)(e, ["mode", "defaultValue"]), {
+    }), (p, V) => (B(), h(o(R), C(o(w)(e, ["mode", "defaultValue"]), {
       ref_key: "rateRef",
-      ref: t,
+      ref: a,
       value: o(d),
       disabled: f.value,
       "onUpdate:value": o(s)

package/es/src/ap-field/select/index.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as M, ref as g, onMounted as D, watch as R, computed as p, unref as a, createElementBlock as z, createBlock as E, openBlock as S, toDisplayString as U, mergeProps as K, createSlots as H, renderList as $, withCtx as B, renderSlot as j, normalizeProps as W, guardReactiveProps as Y, createVNode as G } from "vue";
-import { debounce as J, isFunction as C, isArray as Q, isNil as X, omit as Z } from "lodash-unified";
-import { Select as ee, Spin as te } from "@aplus-frontend/antdv";
+import { defineComponent as q, ref as D, shallowRef as R, computed as s, onMounted as z, watch as E, unref as a, createElementBlock as U, createBlock as K, openBlock as g, toDisplayString as H, mergeProps as $, createSlots as j, renderList as W, withCtx as S, renderSlot as Y, normalizeProps as G, guardReactiveProps as J, createVNode as Q } from "vue";
+import { debounce as X, isFunction as B, isArray as Z, isNil as ee, omit as te } from "lodash-unified";
+import { Select as oe, Spin as le } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as oe } from "../hooks/use-default-placeholder.mjs";
-import { useSelectOptions as le, SELECT_ALL_VALUE_KEY as f } from "./use-select-options.mjs";
-import { useControllableValue as ae } from "../../hooks/useControllableValue.mjs";
-const ne = { key: 0 }, fe = /* @__PURE__ */ M({
+import { useDefaultPlaceholder as ae } from "../hooks/use-default-placeholder.mjs";
+import { useSelectOptions as ne, SELECT_ALL_VALUE_KEY as f } from "./use-select-options.mjs";
+import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
+const ue = { key: 0 }, ve = /* @__PURE__ */ q({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -100,72 +100,75 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
     searchDelay: { default: 300 }
   },
   emits: ["update:value"],
-  setup(w, { expose: F, emit: b }) {
+  setup(C, { expose: w, emit: F }) {
     let r = 0;
-    const t = w, N = J((e) => {
-      if (!C(t.request))
+    const e = C, b = X((t) => {
+      if (!B(e.request))
         return;
       r += 1;
       const l = r;
-      s([]), n.value = !0, t.request(e).then((o) => {
-        r === l && (s(o), n.value = !1);
+      d([]), n.value = !0, e.request(t).then((o) => {
+        r === l && (d(o), n.value = !1);
       });
-    }, t.searchDelay), O = (e, l) => {
-      const o = t.fieldNames?.label || "label";
-      return typeof l?.[o] == "string" && l[o].toLowerCase().indexOf(e.toLowerCase()) > -1;
-    }, { options: u, updateOptions: s } = le(t), m = g(), n = g(t?.loading || !1), x = b;
-    async function d(e = !0) {
-      if (!C(t.request))
+    }, e.searchDelay), x = (t, l) => {
+      const o = e.fieldNames?.label || "label";
+      return typeof l?.[o] == "string" && l[o].toLowerCase().indexOf(t.toLowerCase()) > -1;
+    }, { options: u, updateOptions: d } = ne(e), m = R(), n = D(e?.loading || !1), N = F, O = s(() => {
+      if (e.multiple)
+        return e.tokenSeparators ? "tags" : "multiple";
+    });
+    async function c(t = !0) {
+      if (!B(e.request))
         return;
       n.value = !0, r += 1;
       const l = r;
       try {
-        e && s([]);
-        const o = await t.request(void 0, t.params);
+        t && d([]);
+        const o = await e.request(void 0, e.params);
         if (l !== r)
           return;
-        s(o);
+        d(o);
       } finally {
         n.value = !1;
       }
     }
-    function I(e) {
-      t.onFocus?.(e), t.refetchOnFocus && r > 0 && !n.value && d(!0);
+    function I(t) {
+      e.onFocus?.(t), e.refetchOnFocus && r > 0 && !n.value && c(!0);
     }
-    D(() => {
-      t.lazy || d();
-    }), R(
-      () => t.params,
+    z(() => {
+      e.lazy || c();
+    }), E(
+      () => e.params,
       () => {
-        d();
+        c();
       },
       {
         deep: !0
       }
     );
-    const { value: c, updateValue: v } = ae(t, x), V = oe("Select", t), A = p(() => {
-      const e = a(c);
-      if (!e)
-        return t.emptyText;
-      const l = t.fieldNames?.label || "label", o = t.fieldNames?.value || "value";
-      return Q(e) ? e.map(
-        (i) => a(u).find((q) => q[o] === i)?.[l]
-      ).filter(Boolean).join("、") || t.emptyText : a(u).find(
-        (i) => i[o] === e
-      )?.[l] || t.emptyText;
-    }), _ = p(() => {
-      const e = !!t?.showSearch, l = t.searchMode;
+    const { value: p, updateValue: v } = re(e, N), V = ae("Select", e), _ = s(() => {
+      const t = a(p);
+      if (!t)
+        return e.emptyText;
+      const l = e.fieldNames?.label || "label", o = e.fieldNames?.value || "value";
+      return Z(t) ? t.map(
+        (i) => a(u).find((T) => T[o] === i)?.[l]
+      ).filter(Boolean).join("、") || e.emptyText : a(u).find(
+        (i) => i[o] === t
+      )?.[l] || e.emptyText;
+    }), A = s(() => {
+      const t = !!e?.showSearch, l = e.searchMode;
       let o = {};
-      return e && (o = l === "request" ? {
+      return t && (o = l === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: N,
+        onSearch: b,
         notFoundContent: n.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: X(t?.filterOption) ? O : t?.filterOption
+        filterOption: ee(e?.filterOption) ? x : e?.filterOption
       }), {
-        ...Z(t, [
+        ...te(e, [
           "mode",
           "value",
           "onUpdate:value",
@@ -178,56 +181,56 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
         placeholder: a(V),
         ...o
       };
-    }), y = p(
-      () => u.value.map((e) => e[t.fieldNames?.value || "value"]).filter((e) => e !== f)
-    ), P = p(() => {
-      if (!t.multiple || !t.addAll)
-        return a(c);
+    }), y = s(
+      () => u.value.map((t) => t[e.fieldNames?.value || "value"]).filter((t) => t !== f)
+    ), k = s(() => {
+      if (!e.multiple || !e.addAll)
+        return a(p);
       if (u.value.some(
-        (e) => e[t.fieldNames?.value || "value"] === f
+        (t) => t[e.fieldNames?.value || "value"] === f
       )) {
-        const e = a(y), l = a(c) || [];
-        if (e.length && e.every((o) => l?.includes(o)))
+        const t = a(y), l = a(p) || [];
+        if (t.length && t.every((o) => l?.includes(o)))
           return [f];
       }
-      return a(c);
+      return a(p);
     });
-    function k(e) {
-      return t.multiple && e.includes(f) ? v(a(y)) : v(e);
+    function P(t) {
+      return e.multiple && t.includes(f) ? v(a(y)) : v(t);
     }
     function L() {
       m.value?.focus();
     }
-    function T() {
+    function M() {
       m.value?.blur();
     }
-    return F({
+    return w({
       focus: L,
-      blur: T,
-      request: d
-    }), (e, l) => e.mode === "read" ? (S(), z("span", ne, U(A.value), 1)) : (S(), E(a(ee), K({
+      blur: M,
+      request: c
+    }), (t, l) => t.mode === "read" ? (g(), U("span", ue, H(_.value), 1)) : (g(), K(a(oe), $({
       key: 1,
       ref_key: "selectRef",
       ref: m,
       "allow-clear": ""
-    }, _.value, {
-      mode: e.multiple ? "multiple" : void 0,
-      value: P.value,
+    }, A.value, {
+      mode: O.value,
+      value: k.value,
       options: a(u),
       loading: n.value,
-      "onUpdate:value": k,
+      "onUpdate:value": P,
       onFocus: I
-    }), H({ _: 2 }, [
-      $(e.$slots, (o, h) => ({
+    }), j({ _: 2 }, [
+      W(t.$slots, (o, h) => ({
         name: h,
-        fn: B((i) => [
-          j(e.$slots, h, W(Y(i || {})))
+        fn: S((i) => [
+          Y(t.$slots, h, G(J(i || {})))
         ])
       })),
       n.value ? {
         name: "notFoundContent",
-        fn: B(() => [
-          G(a(te), { size: "small" })
+        fn: S(() => [
+          Q(a(le), { size: "small" })
         ]),
         key: "0"
       } : void 0
@@ -235,5 +238,5 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
   }
 });
 export {
-  fe as default
+  ve as default
 };

package/es/src/ap-field/slider/index.vue.d.ts

@@ -63,7 +63,8 @@ declare function __VLS_template(): {
             };
             tipFormatter: {
                 type: PropType<(value?: number) => any>;
-                default: (value?: number) => any;
+                default: (value
+                /** @type { typeof __VLS_ctx.sliderRef } */ ? /** @type { typeof __VLS_ctx.sliderRef } */: number) => any;
             };
             tooltipOpen: {
                 type: BooleanConstructor;
@@ -339,7 +340,8 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
         };
         tipFormatter: {
             type: PropType<(value?: number) => any>;
-            default: (value?: number) => any;
+            default: (value
+            /** @type { typeof __VLS_ctx.sliderRef } */ ? /** @type { typeof __VLS_ctx.sliderRef } */: number) => any;
         };
         tooltipOpen: {
             type: BooleanConstructor;

package/es/src/ap-field/slider/index.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as B, useSlots as x, ref as g, computed as k, unref as t, createElementBlock as C, createBlock as S, openBlock as n, Fragment as _, createTextVNode as P, toDisplayString as T, mergeProps as V, createSlots as b, renderList as h, withCtx as F, renderSlot as R, normalizeProps as U, guardReactiveProps as A } from "vue";
+import { defineComponent as B, useSlots as x, shallowRef as g, computed as k, unref as t, createElementBlock as C, createBlock as S, openBlock as n, Fragment as _, createTextVNode as h, toDisplayString as P, mergeProps as T, createSlots as V, renderList as b, withCtx as R, renderSlot as F, normalizeProps as U, guardReactiveProps as A } from "vue";
 import { Slider as $ } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as N, isArray as w, omit as z } from "lodash-unified";
+import { isNil as w, isArray as N, omit as z } from "lodash-unified";
 import { useControllableValue as D } from "../../hooks/useControllableValue.mjs";
 const I = /* @__PURE__ */ B({
   name: "ApFieldSlider",
@@ -41,10 +41,10 @@ const I = /* @__PURE__ */ B({
     emptyText: { default: "--" }
   },
   emits: ["update:value"],
-  setup(u, { expose: i, emit: p }) {
-    const s = x(), o = g(), l = u, d = p, { value: a, updateValue: f } = D(l, d), m = k(() => {
+  setup(u, { expose: s, emit: i }) {
+    const p = x(), o = g(), l = u, d = i, { value: a, updateValue: f } = D(l, d), m = k(() => {
       const e = t(a);
-      return N(e) ? l.emptyText : w(e) ? `${e[0]}-${e[1]}` : e;
+      return w(e) ? l.emptyText : N(e) ? `${e[0]}-${e[1]}` : e;
     });
     function c() {
       o.value?.focus?.();
@@ -52,12 +52,12 @@ const I = /* @__PURE__ */ B({
     function v() {
       o.value?.blur?.();
     }
-    return i({
+    return s({
       focus: c,
       blur: v
     }), (e, E) => e.mode === "read" ? (n(), C(_, { key: 0 }, [
-      P(T(m.value), 1)
-    ], 64)) : (n(), S(t($), V(
+      h(P(m.value), 1)
+    ], 64)) : (n(), S(t($), T(
       { key: 1 },
       t(z)(l, [
         "value",
@@ -72,11 +72,11 @@ const I = /* @__PURE__ */ B({
         value: t(a),
         "onUpdate:value": t(f)
       }
-    ), b({ _: 2 }, [
-      h(s, (L, r) => ({
+    ), V({ _: 2 }, [
+      b(p, (L, r) => ({
         name: r,
-        fn: F((y) => [
-          R(e.$slots, r, U(A(y || {})))
+        fn: R((y) => [
+          F(e.$slots, r, U(A(y || {})))
         ])
       }))
     ]), 1040, ["value", "onUpdate:value"]));