@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XInput.vue2.js

@@ -0,0 +1,537 @@
+import { defineComponent as pt, useAttrs as dt, useSlots as vt, ref as s, computed as u, watch as A, onMounted as ft, onBeforeUnmount as ht, openBlock as m, createElementBlock as y, createElementVNode as L, normalizeClass as K, unref as S, renderSlot as T, createTextVNode as Be, toDisplayString as N, createCommentVNode as C, mergeProps as gt, withModifiers as I, createVNode as se, Fragment as mt, renderList as yt, nextTick as wt } from "vue";
+import { useXConfig as xt, sizeClass as Ee } from "../composables/config.js";
+import { useXFormField as St } from "../composables/form.js";
+import { useXI18n as Ct } from "../composables/i18n.js";
+import ie from "./XIcon.js";
+const bt = {
+  key: 0,
+  class: "x-input-group__addon x-input-group__addon--prepend"
+}, kt = {
+  key: 0,
+  class: "x-input__prefix"
+}, Rt = ["id", "value", "type", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid"], Bt = ["aria-label"], Et = {
+  key: 2,
+  class: "x-input__suffix"
+}, Lt = {
+  key: 1,
+  class: "x-input-speech__wave",
+  "aria-hidden": "true"
+}, _t = ["aria-label", "disabled"], Vt = ["aria-label"], It = {
+  key: 1,
+  class: "x-input-group__addon x-input-group__addon--append"
+}, Dt = {
+  key: 0,
+  class: "x-input-composite__panel"
+}, At = { class: "x-input-composite__list" }, $t = ["onMouseenter", "onClick"], Nt = /* @__PURE__ */ pt({
+  __name: "XInput",
+  props: {
+    modelValue: {},
+    defaultValue: { default: "" },
+    placeholder: {},
+    size: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    status: { default: void 0 },
+    maxLength: {},
+    type: { default: "text" },
+    readonly: { type: Boolean, default: !1 },
+    showWordLimit: { type: Boolean, default: !1 },
+    wordLength: {},
+    wordSlice: {},
+    prepend: { default: void 0 },
+    append: { default: void 0 },
+    listData: { default: () => [] },
+    keyworld: { default: "" },
+    rowKey: { default: "" },
+    btnValue: { default: "" },
+    isClera: { type: Boolean, default: !0 },
+    speechRecognition: { type: Boolean, default: !1 },
+    speechRecognitionLang: { default: "zh-CN" },
+    speechRecognitionContinuous: { type: Boolean, default: !0 },
+    speechRecognitionInterimResults: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "input", "change", "clear", "blur", "focus", "pressEnter", "captureItem", "sentWord", "clickUseAppend", "changename", "speechStart", "speechEnd", "speechResult", "speechError"],
+  setup(b, { expose: Le, emit: _e }) {
+    const n = b, a = _e, Ve = xt(), r = St(), Ie = dt(), j = vt(), { t: c } = Ct(), H = s(null), k = s(null), q = s(!1), O = s(!1), De = u(() => {
+      const e = { ...Ie };
+      return delete e.class, delete e.style, e;
+    }), w = s(!1), $ = s(!1), f = s(-1), G = s([]), ce = u(() => n.size ?? Ve.size.value), _ = u(() => !!(n.disabled || r != null && r.disabled.value)), Ae = u(() => n.allowClear ?? n.clearable), p = u(() => typeof n.keyworld == "string" ? n.keyworld.trim().length > 0 : Array.isArray(n.keyworld) ? String(n.keyworld[0] ?? "").trim().length > 0 : !1), pe = u(() => p.value), J = u(() => n.modelValue !== void 0), Q = s(String(n.defaultValue ?? "")), i = u(() => J.value ? String(n.modelValue ?? "") : Q.value), de = u(() => {
+      if (typeof n.maxLength == "number" && n.maxLength > 0)
+        return {
+          length: n.maxLength,
+          errorOnly: !1
+        };
+      if (n.maxLength && typeof n.maxLength == "object") {
+        const e = Number(n.maxLength.length);
+        if (e > 0)
+          return {
+            length: e,
+            errorOnly: !!n.maxLength.errorOnly
+          };
+      }
+    }), x = u(() => {
+      var e;
+      return (e = de.value) == null ? void 0 : e.length;
+    }), W = u(() => {
+      var e;
+      return !!((e = de.value) != null && e.errorOnly);
+    }), ve = u(() => typeof n.wordLength == "function" ? n.wordLength(i.value) : i.value.length), fe = u(() => !!(x.value && ve.value > x.value)), M = u(() => n.error ? "error" : n.status), V = u(() => M.value === "error" || fe.value && W.value), he = u(() => Ae.value && i.value.length > 0 && !_.value && !n.readonly), ge = u(() => n.showWordLimit && !!x.value), me = u(() => !!j.prepend || n.prepend !== void 0), Y = u(() => !!j.append || n.append !== void 0), Z = u(() => !!n.speechRecognition && n.type === "text"), ye = u(() => Z.value), $e = u(() => ge.value || !!j.suffix || pe.value || ye.value), ee = s(i.value), d = s(null), h = s(!1), v = s(!1), te = s(!1), we = s(""), P = s(""), B = s([]), U = s(i.value), Me = u(() => _.value || n.readonly || !te.value), Fe = u(() => {
+      if (!(!x.value || W.value))
+        return x.value;
+    });
+    A(i, (e, t) => {
+      ee.value = t, !h.value && !v.value && (U.value = i.value);
+    }), A(
+      () => n.listData,
+      () => {
+        X();
+      },
+      { deep: !0 }
+    ), A(
+      () => n.btnValue,
+      (e) => {
+        !p.value || J.value || e !== "" && (Q.value = String(e ?? ""));
+      },
+      { immediate: !0 }
+    ), A(p, (e) => {
+      e || R();
+    }), A(
+      () => [n.speechRecognitionLang, n.speechRecognitionContinuous, n.speechRecognitionInterimResults],
+      ([e, t, o]) => {
+        d.value && (d.value.lang = e, d.value.continuous = t, d.value.interimResults = o);
+      }
+    ), A(
+      () => [Z.value, _.value, n.readonly],
+      ([e, t, o]) => {
+        (!e || t || o) && ne();
+      }
+    );
+    function xe() {
+      if (typeof window > "u")
+        return;
+      const e = window;
+      return e.SpeechRecognition ?? e.webkitSpeechRecognition;
+    }
+    function ze() {
+      te.value = !!xe();
+    }
+    function F(e = "") {
+      return String(e).replace(/[\u200B-\u200D\uFEFF]/g, "").replace(/\s+/g, " ").trim();
+    }
+    function Ke(e, t) {
+      const o = F(e), l = F(t);
+      return l ? o ? `${o} ${l}` : l : e;
+    }
+    function Te(e) {
+      var g, D;
+      const { results: t } = e;
+      if (!t || t.length === 0)
+        return "";
+      const o = typeof e.resultIndex == "number" ? e.resultIndex : 0;
+      B.value.length > t.length && (B.value.length = t.length);
+      for (let E = o; E < t.length; E += 1)
+        B.value[E] = F(((D = (g = t[E]) == null ? void 0 : g[0]) == null ? void 0 : D.transcript) ?? "");
+      let l = "";
+      for (let E = 0; E < B.value.length; E += 1) {
+        const re = B.value[E];
+        re && (l = l ? `${l} ${re}` : re);
+      }
+      return F(l);
+    }
+    function Ne(e, t) {
+      const o = {
+        "not-allowed": c("input.speechErrors.notAllowed", void 0, "麦克风权限被拒绝"),
+        "service-not-allowed": c("input.speechErrors.serviceNotAllowed", void 0, "浏览器禁止了语音识别服务"),
+        "audio-capture": c("input.speechErrors.audioCapture", void 0, "未检测到可用麦克风"),
+        network: c("input.speechErrors.network", void 0, "语音识别网络异常"),
+        "no-speech": c("input.speechErrors.noSpeech", void 0, "未检测到语音输入"),
+        "language-not-supported": c("input.speechErrors.languageNotSupported", void 0, "当前语音语言不支持"),
+        aborted: c("input.speechErrors.aborted", void 0, "语音识别已取消")
+      };
+      return t || (e ? o[e] : "") || c("input.speechFailed", void 0, "语音识别失败");
+    }
+    function Oe(e, t) {
+      const o = F(e);
+      if (!o || o === P.value)
+        return;
+      const l = Ke(we.value, o);
+      l !== U.value && (z(l, t), ue(l), U.value = l), P.value = o, a("speechResult", o, l);
+    }
+    function We(e) {
+      const t = Te(e);
+      t && Oe(t, e);
+    }
+    function Pe() {
+      const e = xe();
+      if (!e)
+        return null;
+      const t = new e();
+      return t.lang = n.speechRecognitionLang, t.continuous = n.speechRecognitionContinuous, t.interimResults = n.speechRecognitionInterimResults, t.onstart = () => {
+        v.value = !1, h.value = !0, a("speechStart");
+      }, t.onend = () => {
+        v.value = !1, h.value = !1, B.value = [], a("speechEnd", P.value, i.value);
+      }, t.onerror = (o) => {
+        v.value = !1, h.value = !1, B.value = [];
+        const l = Ne(o.error, o.message);
+        a("speechError", l, o.error);
+      }, t.onresult = We, t;
+    }
+    function Ue() {
+      if (d.value)
+        return d.value;
+      const e = Pe();
+      return d.value = e, e;
+    }
+    function ne() {
+      if (!(!d.value || !h.value && !v.value))
+        try {
+          d.value.stop();
+        } catch {
+          v.value = !1, h.value = !1;
+        }
+    }
+    function Xe() {
+      var t;
+      if (!Z.value || _.value || n.readonly || h.value || v.value)
+        return;
+      if (!te.value) {
+        a("speechError", c("input.speechUnsupported", void 0, "当前浏览器不支持语音识别"));
+        return;
+      }
+      const e = Ue();
+      if (!e) {
+        a("speechError", c("input.speechInitFailed", void 0, "语音识别初始化失败"));
+        return;
+      }
+      we.value = i.value, P.value = "", B.value = [], U.value = i.value, v.value = !0, (t = k.value) == null || t.focus();
+      try {
+        e.start();
+      } catch (o) {
+        v.value = !1;
+        const l = o instanceof Error ? o.message : c("input.speechStartFailed", void 0, "语音识别启动失败");
+        a("speechError", l);
+      }
+    }
+    function je() {
+      if (h.value || v.value) {
+        ne();
+        return;
+      }
+      Xe();
+    }
+    function Se() {
+      return typeof n.keyworld == "string" ? [n.keyworld, ""] : Array.isArray(n.keyworld) ? [String(n.keyworld[0] ?? ""), String(n.keyworld[1] ?? "")] : ["", ""];
+    }
+    function He(e) {
+      const [t, o] = Se();
+      if (!t) return "";
+      const l = String(e[t] ?? ""), g = o ? String(e[o] ?? "") : "";
+      return typeof n.keyworld == "string" ? l : g ? `${l} ${g}` : l;
+    }
+    function qe(e) {
+      const [t, o] = Se();
+      if (!t) return "";
+      const l = String(e[t] ?? ""), g = o ? String(e[o] ?? "") : "";
+      return typeof n.keyworld == "string" ? l : g ? `${l} (${g})` : l;
+    }
+    function Ge(e) {
+      return !x.value || W.value || (n.wordLength ?? ((o) => o.length))(e) <= x.value ? e : typeof n.wordSlice == "function" ? n.wordSlice(e, x.value) : e.slice(0, x.value);
+    }
+    function z(e, t) {
+      const o = Ge(e);
+      J.value || (Q.value = o), a("update:modelValue", o), a("input", o, t);
+    }
+    function oe(e, t) {
+      e !== ee.value && (ee.value = e, a("change", e, t), r == null || r.notifyChange());
+    }
+    function Ce() {
+      f.value = -1, G.value = [];
+    }
+    function R() {
+      w.value = !1, $.value = !1, Ce();
+    }
+    function X() {
+      if (!p.value) {
+        R();
+        return;
+      }
+      w.value = n.listData.length > 0 && $.value, w.value || Ce();
+    }
+    function le() {
+      p.value && ($.value = !0, a("sentWord", i.value), X());
+    }
+    function Je() {
+      R();
+    }
+    function Qe() {
+      if (w.value) {
+        R();
+        return;
+      }
+      le();
+    }
+    function ue(e) {
+      p.value && ($.value = !0, a("sentWord", e), X());
+    }
+    function be(e) {
+      if (!p.value)
+        return;
+      const t = n.isClera ? "" : qe(e);
+      z(t, new Event("input")), a("captureItem", e), R();
+    }
+    function Ye() {
+      p.value && (i.value && a("changename", i.value), R());
+    }
+    function Ze() {
+      a("clickUseAppend");
+    }
+    function ke() {
+      wt(() => {
+        const e = G.value[f.value];
+        e == null || e.scrollIntoView({ block: "nearest" });
+      });
+    }
+    function et(e) {
+      if (!p.value)
+        return !1;
+      if (e.key === "ArrowDown")
+        return !w.value && ($.value = !0, X(), !w.value) || n.listData.length === 0 ? !1 : (e.preventDefault(), f.value < 0 ? f.value = 0 : f.value = (f.value + 1) % n.listData.length, ke(), !0);
+      if (e.key === "ArrowUp")
+        return !w.value || n.listData.length === 0 ? !1 : (e.preventDefault(), f.value <= 0 ? f.value = 0 : f.value -= 1, ke(), !0);
+      if (e.key === "Enter") {
+        if (!w.value || n.listData.length === 0)
+          return !1;
+        e.preventDefault();
+        const t = f.value >= 0 ? f.value : 0, o = n.listData[t];
+        return o && be(o), !0;
+      }
+      return e.key === "Escape" && w.value ? (e.preventDefault(), R(), !0) : !1;
+    }
+    function tt(e) {
+      if (O.value) return;
+      const t = e.target.value, o = p.value ? t.trim() : t;
+      z(o, e), r == null || r.notifyInput(e), ue(o);
+    }
+    function ae(e) {
+      if (e.type === "compositionend") {
+        O.value = !1;
+        const t = e.target.value, o = p.value ? t.trim() : t;
+        z(o, e), r == null || r.notifyInput(e), ue(o);
+        return;
+      }
+      O.value = !0;
+    }
+    function nt(e) {
+      var t;
+      z("", e), oe("", e), a("clear", e), p.value && R(), (t = k.value) == null || t.focus();
+    }
+    function ot(e) {
+      q.value = !0, a("focus", e), r == null || r.notifyFocus(e), p.value && le();
+    }
+    function lt(e) {
+      q.value = !1, oe(i.value, e), a("blur", e), Ye(), r == null || r.notifyBlur();
+    }
+    function ut(e) {
+      O.value || (oe(i.value, e), a("pressEnter", e));
+    }
+    function at(e) {
+      et(e) || e.key === "Enter" && ut(e);
+    }
+    function rt(e) {
+      k.value && e.target !== k.value && (e.preventDefault(), k.value.focus());
+    }
+    function Re(e) {
+      if (!p.value)
+        return;
+      const t = e.target;
+      !t || !H.value || H.value.contains(t) || R();
+    }
+    function st() {
+      var e;
+      (e = k.value) == null || e.focus();
+    }
+    function it() {
+      var e;
+      (e = k.value) == null || e.blur();
+    }
+    function ct() {
+      var e;
+      (e = k.value) == null || e.select();
+    }
+    return ft(() => {
+      ze(), document.addEventListener("mousedown", Re);
+    }), ht(() => {
+      ne(), d.value && (d.value.onstart = null, d.value.onend = null, d.value.onerror = null, d.value.onresult = null), document.removeEventListener("mousedown", Re);
+    }), Le({
+      focus: st,
+      blur: it,
+      select: ct,
+      openCompositeTrigger: le,
+      closeCompositeTrigger: Je,
+      toggleCompositeTrigger: Qe
+    }), (e, t) => {
+      var o;
+      return m(), y("div", {
+        ref_key: "rootRef",
+        ref: H,
+        class: "x-input-composite-host"
+      }, [
+        L("div", {
+          class: K(["x-input-group", [
+            S(Ee)(ce.value),
+            {
+              "is-disabled": _.value,
+              "is-error": V.value,
+              "is-warning": M.value === "warning" && !V.value,
+              "is-success": M.value === "success" && !V.value,
+              "has-prepend": me.value,
+              "has-append": Y.value
+            }
+          ]])
+        }, [
+          me.value ? (m(), y("span", bt, [
+            T(e.$slots, "prepend", {}, () => [
+              Be(N(b.prepend), 1)
+            ], !0)
+          ])) : C("", !0),
+          L("label", {
+            class: K(["x-input", [
+              S(Ee)(ce.value),
+              {
+                "is-disabled": _.value,
+                "is-error": V.value,
+                "is-warning": M.value === "warning" && !V.value,
+                "is-success": M.value === "success" && !V.value,
+                "is-readonly": b.readonly,
+                "is-focus": q.value,
+                "has-clear": he.value,
+                "has-append": Y.value
+              }
+            ]]),
+            onMousedown: rt
+          }, [
+            e.$slots.prefix ? (m(), y("span", kt, [
+              T(e.$slots, "prefix", {}, void 0, !0)
+            ])) : C("", !0),
+            L("input", gt({
+              ref_key: "inputRef",
+              ref: k
+            }, De.value, {
+              id: (o = S(r)) == null ? void 0 : o.id,
+              value: i.value,
+              type: b.type,
+              placeholder: b.placeholder,
+              disabled: _.value,
+              readonly: b.readonly,
+              maxlength: Fe.value,
+              "aria-invalid": V.value || void 0,
+              class: "x-input__inner",
+              onInput: tt,
+              onCompositionstart: ae,
+              onCompositionupdate: ae,
+              onCompositionend: ae,
+              onFocus: ot,
+              onBlur: lt,
+              onKeydown: at
+            }), null, 16, Rt),
+            he.value ? (m(), y("button", {
+              key: 1,
+              class: "x-input__clear x-input-icon-hover",
+              type: "button",
+              "aria-label": S(c)("input.clearAria", void 0, "清空"),
+              onMousedown: t[0] || (t[0] = I(() => {
+              }, ["prevent"])),
+              onClick: nt
+            }, [
+              T(e.$slots, "clear-icon", {}, () => [
+                se(S(ie), { name: "guanbi" })
+              ], !0)
+            ], 40, Bt)) : C("", !0),
+            $e.value ? (m(), y("span", Et, [
+              ge.value ? (m(), y("span", {
+                key: 0,
+                class: K(["x-input__count", { "is-error": fe.value && W.value }])
+              }, N(ve.value) + "/" + N(x.value), 3)) : C("", !0),
+              T(e.$slots, "suffix", {}, void 0, !0),
+              h.value ? (m(), y("span", Lt, [
+                se(S(ie), { name: "voiceprint" })
+              ])) : C("", !0),
+              ye.value ? (m(), y("button", {
+                key: 2,
+                class: K(["x-input-speech__trigger", { "is-active": h.value || v.value }]),
+                type: "button",
+                "aria-label": h.value || v.value ? S(c)("input.speechStopAria", void 0, "停止语音识别") : S(c)("input.speechStartAria", void 0, "开始语音识别"),
+                disabled: Me.value && !h.value && !v.value,
+                onMousedown: t[1] || (t[1] = I(() => {
+                }, ["prevent", "stop"])),
+                onClick: I(je, ["stop"])
+              }, [
+                se(S(ie), {
+                  name: h.value || v.value ? "mic-on-full" : "mic-on"
+                }, null, 8, ["name"])
+              ], 42, _t)) : C("", !0),
+              pe.value ? (m(), y("button", {
+                key: 3,
+                class: "x-input-composite__trigger",
+                type: "button",
+                "aria-label": S(c)("input.compositeMoreAria", void 0, "更多"),
+                onMousedown: t[2] || (t[2] = I(() => {
+                }, ["prevent", "stop"])),
+                onClick: I(Ze, ["stop"])
+              }, [...t[4] || (t[4] = [
+                L("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  L("circle", {
+                    cx: "5",
+                    cy: "12",
+                    r: "2",
+                    fill: "currentColor"
+                  }),
+                  L("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "2",
+                    fill: "currentColor"
+                  }),
+                  L("circle", {
+                    cx: "19",
+                    cy: "12",
+                    r: "2",
+                    fill: "currentColor"
+                  })
+                ], -1)
+              ])], 40, Vt)) : C("", !0)
+            ])) : C("", !0)
+          ], 34),
+          Y.value ? (m(), y("span", It, [
+            T(e.$slots, "append", {}, () => [
+              Be(N(b.append), 1)
+            ], !0)
+          ])) : C("", !0)
+        ], 2),
+        w.value ? (m(), y("div", Dt, [
+          L("ul", At, [
+            (m(!0), y(mt, null, yt(b.listData, (l, g) => (m(), y("li", {
+              key: `${b.rowKey || "x-input-option"}-${g}`,
+              ref_for: !0,
+              ref: (D) => G.value[g] = D,
+              class: K(["x-input-composite__option", { "is-active": f.value === g }]),
+              onMouseenter: (D) => f.value = g,
+              onMousedown: t[3] || (t[3] = I(() => {
+              }, ["prevent"])),
+              onClick: I((D) => be(l), ["stop"])
+            }, N(He(l)), 43, $t))), 128))
+          ])
+        ])) : C("", !0)
+      ], 512);
+    };
+  }
+});
+export {
+  Nt as default
+};

package/dist/components/XInputComposite.vue.d.ts

@@ -63,11 +63,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly speechRecognitionLang?: string | undefined;
             readonly speechRecognitionContinuous?: boolean | undefined;
             readonly speechRecognitionInterimResults?: boolean | undefined;
-            readonly onChange?: ((value: string, event: Event) => any) | undefined;
-            readonly onClear?: ((event: MouseEvent) => any) | undefined;
             readonly onInput?: ((value: string, event: Event) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onChange?: ((value: string, event: Event) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onClear?: ((event: MouseEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             readonly onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
             readonly onCaptureItem?: ((item: {
@@ -94,7 +94,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "change", value: string, event: Event) => void) & ((event: "clear", event: MouseEvent) => void) & ((event: "input", value: string, event: Event) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", event: KeyboardEvent) => void) & ((event: "captureItem", item: {
+        $emit: ((event: "input", value: string, event: Event) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", value: string, event: Event) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "clear", event: MouseEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", event: KeyboardEvent) => void) & ((event: "captureItem", item: {
             [x: string]: unknown;
         }) => void) & ((event: "sentWord", word: string) => void) & ((event: "clickUseAppend") => void) & ((event: "changename", name: string) => void) & ((event: "speechStart") => void) & ((event: "speechEnd", result: string, value: string) => void) & ((event: "speechResult", result: string, value: string) => void) & ((event: "speechError", message: string, code?: string | undefined) => void);
         $el: HTMLDivElement;
@@ -131,11 +131,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             speechRecognitionContinuous?: boolean;
             speechRecognitionInterimResults?: boolean;
         }> & Readonly<{
-            onChange?: ((value: string, event: Event) => any) | undefined;
-            onClear?: ((event: MouseEvent) => any) | undefined;
             onInput?: ((value: string, event: Event) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, event: Event) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
+            onClear?: ((event: MouseEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
             onCaptureItem?: ((item: {
@@ -156,11 +156,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             closeCompositeTrigger: () => void;
             toggleCompositeTrigger: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            change: (value: string, event: Event) => any;
-            clear: (event: MouseEvent) => any;
             input: (value: string, event: Event) => any;
             blur: (event: FocusEvent) => any;
+            change: (value: string, event: Event) => any;
             focus: (event: FocusEvent) => any;
+            clear: (event: MouseEvent) => any;
             "update:modelValue": (value: string) => any;
             pressEnter: (event: KeyboardEvent) => any;
             captureItem: (item: {
@@ -177,9 +177,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             error: boolean;
             type: string;
             status: "error" | "success" | "warning";
-            allowClear: boolean;
             defaultValue: string | number;
             clearable: boolean;
+            allowClear: boolean;
             readonly: boolean;
             showWordLimit: boolean;
             prepend: string;
@@ -219,9 +219,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         error: boolean;
         type: string;
         status: "error" | "success" | "warning";
-        allowClear: boolean;
         defaultValue: string | number;
         clearable: boolean;
+        allowClear: boolean;
         readonly: boolean;
         showWordLimit: boolean;
         prepend: string;
@@ -270,11 +270,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         speechRecognitionContinuous?: boolean;
         speechRecognitionInterimResults?: boolean;
     }> & Readonly<{
-        onChange?: ((value: string, event: Event) => any) | undefined;
-        onClear?: ((event: MouseEvent) => any) | undefined;
         onInput?: ((value: string, event: Event) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, event: Event) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onClear?: ((event: MouseEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
         onCaptureItem?: ((item: {
@@ -287,7 +287,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         onSpeechEnd?: ((result: string, value: string) => any) | undefined;
         onSpeechResult?: ((result: string, value: string) => any) | undefined;
         onSpeechError?: ((message: string, code?: string | undefined) => any) | undefined;
-    }>, "select" | "blur" | "focus" | "openCompositeTrigger" | "closeCompositeTrigger" | "toggleCompositeTrigger" | ("error" | "type" | "status" | "allowClear" | "defaultValue" | "clearable" | "readonly" | "showWordLimit" | "prepend" | "append" | "listData" | "keyworld" | "rowKey" | "btnValue" | "isClera" | "speechRecognition" | "speechRecognitionLang" | "speechRecognitionContinuous" | "speechRecognitionInterimResults")> & import('vue').ShallowUnwrapRef<{
+    }>, "select" | "blur" | "focus" | "openCompositeTrigger" | "closeCompositeTrigger" | "toggleCompositeTrigger" | ("error" | "type" | "status" | "defaultValue" | "clearable" | "allowClear" | "readonly" | "showWordLimit" | "prepend" | "append" | "listData" | "keyworld" | "rowKey" | "btnValue" | "isClera" | "speechRecognition" | "speechRecognitionLang" | "speechRecognitionContinuous" | "speechRecognitionInterimResults")> & import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
         select: () => void;

package/dist/components/XInputComposite.vue.js

@@ -0,0 +1,7 @@
+import o from "./XInputComposite.vue2.js";
+/* empty css                     */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6153b262"]]);
+export {
+  s as default
+};