@aplus-frontend/ui 6.26.2 → 6.26.3

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

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

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

@@ -1,10 +1,10 @@
-import { defineComponent as C, ref as S, useSlots as h, onMounted as U, computed as V, unref as l, createVNode as u, Fragment as a, createBlock as d, createElementBlock as _, openBlock as r, resolveDynamicComponent as N, mergeProps as q, withCtx as z, renderSlot as F, normalizeProps as P, guardReactiveProps as T } from "vue";
-import { Spin as O, Segmented as R } from "@aplus-frontend/antdv";
-import { isFunction as c, isUndefined as w, isString as A, isNumber as D, omit as E } from "lodash-unified";
+import { defineComponent as B, ref as C, useSlots as S, onMounted as h, computed as U, unref as t, createVNode as s, Fragment as a, createBlock as i, createElementBlock as V, openBlock as u, resolveDynamicComponent as _, mergeProps as N, withCtx as q, renderSlot as z, normalizeProps as F, guardReactiveProps as P } from "vue";
+import { Spin as T, Segmented as O } from "@aplus-frontend/antdv";
+import { isFunction as f, isUndefined as R, isString as w, isNumber as A, omit as D } from "lodash-unified";
 import "../../hooks/index.mjs";
-import M from "../hooks/use-options.mjs";
-import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
-const L = /* @__PURE__ */ C({
+import E from "../hooks/use-options.mjs";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+const K = /* @__PURE__ */ B({
   name: "ApFieldSegmented",
   __name: "index",
   props: {
@@ -40,53 +40,52 @@ const L = /* @__PURE__ */ C({
     request: {}
   },
   emits: ["update:value"],
-  setup(v, {
-    emit: y
+  setup(c, {
+    emit: v
   }) {
-    const o = v, {
-      options: m,
-      updateOptions: g
-    } = M(o), k = y, {
-      value: p,
+    const o = c, {
+      options: p,
+      updateOptions: y
+    } = E(o), g = v, {
+      value: d,
       updateValue: b
-    } = $(o, k), i = S(!1), x = h();
-    U(() => {
-      c(o.request) && (i.value = !0, o.request().then((e) => g(e)).finally(() => {
-        i.value = !1;
+    } = M(o, g), r = C(!1), k = S();
+    h(() => {
+      f(o.request) && (r.value = !0, o.request().then((e) => y(e)).finally(() => {
+        r.value = !1;
       }));
     });
-    const B = V(() => {
-      var f;
-      const e = l(p);
-      if (w(e))
-        return u(a, null, [o.emptyText]);
-      const t = (f = l(m)) == null ? void 0 : f.find((s) => s === e || (s == null ? void 0 : s.value) === e);
-      if (A(t) || D(t))
-        return u(a, null, [t]);
-      const n = (t == null ? void 0 : t.label) || x.label;
-      return c(n) ? u(a, null, [n == null ? void 0 : n({
-        ...t
-      })]) : u(a, null, [n || o.emptyText]);
+    const x = U(() => {
+      const e = t(d);
+      if (R(e))
+        return s(a, null, [o.emptyText]);
+      const l = t(p)?.find((m) => m === e || m?.value === e);
+      if (w(l) || A(l))
+        return s(a, null, [l]);
+      const n = l?.label || k.label;
+      return f(n) ? s(a, null, [n?.({
+        ...l
+      })]) : s(a, null, [n || o.emptyText]);
     });
-    return (e, t) => i.value ? (r(), d(l(O), {
+    return (e, l) => r.value ? (u(), i(t(T), {
       key: 0,
       size: "small"
-    })) : (r(), _(a, {
+    })) : (u(), V(a, {
       key: 1
-    }, [e.mode === "read" ? (r(), d(N(B.value), {
+    }, [e.mode === "read" ? (u(), i(_(x.value), {
       key: 0
-    })) : (r(), d(l(R), q({
+    })) : (u(), i(t(O), N({
       key: 1
-    }, l(E)(o, ["onUpdate:value", "value", "defaultValue", "options"]), {
-      value: l(p),
-      options: l(m),
-      "onUpdate:value": l(b)
+    }, t(D)(o, ["onUpdate:value", "value", "defaultValue", "options"]), {
+      value: t(d),
+      options: t(p),
+      "onUpdate:value": t(b)
     }), {
-      label: z((n) => [F(e.$slots, "label", P(T(n)))]),
+      label: q((n) => [z(e.$slots, "label", F(P(n)))]),
       _: 3
     }, 16, ["value", "options", "onUpdate:value"]))], 64));
   }
 });
 export {
-  L as default
+  K as default
 };

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

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

package/es/src/ap-field/select/read.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as y, computed as f, createElementBlock as h, createCommentVNode as B, openBlock as C, toDisplayString as w } from "vue";
-import { isArray as g } from "lodash-unified";
-const S = { key: 0 }, v = /* @__PURE__ */ y({
+import { defineComponent as i, computed as s, createElementBlock as d, createCommentVNode as c, openBlock as u, toDisplayString as m } from "vue";
+import { isArray as y } from "lodash-unified";
+const f = { key: 0 }, C = /* @__PURE__ */ i({
   name: "ApFieldSelectRead",
   __name: "read",
   props: {
@@ -91,28 +91,21 @@ const S = { key: 0 }, v = /* @__PURE__ */ y({
     params: {},
     searchDelay: {}
   },
-  setup(c) {
-    const e = c, u = f(() => {
-      var r, p, i;
+  setup(l) {
+    const e = l, r = s(() => {
       const o = e.value;
       if (!o)
         return e.emptyText;
-      const n = ((r = e.fieldNames) == null ? void 0 : r.label) || "label", l = ((p = e.fieldNames) == null ? void 0 : p.value) || "value";
-      if (g(o))
-        return o.map(
-          (a) => {
-            var s, d;
-            return (d = (s = e.options) == null ? void 0 : s.find((m) => m[l] === a)) == null ? void 0 : d[n];
-          }
-        ).filter(Boolean).join("、") || e.emptyText;
-      const t = (i = e.options) == null ? void 0 : i.find(
-        (a) => a[l] === o
-      );
-      return (t == null ? void 0 : t[n]) || e.emptyText;
+      const t = e.fieldNames?.label || "label", a = e.fieldNames?.value || "value";
+      return y(o) ? o.map(
+        (n) => e.options?.find((p) => p[a] === n)?.[t]
+      ).filter(Boolean).join("、") || e.emptyText : e.options?.find(
+        (n) => n[a] === o
+      )?.[t] || e.emptyText;
     });
-    return (o, n) => o.mode === "read" ? (C(), h("span", S, w(u.value), 1)) : B("", !0);
+    return (o, t) => o.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
   }
 });
 export {
-  v as default
+  C as default
 };

package/es/src/ap-field/select/use-select-options.mjs

@@ -1,43 +1,42 @@
 import "../../config-provider/index.mjs";
-import { ref as m, watch as L } from "vue";
-import { useLocale as r } from "../../config-provider/hooks/use-locale.mjs";
-const A = "SELECTABLE_ALL_VALUE_KEY", h = (t) => {
-  var u, i;
-  const e = m((t == null ? void 0 : t.options) || []), { t: o } = r(), d = {
-    [((u = t.fieldNames) == null ? void 0 : u.label) || "label"]: o("ap.common.all"),
-    [((i = t.fieldNames) == null ? void 0 : i.value) || "value"]: A
+import { ref as r, watch as c } from "vue";
+import { useLocale as f } from "../../config-provider/hooks/use-locale.mjs";
+const m = "SELECTABLE_ALL_VALUE_KEY", E = (l) => {
+  const e = r(l?.options || []), { t: n } = f(), u = {
+    [l.fieldNames?.label || "label"]: n("ap.common.all"),
+    [l.fieldNames?.value || "value"]: m
   };
-  function c(l) {
-    const a = t.addAll;
-    if (!t.multiple || !a)
+  function i(t) {
+    const a = l.addAll;
+    if (!l.multiple || !a)
       return !1;
-    const f = Math.min(0, a === !0 ? 0 : a);
-    return l.length > f;
+    const d = Math.min(0, a === !0 ? 0 : a);
+    return t.length > d;
   }
-  function n(l) {
-    if (l) {
-      if (!c(l)) {
-        e.value = l;
+  function o(t) {
+    if (t) {
+      if (!i(t)) {
+        e.value = t;
         return;
       }
-      e.value = [d, ...l];
+      e.value = [u, ...t];
     }
   }
-  return L(
-    () => t.options,
-    (l) => {
-      n(l);
+  return c(
+    () => l.options,
+    (t) => {
+      o(t);
     },
     {
       deep: !0
     }
   ), {
     options: e,
-    updateOptions: n
+    updateOptions: o
   };
 };
 export {
-  A as SELECT_ALL_VALUE_KEY,
-  h as default,
-  h as useSelectOptions
+  m as SELECT_ALL_VALUE_KEY,
+  E as default,
+  E as useSelectOptions
 };

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

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