x-next 1.9.0 → 1.10.1

package/dist/es/components/_components/select-view/select-view.js

@@ -1,17 +1,17 @@
-import { defineComponent as E, toRefs as H, ref as B, computed as i, createVNode as o, Fragment as M } from "vue";
-import { isArray as P } from "../../../_utils/is.js";
-import q from "../feedback-icon/index.vue.js";
-import O from "../input-label/input-label.js";
-import { InputTag as _ } from "../../form-input-tag/index.js";
-import $ from "../icon-hover/index.vue.js";
-import G from "../../../icons/default/down.js";
-import J from "../../../icons/animation/animation-loading.js";
-import Q from "../../../icons/default/close.js";
-import U from "../../../icons/default/search.js";
-import { useFormItem as W, useFormItemControl 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";
+import { defineComponent as E, toRefs as H, ref as S, computed as i, createVNode as o, Fragment as M, nextTick as P } from "vue";
+import { isArray as q } from "../../../_utils/is.js";
+import O from "../feedback-icon/index.vue.js";
+import _ from "../input-label/input-label.js";
+import { InputTag as $ } from "../../form-input-tag/index.js";
+import G from "../icon-hover/index.vue.js";
+import J from "../../../icons/default/down.js";
+import Q from "../../../icons/animation/animation-loading.js";
+import U from "../../../icons/default/close.js";
+import W from "../../../icons/default/search.js";
+import { useFormItem as X, useFormItemControl as Y } from "../../../_hooks/use-form-item.js";
+import { useLocale as Z } from "../../../locale/index.js";
+import { useSize as ee } from "../../../_hooks/use-size.js";
+import { getClassNameMixin as le } from "../../../_utils/config.js";
 const be = /* @__PURE__ */ E({
   name: "SelectView",
   props: {
@@ -52,13 +52,18 @@ const be = /* @__PURE__ */ E({
       type: Boolean,
       default: !1
     },
+    // private: 缺失选项可不回显标签，但原始选中值仍可清空。
+    clearable: {
+      type: Boolean,
+      default: void 0
+    },
     allowCreate: {
       type: Boolean,
       default: !1
     },
     allowSearch: {
       type: Boolean,
-      default: (e) => P(e.modelValue)
+      default: (e) => q(e.modelValue)
     },
     maxTagCount: {
       type: Number,
@@ -87,120 +92,126 @@ const be = /* @__PURE__ */ E({
     slots: n
   }) {
     const {
-      size: S,
-      disabled: x,
-      error: F
-    } = H(e), u = ee("select--view"), {
-      formItemCtx: R,
-      feedback: p,
+      size: F,
+      disabled: R,
+      error: k
+    } = H(e), u = le("select--view"), {
+      formItemCtx: z,
+      feedback: g,
       eventHandlers: c,
-      mergedDisabled: g,
-      mergedSize: z,
-      mergedError: b
-    } = W({
-      size: S,
-      disabled: x,
-      error: F
-    }), v = X(R, () => e.inputAttrs ?? {}), {
-      t: A
-    } = Y(), {
+      mergedDisabled: f,
+      mergedSize: A,
+      mergedError: v
+    } = X({
+      size: F,
+      disabled: R,
+      error: k
+    }), b = Y(z, () => e.inputAttrs ?? {}), {
+      t: N
+    } = Z(), {
       mergedSize: h
-    } = Z(z), d = B(!1), f = B(), k = i(
+    } = ee(A), d = S(!1), m = S(), w = i(
       // @ts-ignore
       () => {
         var l;
-        return (l = f.value) == null ? void 0 : l.inputRef;
+        return (l = m.value) == null ? void 0 : l.inputRef;
       }
-    ), N = i(() => e.modelValue.length === 0), T = i(() => e.allowSearch || e.allowCreate), j = i(() => e.allowClear && !e.disabled && !N.value && e.modelValue.some((l) => l.closable !== !1)), m = (l) => {
+    ), T = i(() => e.modelValue.length === 0), D = i(() => e.allowSearch || e.allowCreate), C = i(() => e.allowClear && !f.value && !e.loading && (e.clearable ?? (!T.value && e.modelValue.some((l) => l.closable !== !1)))), s = (l) => {
       var a, t;
       d.value = !0, r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
-    }, s = (l) => {
+    }, p = (l) => {
       var a, t;
       d.value = !1, r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
-    }, D = (l) => {
+    }, j = (l) => {
       r("remove", String(l));
     }, K = (l) => {
-      l.stopPropagation(), r("clear", l);
-    }, w = (l, a) => {
-      var t, I;
-      r("inputValueChange", l, a), (I = (t = c.value) == null ? void 0 : t.onInput) == null || I.call(t, a);
-    }, C = (l) => {
+      l.stopPropagation(), C.value && (r("clear", l), P(() => {
+        var a;
+        return (a = w.value) == null ? void 0 : a.focus();
+      }));
+    }, V = (l, a) => {
+      var t, x;
+      r("inputValueChange", l, a), (x = (t = c.value) == null ? void 0 : t.onInput) == null || x.call(t, a);
+    }, y = (l) => {
       r("keydown", l);
     }, L = () => {
       var l, a;
-      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(J, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(U, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(G, {
+      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(Q, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(W, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(J, {
         class: u.element("arrow-icon")
       }, null);
-    }, V = () => o(M, null, [j.value && o($, {
+    }, I = () => o(M, null, [C.value ? o(G, {
       as: "button",
-      "aria-label": A("common.clearTarget", {
+      "aria-label": N("common.clearTarget", {
         target: "选择"
       }),
       class: u.element("clear-btn"),
       onClick: K,
-      onMousedown: (l) => l.stopPropagation()
+      onMousedown: (l) => {
+        l.preventDefault(), l.stopPropagation();
+      }
     }, {
-      default: () => [o(Q, null, null)]
-    }), o("span", {
-      class: u.element("icon")
-    }, [L()]), !!p.value && o(q, {
-      type: p.value
-    }, null)]), y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
+      default: () => [o(U, null, null)]
+    }) : o("span", {
+      class: u.element("icon"),
+      "aria-hidden": "true"
+    }, [L()]), !!g.value && o(O, {
+      type: g.value
+    }, null)]), B = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
       [u.modifier("opened")]: e.opened,
       [u.modifier("borderless")]: !e.bordered
     }]);
     return {
-      inputRef: k,
-      handleFocus: m,
-      handleBlur: s,
-      render: () => e.multiple ? o(_, {
-        ref: f,
+      inputRef: w,
+      handleFocus: s,
+      handleBlur: p,
+      render: () => e.multiple ? o($, {
+        ref: m,
         baseCls: u.block,
-        class: y.value,
+        class: B.value,
         modelValue: e.modelValue,
         inputValue: e.inputValue,
         focused: e.opened || d.value,
         placeholder: e.placeholder,
-        disabled: g.value,
+        disabled: f.value,
         size: h.value,
-        error: b.value,
+        error: v.value,
         maxTagCount: e.maxTagCount,
         disabledInput: !e.allowSearch && !e.allowCreate,
         tagNowrap: e.tagNowrap,
         retainInputValue: !0,
-        inputAttrs: v.value,
+        inputAttrs: b.value,
         uninjectFormItemContext: !0,
-        onRemove: D,
-        onInputValueChange: w,
-        onKeydown: C,
-        onFocus: m,
-        onBlur: s
+        onRemove: j,
+        onInputValueChange: V,
+        onKeydown: y,
+        onFocus: s,
+        onBlur: p
       }, {
         prefix: n.prefix,
-        suffix: V,
+        suffix: I,
         tag: n.label
-      }) : o(O, {
-        ref: f,
+      }) : o(_, {
+        ref: m,
         baseCls: u.block,
-        class: y.value,
+        class: B.value,
         modelValue: e.modelValue[0],
         inputValue: e.inputValue,
         focused: e.opened || d.value,
         placeholder: e.placeholder,
-        disabled: g.value,
+        disabled: f.value,
         size: h.value,
-        error: b.value,
-        enabledInput: T.value,
-        inputAttrs: v.value,
+        error: v.value,
+        enabledInput: D.value,
+        inputAttrs: b.value,
         uninjectFormItemContext: !0,
-        onInputValueChange: w,
-        onKeydown: C,
-        onFocus: m,
-        onBlur: s
+        onInputValueChange: V,
+        onKeydown: y,
+        onFocus: s,
+        onBlur: p
       }, {
         default: n.label,
         prefix: n.prefix,
-        suffix: V
+        suffix: I
       })
     };
   },

package/dist/es/components/button/Button.js

@@ -1,5 +1,5 @@
-import { defineComponent as O, getCurrentInstance as P, inject as p, reactive as x, computed as c, withDirectives as T, createVNode as o, resolveDirective as F } from "vue";
-import { getClassNameMixin as L } from "../../_utils/config.js";
+import { defineComponent as O, getCurrentInstance as P, inject as x, reactive as F, computed as t, withDirectives as T, createVNode as u, resolveDirective as L } from "vue";
+import { getClassNameMixin as p } from "../../_utils/config.js";
 import { buttonProps as A } from "./props.js";
 import B from "../../icons/animation/animation-loading.js";
 import I from "../../directives/wave.js";
@@ -18,51 +18,51 @@ const H = /* @__PURE__ */ O({
     slots: l,
     emit: h
   }) {
-    const f = P(), a = p(K, void 0), {
+    const s = P(), a = x(K, void 0), {
       mergedSize: k
     } = N(void 0, {
       defaultValue: "medium"
-    }), r = x({
+    }), r = F({
       clicked: !1,
       isDebounce: !1
-    }), i = L("button"), w = (n) => n.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`), u = (n) => {
-      const d = (f == null ? void 0 : f.vnode.props) ?? {};
+    }), i = p("button"), w = (n) => n.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`), o = (n) => {
+      const d = (s == null ? void 0 : s.vnode.props) ?? {};
       return Object.prototype.hasOwnProperty.call(d, n) || Object.prototype.hasOwnProperty.call(d, w(n));
-    }, s = c(() => u("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), v = c(() => u("size") ? e.size : (a == null ? void 0 : a.size) ?? k.value), b = c(() => u("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), g = c(() => u("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), m = c(() => u("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), D = c(() => [i.block, s.value && s.value !== "default" && i.modifier(s.value), v.value && i.modifier(v.value), b.value && i.modifier(b.value), m.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), g.value && i.modifier(g.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), t.value && i.modifier("loading"), e.loadingFill && i.modifier("loading-fill"), e.narrow && i.modifier("narrow")]), z = () => {
+    }, m = t(() => o("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), v = t(() => o("size") ? e.size : (a == null ? void 0 : a.size) ?? k.value), b = t(() => o("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), g = t(() => o("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), f = t(() => o("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), D = t(() => [i.block, m.value && m.value !== "default" && i.modifier(m.value), v.value && i.modifier(v.value), b.value && i.modifier(b.value), f.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), g.value && i.modifier(g.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), c.value && i.modifier("loading"), e.loadingFill && i.modifier("loading-fill"), e.narrow && i.modifier("narrow")]), z = () => {
       e.debounce > 0 && !r.isDebounce && (r.isDebounce = !0, setTimeout(() => {
         r.isDebounce = !1;
       }, e.debounce));
-    }, t = c(() => e.loading || r.clicked || r.isDebounce), S = c(() => m.value || t.value || e.link || s.value === "text"), j = (n) => {
+    }, c = t(() => e.loading || r.clicked || r.isDebounce), S = t(() => f.value || c.value || e.link || m.value === "text"), j = (n) => {
       var d;
-      n.detail > 0 && ((d = n.currentTarget) == null || d.blur()), !(m.value || t.value) && (z(), h("click", n));
+      n.detail > 0 && ((d = n.currentTarget) == null || d.blur()), !(f.value || c.value) && (z(), h("click", n));
     };
     return () => {
       var n, d, y;
-      return T(o("button", {
+      return T(u("button", {
         class: D.value,
         type: e.htmlType,
-        disabled: m.value || t.value,
-        "aria-busy": t.value || void 0,
+        disabled: f.value || c.value,
+        "aria-busy": c.value || void 0,
         onClick: j
-      }, [o("span", {
+      }, [u("span", {
         class: i.element("loading"),
+        "aria-hidden": "true",
         style: {
           display: "flex",
-          opacity: t.value ? 1 : 0,
-          width: t.value ? "auto" : 0,
-          marginRight: t.value && !e.loadingFill ? "4px" : "0",
-          overflow: "hidden",
-          transition: "all 0.3s ease"
+          opacity: c.value ? 1 : 0,
+          width: e.loadingFill ? void 0 : c.value ? "1em" : 0,
+          marginRight: c.value && !e.loadingFill ? "4px" : "0",
+          overflow: "hidden"
         }
-      }, [o(B, null, null)]), !!l.prefix && o("span", {
+      }, [c.value && u(B, null, null)]), !!l.prefix && u("span", {
         class: i.element("prefix")
-      }, [(n = l.prefix) == null ? void 0 : n.call(l)]), l.icon && o("span", {
+      }, [(n = l.prefix) == null ? void 0 : n.call(l)]), l.icon && u("span", {
         class: i.element("prefix")
-      }, [(d = l.icon) == null ? void 0 : d.call(l)]), o("span", {
+      }, [(d = l.icon) == null ? void 0 : d.call(l)]), u("span", {
         class: i.element("content")
-      }, [(y = l.default) == null ? void 0 : y.call(l)]), l.suffix && o("span", {
+      }, [(y = l.default) == null ? void 0 : y.call(l)]), l.suffix && u("span", {
         class: i.element("suffix")
-      }, [l.suffix()])]), [[F("wave"), {
+      }, [l.suffix()])]), [[L("wave"), {
         disabled: S.value
       }]]);
     };

package/dist/es/components/form-input-tag/InputTag.js

@@ -343,7 +343,7 @@ const Pe = {
           return e;
       return -1;
     }, se = (e) => {
-      if (b.value || a.readonly)
+      if (b.value || a.readonly || e.isComposing || e.keyCode === 229)
         return;
       const t = e.key || e.code;
       if (!p.value && o.value && t === Ve.key && ne(e), !p.value && I.value.length > 0 && !o.value && t === Ie.key) {