@aplus-frontend/ui 7.7.2 → 7.7.4

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"]));

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

@@ -1,11 +1,11 @@
-import { defineComponent as z, useSlots as D, ref as T, unref as o, computed as g, createVNode as u, Fragment as s, createBlock as m, createElementBlock as E, openBlock as f, resolveDynamicComponent as K, mergeProps as k, createSlots as v, renderList as V, withCtx as p, renderSlot as B, normalizeProps as b, guardReactiveProps as w } from "vue";
-import { Switch as A, Popconfirm as L } from "@aplus-frontend/antdv";
+import { defineComponent as U, useSlots as x, ref as z, unref as o, computed as g, createVNode as u, Fragment as s, createBlock as h, createElementBlock as D, openBlock as f, resolveDynamicComponent as E, mergeProps as p, createSlots as v, renderList as V, withCtx as k, renderSlot as B, normalizeProps as b, guardReactiveProps as w } from "vue";
+import { Switch as A, Popconfirm as K } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as M, isFunction as R, omit as P } from "lodash-unified";
+import { isNil as L, isFunction as M, omit as P } from "lodash-unified";
 import "../../utils/index.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+import { useControllableValue as R } from "../../hooks/useControllableValue.mjs";
 import { isDef as d } from "../../utils/is.mjs";
-const Q = /* @__PURE__ */ z({
+const Q = /* @__PURE__ */ U({
   name: "ApFieldSwitch",
   __name: "index",
   props: {
@@ -54,12 +54,12 @@ const Q = /* @__PURE__ */ z({
   setup(S, {
     emit: _
   }) {
-    const i = D(), e = S, F = _, {
+    const i = x(), e = S, F = _, {
       value: t,
       updateValue: r
-    } = j(e, F, {
+    } = R(e, F, {
       valuePropName: "checked"
-    }), c = T(!1);
+    }), c = z(!1);
     async function C(n, a) {
       if (!d(e.confirm)) {
         if (!d(e.onAction)) {
@@ -82,17 +82,17 @@ const Q = /* @__PURE__ */ z({
       }
       await e.onAction(n) && r(n);
     }
-    const $ = g(() => {
+    const T = g(() => {
       const n = o(t);
-      return M(n) ? u(s, null, [e.emptyText]) : n === e.checkedValue ? u(s, null, [e.checkedChildren || i.checkedChildren?.() || `${e.checkedValue}`]) : u(s, null, [e.unCheckedChildren || i.unCheckedChildren?.() || `${e.unCheckedValue}`]);
-    }), U = g(() => d(e.confirm) ? R(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
-    return (n, a) => n.mode === "read" ? (f(), m(K($.value), {
+      return L(n) ? u(s, null, [e.emptyText]) : n === e.checkedValue ? u(s, null, [e.checkedChildren || i.checkedChildren?.() || `${e.checkedValue}`]) : u(s, null, [e.unCheckedChildren || i.unCheckedChildren?.() || `${e.unCheckedValue}`]);
+    }), $ = g(() => d(e.confirm) ? M(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
+    return (n, a) => n.mode === "read" ? (f(), h(E(T.value), {
       key: 0
-    })) : (f(), E(s, {
+    })) : (f(), D(s, {
       key: 1
-    }, [!o(d)(n.confirm) || n.disabled ? (f(), m(o(A), k({
+    }, [!o(d)(n.confirm) || n.disabled ? (f(), h(o(A), p({
       key: 0
-    }, o(P)(e, "onUpdate:checked"), {
+    }, o(P)(e, ["onUpdate:checked", "emptyText"]), {
       checked: o(t),
       loading: n.loading ?? c.value,
       onClick: C
@@ -100,14 +100,14 @@ const Q = /* @__PURE__ */ z({
       _: 2
     }, [V(i, (y, l) => ({
       name: l,
-      fn: p((h) => [B(n.$slots, l, b(w(h || {})))])
-    }))]), 1040, ["checked", "loading"])) : (f(), m(o(L), k({
+      fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
+    }))]), 1040, ["checked", "loading"])) : (f(), h(o(K), p({
       key: 1,
       disabled: c.value
-    }, U.value, {
+    }, $.value, {
       onConfirm: N
     }), {
-      default: p(() => [u(o(A), k(o(P)(e, "onUpdate:checked"), {
+      default: k(() => [u(o(A), p(o(P)(e, ["onUpdate:checked", "emptyText"]), {
         checked: o(t),
         loading: n.loading ?? c.value,
         onClick: C
@@ -115,7 +115,7 @@ const Q = /* @__PURE__ */ z({
         _: 2
       }, [V(i, (y, l) => ({
         name: l,
-        fn: p((h) => [B(n.$slots, l, b(w(h || {})))])
+        fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
       }))]), 1040, ["checked", "loading"])]),
       _: 3
     }, 16, ["disabled"]))], 64));

package/es/src/ap-field/text/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { isVNode as g, defineComponent as C, ref as S, useSlots as _, createVNode as i, mergeProps as R, unref as r, computed as V, createBlock as w, openBlock as T } from "vue";
+import { isVNode as g, defineComponent as C, useSlots as R, shallowRef as S, createVNode as i, mergeProps as _, unref as r, computed as w, createBlock as V, openBlock as T } from "vue";
 import { Input as j } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
 import { omit as U } from "lodash-unified";
@@ -99,39 +99,39 @@ const $ = /* @__PURE__ */ C({
     expose: d,
     emit: f
   }) {
-    const t = S(), u = _(), c = (o) => {
+    const l = R(), e = n, c = f, {
+      value: p,
+      updateValue: m
+    } = F(e, c), y = z("Text", e), t = S(), x = (o) => {
       t.value?.focus(o);
-    }, m = () => {
+    }, v = () => {
       t.value?.blur();
-    }, y = (o, l, a) => {
-      t.value?.setSelectionRange(o, l, a);
-    }, x = () => {
+    }, B = (o, u, a) => {
+      t.value?.setSelectionRange(o, u, a);
+    }, b = () => {
       t.value?.select();
-    }, v = f, e = n, {
-      value: p,
-      updateValue: B
-    } = F(e, v), b = z("Text", e);
+    };
     function h(o) {
-      const l = o.target.value || "", a = e.beforeInput ? e.beforeInput?.(l) : l, s = t.value?.$el?.querySelector("input");
-      s && (s.value = a), B(a);
+      const u = o.target.value || "", a = e.beforeInput ? e.beforeInput?.(u) : u, s = t.value?.$el?.querySelector("input");
+      s && (s.value = a), m(a);
     }
     function I() {
-      return e.mode === "edit" ? i(j, R(U(e, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
-        placeholder: r(b),
+      return e.mode === "edit" ? i(j, _(U(e, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
+        placeholder: r(y),
         value: r(p),
         onInput: h,
         ref: t
-      }), N(u) ? u : {
-        default: () => [u]
-      }) : i("span", null, [e.prefix || u?.prefix?.(), r(p) || e.emptyText, e.suffix || u?.suffix?.()]);
+      }), N(l) ? l : {
+        default: () => [l]
+      }) : i("span", null, [e.prefix || l?.prefix?.(), r(p) || e.emptyText, e.suffix || l?.suffix?.()]);
     }
     return d({
-      focus: c,
-      blur: m,
-      setSelectionRange: y,
-      select: x,
-      input: V(() => t.value?.input)
-    }), (o, l) => (T(), w(r(M), {
+      focus: x,
+      blur: v,
+      setSelectionRange: B,
+      select: b,
+      input: w(() => t.value?.input)
+    }), (o, u) => (T(), V(r(M), {
       renderer: I
     }));
   }

package/es/src/ap-field/text/password.vue.mjs

@@ -1,13 +1,13 @@
-import { isVNode as x, defineComponent as h, useSlots as g, ref as C, unref as a, createVNode as e, mergeProps as w, Fragment as P, createBlock as U, openBlock as V } from "vue";
+import { isVNode as x, defineComponent as h, useSlots as g, shallowRef as w, unref as a, createVNode as e, mergeProps as C, Fragment as P, createBlock as U, openBlock as V } from "vue";
 import { Input as _, Space as S } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
 import { omit as T } from "lodash-unified";
 import { EyeOutlined as I, EyeInvisibleOutlined as O } from "@ant-design/icons-vue";
-import { useDefaultPlaceholder as j } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as R } from "../hooks/use-default-placeholder.mjs";
 import "../../render/index.mjs";
 import { useControllableValue as p } from "../../hooks/useControllableValue.mjs";
-import k from "../../render/render.mjs";
-function E(t) {
+import j from "../../render/render.mjs";
+function k(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
 }
 const J = /* @__PURE__ */ h({
@@ -112,10 +112,10 @@ const J = /* @__PURE__ */ h({
     expose: c,
     emit: f
   }) {
-    const r = f, o = t, u = g(), i = C(), {
+    const r = f, o = t, u = g(), i = w(), {
       value: m,
       updateValue: v
-    } = p(o, r), y = j("TextPassword", o), {
+    } = p(o, r), y = R("TextPassword", o), {
       value: b,
       updateValue: s
     } = p(o, r, {
@@ -124,14 +124,14 @@ const J = /* @__PURE__ */ h({
     function B() {
       const n = a(m), l = a(b);
       if (o.mode === "edit")
-        return e(_.Password, w(T(o, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]), {
+        return e(_.Password, C(T(o, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]), {
           placeholder: a(y),
           value: n,
           "onUpdate:value": v,
           visible: l,
           "onUpdate:visible": s,
           ref: i
-        }), E(u) ? u : {
+        }), k(u) ? u : {
           default: () => [u]
         });
       let d = e(P, null, [o.emptyText]);
@@ -151,7 +151,7 @@ const J = /* @__PURE__ */ h({
       blur: () => {
         i.value?.blur();
       }
-    }), (n, l) => (V(), U(a(k), {
+    }), (n, l) => (V(), U(a(j), {
       renderer: B
     }));
   }

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as h, ref as B, computed as b, createElementBlock as I, createBlock as A, openBlock as p, normalizeClass as C, unref as e, toDisplayString as g, mergeProps as z } from "vue";
-import { isNil as T, omit as k } from "lodash-unified";
+import { defineComponent as h, shallowRef as B, computed as b, createElementBlock as I, createBlock as A, openBlock as p, normalizeClass as C, unref as e, toDisplayString as g, mergeProps as z } from "vue";
+import { isNil as T, omit as w } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as w } from "@aplus-frontend/antdv";
+import { Input as k } from "@aplus-frontend/antdv";
 import { useDefaultPlaceholder as R } from "../hooks/use-default-placeholder.mjs";
 import S from "../style/index.mjs";
 import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
@@ -63,29 +63,33 @@ const O = /* @__PURE__ */ h({
   },
   emits: ["update:value"],
   setup(s, { expose: i, emit: d }) {
-    const t = B(), a = s, c = d, { value: l, updateValue: f } = _(a, c), { b: m } = U("field-text-area"), y = S("field"), v = R("TextArea", a);
-    function x(o) {
-      const n = o.target.value || "", r = a.beforeInput ? a.beforeInput?.(n) : n, u = t.value?.$el?.querySelector("textarea");
-      u && (u.value = r), f(r);
+    const o = B(), a = s, m = d, { value: l, updateValue: c } = _(a, m), { b: f } = U("field-text-area"), y = S("field"), x = R("TextArea", a);
+    function v(t) {
+      const n = t.target.value || "", r = a.beforeInput ? a.beforeInput?.(n) : n, u = o.value?.$el?.querySelector("textarea");
+      u && (u.value = r), c(r);
     }
     return i({
-      focus: (o) => {
-        t.value?.focus(o);
+      focus: (t) => {
+        o.value?.focus(t);
       },
       blur: () => {
-        t.value?.blur();
+        o.value?.blur();
       },
-      resizableTextArea: b(() => t.value?.resizableTextArea)
-    }), (o, n) => o.mode === "read" ? (p(), I("span", {
+      resizableTextArea: b(() => o.value?.resizableTextArea)
+    }), (t, n) => t.mode === "read" ? (p(), I("span", {
       key: 0,
-      class: C([e(m)(), e(y)])
-    }, g(e(T)(e(l)) || e(l) === "" ? o.emptyText : e(l)), 3)) : (p(), A(e(w).TextArea, z({ key: 1 }, e(k)(a, ["onUpdate:value", "value", "beforeInput"]), {
-      ref_key: "textAreaRef",
-      ref: t,
-      placeholder: e(v),
-      value: e(l),
-      onInput: x
-    }), null, 16, ["placeholder", "value"]));
+      class: C([e(f)(), e(y)])
+    }, g(e(T)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3)) : (p(), A(e(k).TextArea, z(
+      { key: 1 },
+      e(w)(a, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
+      {
+        ref_key: "textAreaRef",
+        ref: o,
+        placeholder: e(x),
+        value: e(l),
+        onInput: v
+      }
+    ), null, 16, ["placeholder", "value"]));
   }
 });
 export {