x-next 1.1.0 → 1.2.0

package/dist/es/_hooks/use-form-item.js

@@ -1,16 +1,42 @@
-import { inject as p, computed as m, toRef as c } from "vue";
+import { inject as f, computed as n, toRef as t, useId as b, shallowRef as v, onBeforeUpdate as c, watchEffect as g, onBeforeUnmount as y } from "vue";
 import { formItemInjectionKey as I } from "../components/form/context.js";
-const l = ({ size: t, disabled: o, error: n, uninject: r } = {}) => {
-  const e = r ? {} : p(I, {}), f = m(() => (t == null ? void 0 : t.value) ?? e.size), u = m(() => (o == null ? void 0 : o.value) || e.disabled), a = m(() => (n == null ? void 0 : n.value) || e.error), s = c(e, "feedback"), v = c(e, "eventHandlers");
+const B = ({ size: r, disabled: i, error: o, uninject: s } = {}) => {
+  const a = s ? {} : f(I, {}), d = n(() => (r == null ? void 0 : r.value) ?? a.size), e = n(() => (i == null ? void 0 : i.value) || a.disabled), l = n(() => (o == null ? void 0 : o.value) || a.error), u = t(a, "feedback"), m = t(a, "eventHandlers");
   return {
-    formItemCtx: e,
-    mergedSize: f,
-    mergedDisabled: u,
-    mergedError: a,
-    feedback: s,
-    eventHandlers: v
+    formItemCtx: a,
+    mergedSize: d,
+    mergedDisabled: e,
+    mergedError: l,
+    feedback: u,
+    eventHandlers: m
   };
+}, h = (r, i = () => ({}), o = {}) => {
+  const s = b(), a = v({ ...i() });
+  c(() => {
+    const e = i();
+    (Object.keys(e).length !== Object.keys(a.value).length || Object.keys(e).some((l) => e[l] !== a.value[l])) && (a.value = { ...e });
+  });
+  const d = n(() => {
+    const e = { ...a.value, ...i() }, l = [e["aria-describedby"], r.describedBy].filter(Boolean).join(" ").split(/\s+/).filter(Boolean);
+    return {
+      ...e,
+      id: e.id ?? (r.registerControl ? `x-form-control-${s}` : void 0),
+      "aria-labelledby": e["aria-labelledby"] ?? (e["aria-label"] ? void 0 : r.labelId),
+      "aria-describedby": l.length ? [...new Set(l)].join(" ") : void 0,
+      "aria-required": e["aria-required"] ?? (o.required !== !1 && r.required ? !0 : void 0),
+      "aria-invalid": r.error ? !0 : e["aria-invalid"],
+      "aria-errormessage": r.error ? e["aria-errormessage"] ?? r.errorId : e["aria-errormessage"]
+    };
+  });
+  return g(() => {
+    var e;
+    d.value.id && ((e = r.registerControl) == null || e.call(r, s, String(d.value.id), o.labelable !== !1));
+  }), y(() => {
+    var e;
+    return (e = r.unregisterControl) == null ? void 0 : e.call(r, s);
+  }), d;
 };
 export {
-  l as useFormItem
+  B as useFormItem,
+  h as useFormItemControl
 };

package/dist/es/_hooks/use-picker-focus.js

@@ -0,0 +1,57 @@
+import { ref as P, useId as k, watch as x, nextTick as c } from "vue";
+const b = ({
+  visible: s,
+  canOpen: d,
+  setVisible: l,
+  focusInput: n,
+  selector: p,
+  inputContains: g
+}) => {
+  const o = P(), y = `x-picker-panel-${k()}`;
+  let r = !1;
+  const f = () => c(() => {
+    var t, a;
+    if (!s.value || !r) return;
+    (a = ((t = o.value) == null ? void 0 : t.querySelector(p)) ?? o.value) == null || a.focus(), r = !1;
+  }), m = (e) => {
+    d() && (r = !!e, l(!0), f());
+  };
+  x(s, (e) => {
+    var t;
+    if (e)
+      f();
+    else {
+      const a = (t = o.value) == null ? void 0 : t.contains(document.activeElement);
+      r = !1, a && c(n);
+    }
+  });
+  const h = (e) => {
+    var t;
+    if (e.key === "Escape")
+      e.preventDefault(), e.stopPropagation(), l(!1), n();
+    else if (e.key === "Tab") {
+      const a = Array.from(
+        ((t = o.value) == null ? void 0 : t.querySelectorAll(
+          'button:not([disabled]), [tabindex="0"], input:not([disabled]), a[href]'
+        )) ?? []
+      ).filter((i) => i.getAttribute("tabindex") !== "-1" && !i.hidden);
+      e.shiftKey && e.target === a[0] ? (e.preventDefault(), l(!1), n()) : !e.shiftKey && e.target === a.at(-1) && (l(!1), n());
+    }
+  }, u = (e) => {
+    var t;
+    return e instanceof Node && (((t = o.value) == null ? void 0 : t.contains(e)) || g(e));
+  };
+  return { popupRef: o, panelId: y, openPanel: m, handlePanelKeydown: h, isInternalFocus: u, handlePanelFocusout: (e, t) => {
+    if (!u(e.relatedTarget))
+      if (!e.relatedTarget && e.target instanceof HTMLElement) {
+        const a = e.target;
+        c(() => {
+          s.value ? document.activeElement === document.body && a.isConnected && a.focus() : n();
+        });
+      } else
+        t(e);
+  } };
+};
+export {
+  b as usePickerFocus
+};

package/dist/es/_utils/constant.js

@@ -1,4 +1,4 @@
-const o = ["mini", "small", "medium", "large"], n = ["info", "success", "warning", "error"], t = [
+const o = ["mini", "small", "medium", "large"], n = ["info", "success", "warning", "error"], e = [
   "top",
   "tl",
   "tr",
@@ -11,7 +11,7 @@ const o = ["mini", "small", "medium", "large"], n = ["info", "success", "warning
   "right",
   "rt",
   "rb"
-], e = [
+], t = [
   // focus events
   "onFocus",
   "onFocusin",
@@ -46,11 +46,23 @@ const o = ["mini", "small", "medium", "large"], n = ["info", "success", "warning
   "name",
   "pattern",
   "readonly",
-  "required"
+  "required",
+  "id",
+  "title",
+  "form",
+  "inputmode",
+  "enterkeyhint",
+  "spellcheck",
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-invalid",
+  "aria-required",
+  "aria-errormessage"
 ];
 export {
-  e as INPUT_EVENTS,
+  t as INPUT_EVENTS,
   n as MESSAGE_TYPES,
   o as SIZES,
-  t as TRIGGER_POSITIONS
+  e as TRIGGER_POSITIONS
 };

package/dist/es/components/_components/picker/input-range.vue.js

@@ -1,92 +1,82 @@
-import k from "./input-range.vue2.js";
-import { resolveComponent as d, openBlock as r, createElementBlock as i, normalizeClass as s, renderSlot as u, createCommentVNode as p, createElementVNode as l, mergeProps as t, withKeys as a, createTextVNode as y, createBlock as m, withCtx as I, createVNode as g } from "vue";
-import v from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = ["disabled", "placeholder", "value"], F = ["disabled", "placeholder", "value"];
-function B(e, o, P, $, T, E) {
-  const f = d("IconClose"), b = d("IconHover"), C = d("FeedbackIcon");
-  return r(), i("div", {
-    class: s(e.classNames)
-  }, [
+import v from "./input-range.vue2.js";
+import { resolveComponent as a, openBlock as r, createElementBlock as i, mergeProps as d, normalizeClass as l, renderSlot as p, createCommentVNode as u, createElementVNode as s, withKeys as t, createTextVNode as k, createBlock as m, withCtx as I, createVNode as b } from "vue";
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+const N = ["disabled", "placeholder", "value", "readonly"], F = ["disabled", "placeholder", "value", "readonly"];
+function B(e, o, $, w, E, V) {
+  const f = a("IconClose"), C = a("IconHover"), y = a("FeedbackIcon");
+  return r(), i("div", d(e.wrapperAttrs, { class: e.classNames }), [
     e.$slots.prefix ? (r(), i("div", {
       key: 0,
-      class: s(e.className.element("prefix"))
+      class: l(e.className.element("prefix"))
     }, [
-      u(e.$slots, "prefix")
-    ], 2)) : p("", !0),
-    l("div", {
-      class: s(e.getInputWrapClassName(0))
+      p(e.$slots, "prefix")
+    ], 2)) : u("", !0),
+    s("div", {
+      class: l(e.getInputWrapClassName(0))
     }, [
-      l("input", t({
-        ref: "refInput0",
+      s("input", d({ ref: "refInput0" }, e.formControlAttrs0, {
         disabled: e.disabled0,
         placeholder: e.placeholder[0],
-        value: e.displayValue0
-      }, e.readonly ? { readonly: !0 } : {}, {
+        value: e.displayValue0,
+        readonly: e.readonly || void 0,
         onInput: o[0] || (o[0] = (...n) => e.onChange && e.onChange(...n)),
         onFocus: o[1] || (o[1] = (...n) => e.onFocus && e.onFocus(...n)),
         onBlur: o[2] || (o[2] = (...n) => e.onBlur && e.onBlur(...n)),
-        onKeydown: [
-          o[3] || (o[3] = a((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
-          o[4] || (o[4] = a((...n) => e.onPressTab && e.onPressTab(...n), ["tab"]))
-        ],
-        onClick: o[5] || (o[5] = () => e.changeFocusedInput(0))
+        onKeydown: o[3] || (o[3] = t((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
+        onClick: o[4] || (o[4] = () => e.changeFocusedInput(0))
       }), null, 16, N)
     ], 2),
-    l("span", {
-      class: s(e.className.element("separator"))
+    s("span", {
+      class: l(e.className.element("separator"))
     }, [
-      u(e.$slots, "separator", {}, () => [
-        o[12] || (o[12] = y(" - ", -1))
+      p(e.$slots, "separator", {}, () => [
+        o[10] || (o[10] = k(" - ", -1))
       ])
     ], 2),
-    l("div", {
-      class: s(e.getInputWrapClassName(1))
+    s("div", {
+      class: l(e.getInputWrapClassName(1))
     }, [
-      l("input", t({
-        ref: "refInput1",
+      s("input", d({ ref: "refInput1" }, e.formControlAttrs1, {
         disabled: e.disabled1,
         placeholder: e.placeholder[1],
-        value: e.displayValue1
-      }, e.readonly ? { readonly: !0 } : {}, {
-        onInput: o[6] || (o[6] = (...n) => e.onChange && e.onChange(...n)),
-        onFocus: o[7] || (o[7] = (...n) => e.onFocus && e.onFocus(...n)),
-        onBlur: o[8] || (o[8] = (...n) => e.onBlur && e.onBlur(...n)),
-        onKeydown: [
-          o[9] || (o[9] = a((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
-          o[10] || (o[10] = a((...n) => e.onPressTab && e.onPressTab(...n), ["tab"]))
-        ],
-        onClick: o[11] || (o[11] = () => e.changeFocusedInput(1))
+        value: e.displayValue1,
+        readonly: e.readonly || void 0,
+        onInput: o[5] || (o[5] = (...n) => e.onChange && e.onChange(...n)),
+        onFocus: o[6] || (o[6] = (...n) => e.onFocus && e.onFocus(...n)),
+        onBlur: o[7] || (o[7] = (...n) => e.onBlur && e.onBlur(...n)),
+        onKeydown: o[8] || (o[8] = t((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
+        onClick: o[9] || (o[9] = () => e.changeFocusedInput(1))
       }), null, 16, F)
     ], 2),
-    l("div", {
-      class: s(e.className.element("suffix"))
+    s("div", {
+      class: l(e.className.element("suffix"))
     }, [
-      e.allowClear && !e.mergedDisabled && (e.value[0] || e.value[1]) ? (r(), m(b, {
+      e.allowClear && !e.mergedDisabled && (e.value[0] || e.value[1]) ? (r(), m(C, {
         key: 0,
         as: "button",
         "aria-label": e.t("common.clearTarget", { target: e.t(e.clearTargetKey) }),
         prefix: "picker",
-        class: s(e.className.element("clear-icon")),
+        class: l(e.className.element("clear-icon")),
         onClick: e.onClear
       }, {
         default: I(() => [
-          g(f)
+          b(f)
         ]),
         _: 1
-      }, 8, ["aria-label", "class", "onClick"])) : p("", !0),
-      l("span", {
-        class: s(e.className.element("suffix-icon"))
+      }, 8, ["aria-label", "class", "onClick"])) : u("", !0),
+      s("span", {
+        class: l(e.className.element("suffix-icon"))
       }, [
-        u(e.$slots, "suffix-icon")
+        p(e.$slots, "suffix-icon")
       ], 2),
-      e.feedback ? (r(), m(C, {
+      e.feedback ? (r(), m(y, {
         key: 1,
         type: e.feedback
-      }, null, 8, ["type"])) : p("", !0)
+      }, null, 8, ["type"])) : u("", !0)
     ], 2)
-  ], 2);
+  ], 16);
 }
-const D = /* @__PURE__ */ v(k, [["render", B]]);
+const T = /* @__PURE__ */ g(v, [["render", B]]);
 export {
-  D as default
+  T as default
 };

package/dist/es/components/_components/picker/input-range.vue2.js

@@ -1,18 +1,22 @@
-import { defineComponent as K, toRefs as L, ref as I, computed as s } from "vue";
-import M from "../feedback-icon/index.vue.js";
-import { isNumber as U, isUndefined as W, isArray as $, isDayjs as G, isFunction as J } from "../../../_utils/is.js";
-import O from "../../../icons/default/close-circle-fill.js";
-import Q from "../icon-hover/index.vue.js";
-import { useFormItem as X } from "../../../_hooks/use-form-item.js";
-import { useLocale as Y } from "../../../locale/index.js";
-import { useSize as Z } from "../../../_hooks/use-size.js";
-import { getClassNameMixin as ee } from "../../../_utils/config.js";
-const ce = K({
+import { defineComponent as J, toRefs as Q, computed as i, ref as x } from "vue";
+import X from "../feedback-icon/index.vue.js";
+import { isNumber as Y, isUndefined as Z, isArray as ee, isDayjs as re, isFunction as oe } from "../../../_utils/is.js";
+import te from "../../../icons/default/close-circle-fill.js";
+import ae from "../icon-hover/index.vue.js";
+import { useFormItem as ne, useFormItemControl as N } from "../../../_hooks/use-form-item.js";
+import { useLocale as ie } from "../../../locale/index.js";
+import { useSize as se } from "../../../_hooks/use-size.js";
+import { INPUT_EVENTS as F } from "../../../_utils/constant.js";
+import le from "../../../_utils/pick.js";
+import { omit as ue } from "../../../_utils/omit.js";
+import { getClassNameMixin as ce } from "../../../_utils/config.js";
+const xe = J({
   name: "DateInputRange",
+  inheritAttrs: !1,
   components: {
-    IconHover: Q,
-    IconClose: O,
-    FeedbackIcon: M
+    IconHover: ae,
+    IconClose: te,
+    FeedbackIcon: X
   },
   props: {
     size: {
@@ -69,95 +73,126 @@ const ce = K({
     "focus",
     "blur"
   ],
-  setup(t, { emit: r, slots: a }) {
-    const { t: h } = Y(), { error: C, focused: x, disabled: i, size: z, value: l, format: c, focusedIndex: f, inputValue: n } = L(t), {
+  setup(a, { emit: r, slots: s, attrs: o }) {
+    const { t: S } = ie(), {
+      error: z,
+      focused: E,
+      disabled: u,
+      size: B,
+      value: c,
+      format: f,
+      focusedIndex: d,
+      inputValue: n,
+      placeholder: g
+    } = Q(a), {
+      formItemCtx: b,
       mergedSize: D,
-      mergedDisabled: d,
-      mergedError: F,
-      feedback: S
-    } = X({ size: z, error: C }), { mergedSize: B } = Z(D), N = I(), A = I(), p = (e) => d.value ? d.value : $(i.value) ? i.value[e] : i.value, m = s(() => p(0)), g = s(() => p(1)), o = ee("picker"), k = s(() => [
-      o.block,
-      o.modifier("range"),
-      o.modifier(`size-${B.value}`),
+      mergedDisabled: m,
+      mergedError: $,
+      feedback: j
+    } = ne({ size: B, error: z }), { mergedSize: k } = se(D), _ = i(() => ue(o, [
+      ...F,
+      ...Object.keys(o).filter((e) => e.startsWith("aria-") || e === "role")
+    ])), v = () => ({
+      ...le(o, F),
+      ...Object.fromEntries(
+        Object.entries(o).filter(([e]) => e.startsWith("aria-") || e === "role")
+      )
+    }), O = N(b, () => {
+      var e;
+      return {
+        ...v(),
+        "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[0]) ?? ""}` : void 0
+      };
+    }), P = N(b, () => {
+      var e;
+      return {
+        ...v(),
+        id: o.id ? `${o.id}-end` : void 0,
+        "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[1]) ?? ""}` : void 0
+      };
+    }), R = x(), T = x(), p = (e) => m.value ? m.value : ee(u.value) ? u.value[e] : u.value, y = i(() => p(0)), I = i(() => p(1)), t = ce("picker"), V = i(() => [
+      t.block,
+      t.modifier("range"),
+      t.modifier(`size-${k.value}`),
       {
-        [o.modifier("focused")]: x.value,
-        [o.modifier("disabled")]: m.value && g.value,
-        [o.modifier("error")]: F.value,
-        [o.modifier("has-prefix")]: a.prefix
+        [t.modifier("focused")]: E.value,
+        [t.modifier("disabled")]: y.value && I.value,
+        [t.modifier("error")]: $.value,
+        [t.modifier("has-prefix")]: s.prefix
       }
     ]);
-    function E(e) {
+    function W(e) {
       return [
-        o.element("input"),
+        t.element("input"),
         {
-          [o.element("input-active")]: e === (f == null ? void 0 : f.value)
+          [t.element("input-active")]: e === (d == null ? void 0 : d.value)
         }
       ];
     }
-    function y(e) {
-      var v, b;
+    function h(e) {
+      var C, A;
       if (n != null && n.value)
-        return (v = n == null ? void 0 : n.value) == null ? void 0 : v[e];
-      const u = (b = l == null ? void 0 : l.value) == null ? void 0 : b[e];
-      if (u && G(u))
-        return J(c.value) ? c.value(u) : u.format(c.value);
+        return (C = n == null ? void 0 : n.value) == null ? void 0 : C[e];
+      const l = (A = c == null ? void 0 : c.value) == null ? void 0 : A[e];
+      if (l && re(l))
+        return oe(f.value) ? f.value(l) : l.format(f.value);
     }
-    const P = s(() => y(0)), R = s(() => y(1));
-    function _(e) {
+    const w = i(() => h(0)), U = i(() => h(1));
+    function q(e) {
       r("focused-index-change", e), r("update:focusedIndex", e);
     }
-    function T(e) {
+    function H(e) {
       e.stopPropagation(), r("change", e);
     }
-    function V() {
+    function K() {
       r("press-enter");
     }
-    function j(e) {
+    function L(e) {
       r("focus", e);
     }
-    function q(e) {
+    function M(e) {
       r("blur", e);
     }
-    function w(e) {
-      e.preventDefault();
-    }
-    function H(e) {
+    function G(e) {
       r("clear", e);
     }
     return {
-      t: h,
-      className: o,
-      classNames: k,
-      refInput0: N,
-      refInput1: A,
-      disabled0: m,
-      disabled1: g,
-      mergedDisabled: d,
+      wrapperAttrs: _,
+      formControlAttrs0: O,
+      formControlAttrs1: P,
+      t: S,
+      className: t,
+      classNames: V,
+      refInput0: R,
+      refInput1: T,
+      disabled0: y,
+      disabled1: I,
+      mergedDisabled: m,
       getDisabled: p,
-      getInputWrapClassName: E,
-      displayValue0: P,
-      displayValue1: R,
-      changeFocusedInput: _,
-      onChange: T,
-      onFocus: j,
-      onBlur: q,
-      onPressEnter: V,
-      onPressTab: w,
-      onClear: H,
-      feedback: S
+      getInputWrapClassName: W,
+      displayValue0: w,
+      displayValue1: U,
+      changeFocusedInput: q,
+      onChange: H,
+      onFocus: L,
+      onBlur: M,
+      onPressEnter: K,
+      onClear: G,
+      feedback: j
     };
   },
   methods: {
-    focus(t) {
-      const r = U(t) ? t : this.focusedIndex, a = r === 0 ? this.refInput0 : this.refInput1;
-      !W(r) && !this.getDisabled(r) && a && a.focus && a.focus();
+    focus(a) {
+      const r = Y(a) ? a : this.focusedIndex, s = r === 0 ? this.refInput0 : this.refInput1;
+      !Z(r) && !this.getDisabled(r) && s && s.focus && s.focus();
     },
     blur() {
-      const t = this.focusedIndex === 0 ? this.refInput0 : this.refInput1;
-      t && t.blur && t.blur();
+      const a = this.focusedIndex === 0 ? this.refInput0 : this.refInput1;
+      a && a.blur && a.blur();
     }
   }
 });
 export {
-  ce as default
+  xe as default
 };

package/dist/es/components/_components/picker/input.vue.js

@@ -1,29 +1,26 @@
-import c from "./input.vue2.js";
-import { resolveComponent as r, openBlock as n, createElementBlock as t, normalizeClass as l, renderSlot as m, createCommentVNode as i, createElementVNode as a, mergeProps as k, withKeys as b, createBlock as d, withCtx as y, createVNode as C } from "vue";
+import k from "./input.vue2.js";
+import { resolveComponent as r, openBlock as n, createElementBlock as i, mergeProps as m, normalizeClass as l, renderSlot as d, createCommentVNode as t, createElementVNode as a, withKeys as y, createBlock as p, withCtx as C, createVNode as b } from "vue";
 import N from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["disabled", "placeholder", "value"];
-function I(e, o, g, $, B, F) {
-  const p = r("IconClose"), u = r("IconHover"), f = r("FeedbackIcon");
-  return n(), t("div", {
-    class: l(e.classNames)
-  }, [
-    e.$slots.prefix ? (n(), t("div", {
+const v = ["disabled", "placeholder", "value", "readonly"];
+function I(e, o, g, $, B, w) {
+  const u = r("IconClose"), f = r("IconHover"), c = r("FeedbackIcon");
+  return n(), i("div", m(e.wrapperAttrs, { class: e.classNames }), [
+    e.$slots.prefix ? (n(), i("div", {
       key: 0,
       class: l(e.className.element("prefix"))
     }, [
-      m(e.$slots, "prefix")
-    ], 2)) : i("", !0),
+      d(e.$slots, "prefix")
+    ], 2)) : t("", !0),
     a("div", {
       class: l(e.className.element("input"))
     }, [
-      a("input", k({
-        ref: "refInput",
+      a("input", m({ ref: "refInput" }, e.formControlAttrs, {
         disabled: e.mergedDisabled,
         placeholder: e.placeholder,
         class: e.className.element("start-time"),
-        value: e.displayValue
-      }, e.readonly ? { readonly: !0 } : {}, {
-        onKeydown: o[0] || (o[0] = b((...s) => e.onPressEnter && e.onPressEnter(...s), ["enter"])),
+        value: e.displayValue,
+        readonly: e.readonly || void 0,
+        onKeydown: o[0] || (o[0] = y((...s) => e.onPressEnter && e.onPressEnter(...s), ["enter"])),
         onInput: o[1] || (o[1] = (...s) => e.onChange && e.onChange(...s)),
         onFocus: o[2] || (o[2] = (...s) => e.onFocus && e.onFocus(...s)),
         onBlur: o[3] || (o[3] = (...s) => e.onBlur && e.onBlur(...s))
@@ -32,7 +29,7 @@ function I(e, o, g, $, B, F) {
     a("div", {
       class: l(e.className.element("suffix"))
     }, [
-      e.allowClear && !e.mergedDisabled && e.displayValue ? (n(), d(u, {
+      e.allowClear && !e.mergedDisabled && e.displayValue ? (n(), p(f, {
         key: 0,
         as: "button",
         "aria-label": e.t("common.clearTarget", { target: e.t(e.clearTargetKey) }),
@@ -40,24 +37,24 @@ function I(e, o, g, $, B, F) {
         class: l(e.className.element("clear-icon")),
         onClick: e.onClear
       }, {
-        default: y(() => [
-          C(p)
+        default: C(() => [
+          b(u)
         ]),
         _: 1
-      }, 8, ["aria-label", "prefix", "class", "onClick"])) : i("", !0),
+      }, 8, ["aria-label", "prefix", "class", "onClick"])) : t("", !0),
       a("span", {
         class: l(e.className.element("suffix-icon"))
       }, [
-        m(e.$slots, "suffix-icon")
+        d(e.$slots, "suffix-icon")
       ], 2),
-      e.feedback ? (n(), d(f, {
+      e.feedback ? (n(), p(c, {
         key: 1,
         type: e.feedback
-      }, null, 8, ["type"])) : i("", !0)
+      }, null, 8, ["type"])) : t("", !0)
     ], 2)
-  ], 2);
+  ], 16);
 }
-const D = /* @__PURE__ */ N(c, [["render", I]]);
+const D = /* @__PURE__ */ N(k, [["render", I]]);
 export {
   D as default
 };