x-next 1.3.1 → 1.5.0

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

@@ -1,25 +1,25 @@
-import { defineComponent as me, toRefs as pe, ref as v, computed as s, reactive as ge, watch as $, onMounted as be, createVNode as d, mergeProps as z, TransitionGroup as he, nextTick as U } from "vue";
-import { INPUT_EVENTS as W } from "../../_utils/constant.js";
-import { Enter as ye, Backspace as Ve } from "../../_utils/keycode.js";
+import { defineComponent as pe, toRefs as ge, ref as m, computed as d, reactive as be, watch as j, onMounted as he, createVNode as f, mergeProps as F, TransitionGroup as ye, nextTick as T } from "vue";
+import { INPUT_EVENTS as U } from "../../_utils/constant.js";
+import { Enter as Ve, Backspace as Ie } from "../../_utils/keycode.js";
 import { getValueData as Ce } from "./utils.js";
-import { Tag as Ie } from "../tag/index.js";
+import { Tag as xe } from "../tag/index.js";
 import we from "../_components/icon-hover/index.vue.js";
-import xe from "../../icons/default/close.js";
-import { omit as q } from "../../_utils/omit.js";
-import Be from "../../_utils/pick.js";
+import Be from "../../icons/default/close.js";
+import { omit as W } from "../../_utils/omit.js";
+import Te from "../../_utils/pick.js";
 import _e from "../../_container/resize-observer.js";
-import Te from "../_components/feedback-icon/index.vue.js";
-import { useFormItem as ke, useFormItemControl as Ne } from "../../_hooks/use-form-item.js";
+import ke from "../_components/feedback-icon/index.vue.js";
+import { useFormItem as Ee, useFormItemControl as Ne } from "../../_hooks/use-form-item.js";
 import { useLocale as Ae } from "../../locale/index.js";
-import { useSize as Ee } from "../../_hooks/use-size.js";
-import { isObject as Se, isUndefined as ze, isNull as Fe } from "../../_utils/is.js";
-import { getClassNameMixin as G, getRemovePrefixComponentName as Re } from "../../_utils/config.js";
+import { useSize as Se } from "../../_hooks/use-size.js";
+import { isObject as ze, isUndefined as Fe, isNull as Re } from "../../_utils/is.js";
+import { getClassNameMixin as q, getRemovePrefixComponentName as De } from "../../_utils/config.js";
 const Pe = {
   value: "value",
   label: "label",
   closable: "closable",
   tagProps: "tagProps"
-}, De = "__x_input_tag_more__", aa = /* @__PURE__ */ me({
+}, Me = "__x_input_tag_more__", la = /* @__PURE__ */ pe({
   name: "InputTag",
   inheritAttrs: !1,
   props: {
@@ -164,28 +164,28 @@ const Pe = {
      * @param {(string | number | TagData)[]} value
      * @param {Event} ev
      */
-    change: (a, o) => !0,
+    change: (a, i) => !0,
     /**
      * @zh 输入值发生改变时触发
      * @en Trigger when the input value changes
      * @param {string} inputValue
      * @param {Event} ev
      */
-    inputValueChange: (a, o) => !0,
+    inputValueChange: (a, i) => !0,
     /**
      * @zh 按下回车键时触发
      * @en Triggered when the enter key is pressed
      * @param {string} inputValue
      * @param {KeyboardEvent} ev
      */
-    pressEnter: (a, o) => !0,
+    pressEnter: (a, i) => !0,
     /**
      * @zh 点击标签的删除按钮时触发
      * @en Triggered when the delete button of the label is clicked
      * @param {string | number} removed
      * @param {Event} ev
      */
-    remove: (a, o) => !0,
+    remove: (a, i) => !0,
     /**
      * @zh 点击清除按钮时触发
      * @en Triggered when the clear button is clicked
@@ -223,165 +223,184 @@ const Pe = {
    * @binding {TagData} data
    */
   setup(a, {
-    emit: o,
-    slots: i,
-    attrs: I
+    emit: i,
+    slots: c,
+    attrs: C
   }) {
     const {
-      size: H,
-      disabled: K,
-      error: J,
-      uninjectFormItemContext: T,
-      modelValue: Q
-    } = pe(a), u = a.baseCls ? G(Re(a.baseCls)) : G("input-tag"), r = v(), p = v(), {
-      formItemCtx: X,
-      mergedSize: Y,
-      mergedDisabled: g,
-      mergedError: F,
-      feedback: w,
-      eventHandlers: x
-    } = ke({
-      size: H,
-      disabled: K,
-      error: J,
-      uninject: T == null ? void 0 : T.value
+      size: G,
+      disabled: H,
+      error: K,
+      uninjectFormItemContext: _,
+      modelValue: J
+    } = ge(a), u = a.baseCls ? q(De(a.baseCls)) : q("input-tag"), r = m(), g = m(), {
+      formItemCtx: Q,
+      mergedSize: X,
+      mergedDisabled: b,
+      mergedError: R,
+      feedback: x,
+      eventHandlers: h
+    } = Ee({
+      size: G,
+      disabled: H,
+      error: K,
+      uninject: _ == null ? void 0 : _.value
     }), {
-      t: R
+      t: w
     } = Ae(), {
-      mergedSize: Z
-    } = Ee(Y), ee = s(() => ({
+      mergedSize: Y
+    } = Se(X), Z = d(() => ({
       ...Pe,
       ...a.fieldNames
-    })), k = v(!1), N = v(a.defaultValue), P = v(a.defaultInputValue), m = v(!1), B = v(""), D = s(() => Se(a.retainInputValue) ? {
+    })), k = m(!1), E = m(a.defaultValue), D = m(a.defaultInputValue), p = m(!1), B = m(""), P = d(() => ze(a.retainInputValue) ? {
       create: !1,
       blur: !1,
       ...a.retainInputValue
     } : {
       create: a.retainInputValue,
       blur: a.retainInputValue
-    }), A = ge({
+    }), N = be({
       width: "12px"
-    }), ae = s(() => a.focused || k.value), b = (e, t) => {
-      P.value = e, o("update:inputValue", e), o("inputValueChange", e, t);
-    }, E = (e) => {
+    }), ee = d(() => a.focused || k.value), y = (e, t) => {
+      D.value = e, i("update:inputValue", e), i("inputValueChange", e, t);
+    }, A = (e) => {
+      var l, n;
       const {
         value: t
       } = e.target;
-      e.type === "compositionend" ? (m.value = !1, B.value = "", b(t, e), U(() => {
-        r.value && n.value !== r.value.value && (r.value.value = n.value);
-      })) : (m.value = !0, B.value = n.value + (e.data ?? ""));
-    }, h = s(() => a.modelValue ?? N.value), n = s(() => a.inputValue ?? P.value);
-    $(Q, (e) => {
-      (ze(e) || Fe(e)) && (N.value = []);
+      e.type === "compositionend" ? (p.value = !1, B.value = "", y(t, e), (n = (l = h.value) == null ? void 0 : l.onInput) == null || n.call(l, e), T(() => {
+        r.value && o.value !== r.value.value && (r.value.value = o.value);
+      })) : (p.value = !0, B.value = o.value + (e.data ?? ""));
+    }, V = d(() => a.modelValue ?? E.value), o = d(() => a.inputValue ?? D.value);
+    j(J, (e) => {
+      (Fe(e) || Re(e)) && (E.value = []);
     });
-    const le = (e) => {
+    const ae = (e) => {
       r.value && e.target !== r.value && (e.preventDefault(), r.value.focus());
-    }, te = (e) => {
-      var l, f;
+    }, le = (e) => {
+      var l, n;
       const {
         value: t
       } = e.target;
-      m.value || (b(t, e), (f = (l = x.value) == null ? void 0 : l.onInput) == null || f.call(l, e), U(() => {
-        r.value && n.value !== r.value.value && (r.value.value = n.value);
+      p.value || (y(t, e), (n = (l = h.value) == null ? void 0 : l.onInput) == null || n.call(l, e), T(() => {
+        r.value && o.value !== r.value.value && (r.value.value = o.value);
       }));
-    }, c = s(() => Ce(h.value, ee.value)), y = s(() => {
+    }, v = d(() => Ce(V.value, Z.value)), I = d(() => {
       if (a.maxTagCount > 0) {
-        const e = c.value.length - a.maxTagCount;
+        const e = v.value.length - a.maxTagCount;
         if (e > 0) {
-          const t = c.value.slice(0, a.maxTagCount), l = {
-            value: De,
+          const t = v.value.slice(0, a.maxTagCount), l = {
+            value: Me,
             label: `+${e}...`,
             closable: !1
           };
           return t.push({
             raw: l,
+            originalIndex: -1,
             ...l
           }), t;
         }
       }
-      return c.value;
+      return v.value;
     }), S = (e, t) => {
-      var l, f;
-      N.value = e, o("update:modelValue", e), o("change", e, t), (f = (l = x.value) == null ? void 0 : l.onChange) == null || f.call(l, t);
+      var l, n;
+      E.value = e, i("update:modelValue", e), i("change", e, t), (n = (l = h.value) == null ? void 0 : l.onChange) == null || n.call(l, t);
     }, M = (e, t, l) => {
-      var V;
-      const f = (V = h.value) == null ? void 0 : V.filter((C, _) => _ !== t);
-      S(f, l), o("remove", e, l);
+      var s;
+      const n = (s = V.value) == null ? void 0 : s.filter((z, me) => me !== t);
+      S(n, l), i("remove", e, l);
+    }, te = (e, t, l) => {
+      const n = document.activeElement === l.currentTarget;
+      M(e, t, l), n && T(() => {
+        var s;
+        return (s = r.value) == null ? void 0 : s.focus();
+      });
     }, ue = (e) => {
-      e.stopPropagation(), S([], e), n.value && b("", e), o("clear", e);
-    }, O = s(() => !g.value && !a.readonly && a.allowClear && !!h.value.length), ne = (e) => {
-      if (n.value) {
-        if (e.preventDefault(), a.uniqueValue && c.value.some((l) => l.value === n.value)) {
-          o("pressEnter", n.value, e);
+      e.stopPropagation();
+      const t = document.activeElement === e.currentTarget;
+      S([], e), o.value && y("", e), i("clear", e), t && T(() => {
+        var n;
+        return (n = r.value) == null ? void 0 : n.focus();
+      });
+    }, $ = d(() => !b.value && !a.readonly && a.allowClear && !!V.value.length), ne = (e) => {
+      if (o.value) {
+        if (e.preventDefault(), a.uniqueValue && v.value.some((l) => l.value === o.value)) {
+          i("pressEnter", o.value, e);
           return;
         }
-        const t = h.value.concat(n.value);
-        S(t, e), o("pressEnter", n.value, e), D.value.create || b("", e);
+        const t = V.value.concat(o.value);
+        S(t, e), i("pressEnter", o.value, e), P.value.create || y("", e);
       }
     }, oe = (e) => {
       var t, l;
-      k.value = !0, o("focus", e), (l = (t = x.value) == null ? void 0 : t.onFocus) == null || l.call(t, e);
+      k.value = !0, i("focus", e), (l = (t = h.value) == null ? void 0 : t.onFocus) == null || l.call(t, e);
     }, re = (e) => {
       var t, l;
-      k.value = !1, !D.value.blur && n.value && b("", e), o("blur", e), (l = (t = x.value) == null ? void 0 : t.onBlur) == null || l.call(t, e);
+      k.value = !1, !P.value.blur && o.value && y("", e), i("blur", e), (l = (t = h.value) == null ? void 0 : t.onBlur) == null || l.call(t, e);
     }, ie = () => {
-      for (let e = c.value.length - 1; e >= 0; e--)
-        if (c.value[e].closable)
+      for (let e = v.value.length - 1; e >= 0; e--)
+        if (v.value[e].closable)
           return e;
       return -1;
     }, se = (e) => {
-      if (g.value || a.readonly)
+      if (b.value || a.readonly)
         return;
       const t = e.key || e.code;
-      if (!m.value && n.value && t === ye.key && ne(e), !m.value && y.value.length > 0 && !n.value && t === Ve.key) {
+      if (!p.value && o.value && t === Ve.key && ne(e), !p.value && I.value.length > 0 && !o.value && t === Ie.key) {
         const l = ie();
-        l >= 0 && (e.preventDefault(), M(c.value[l].value, l, e));
+        if (l >= 0) {
+          const {
+            value: n,
+            originalIndex: s
+          } = v.value[l];
+          e.preventDefault(), M(n, s, e);
+        }
       }
-      o("keydown", e);
-    }, j = (e) => {
-      e > 12 ? A.width = `${e}px` : A.width = "12px";
+      i("keydown", e);
+    }, L = (e) => {
+      e > 12 ? N.width = `${e}px` : N.width = "12px";
     };
-    be(() => {
-      p.value && j(p.value.offsetWidth);
+    he(() => {
+      g.value && L(g.value.offsetWidth);
     });
-    const de = () => {
-      p.value && j(p.value.offsetWidth);
+    const ce = () => {
+      g.value && L(g.value.offsetWidth);
     };
-    $(n, (e) => {
-      r.value && !m.value && e !== r.value.value && (r.value.value = e);
+    j(o, (e) => {
+      r.value && !p.value && e !== r.value.value && (r.value.value = e);
     });
-    const fe = s(() => [u.block, u.modifier(`size-${Z.value}`), {
-      [u.modifier("disabled")]: g.value,
+    const de = d(() => [u.block, u.modifier(`size-${Y.value}`), {
+      [u.modifier("disabled")]: b.value,
       [u.modifier("disabled-input")]: a.disabledInput,
-      [u.modifier("error")]: F.value,
-      [u.modifier("focus")]: ae.value,
+      [u.modifier("error")]: R.value,
+      [u.modifier("focus")]: ee.value,
       [u.modifier("readonly")]: a.readonly,
-      [u.modifier("has-tag")]: y.value.length > 0,
-      [u.modifier("has-prefix")]: !!i.prefix,
-      [u.modifier("has-suffix")]: !!i.suffix || O.value || !!w.value,
-      [u.modifier("has-placeholder")]: !h.value.length
-    }]), ce = s(() => q(q(I, W), ["class", "style"])), L = s(() => Be(I, W)), ve = Ne(X, () => ({
-      ...L.value,
+      [u.modifier("has-tag")]: I.value.length > 0,
+      [u.modifier("has-prefix")]: !!c.prefix,
+      [u.modifier("has-suffix")]: !!c.suffix || $.value || !!x.value,
+      [u.modifier("has-placeholder")]: !V.value.length
+    }]), fe = d(() => W(W(C, U), ["class", "style"])), O = d(() => Te(C, U)), ve = Ne(Q, () => ({
+      ...O.value,
       ...a.inputAttrs
     }));
     return {
       inputRef: r,
       render: () => {
         var e;
-        return d("span", z({
-          class: [fe.value, I.class],
-          style: I.style,
-          onMousedown: le
-        }, ce.value), [d(_e, {
-          onResize: de
+        return f("span", F({
+          class: [de.value, C.class],
+          style: C.style,
+          onMousedown: ae
+        }, fe.value), [f(_e, {
+          onResize: ce
         }, {
-          default: () => [d("span", {
-            ref: p,
+          default: () => [f("span", {
+            ref: g,
             class: u.element("mirror")
-          }, [y.value.length > 0 ? B.value || n.value : B.value || n.value || a.placeholder])]
-        }), i.prefix && d("span", {
+          }, [I.value.length > 0 ? B.value || o.value : B.value || o.value || a.placeholder])]
+        }), c.prefix && f("span", {
           class: u.element("prefix")
-        }, [i.prefix()]), d(he, {
+        }, [c.prefix()]), f(ye, {
           tag: "span",
           name: "input-tag-zoom",
           class: [u.element("inner"), {
@@ -390,57 +409,59 @@ const Pe = {
         }, {
           default: () => {
             var t;
-            return [y.value.map((l, f) => {
-              var V;
-              return d(Ie, z({
-                key: `tag-${l.value}-${f}`,
-                class: u.element("tag"),
-                visible: !0,
-                nowrap: a.tagNowrap
-              }, l.tagProps, {
-                closable: !g.value && !a.readonly && (((V = l.tagProps) == null ? void 0 : V.closable) ?? l.closable),
-                onClose: (C) => M(l.value, f, C)
-              }), {
-                default: () => {
-                  var C, _;
-                  return [((C = i.tag) == null ? void 0 : C.call(i, {
-                    data: l.raw
-                  })) ?? ((_ = a.formatTag) == null ? void 0 : _.call(a, l.raw)) ?? l.label];
-                }
-              });
-            }), d("input", z(ve.value, {
+            return [I.value.map((l, n) => f(xe, F({
+              key: `tag-${l.value}-${n}`,
+              class: u.element("tag"),
+              visible: !0,
+              nowrap: a.tagNowrap
+            }, l.tagProps, {
+              closable: !b.value && !a.readonly && l.closable,
+              closeAriaLabel: `${w("common.closeTarget", {
+                target: w("common.tag")
+              })} ${l.label}`,
+              onClose: (s) => te(l.value, l.originalIndex, s)
+            }), {
+              default: () => {
+                var s, z;
+                return [((s = c.tag) == null ? void 0 : s.call(c, {
+                  data: l.raw
+                })) ?? ((z = a.formatTag) == null ? void 0 : z.call(a, l.raw)) ?? l.label];
+              }
+            })), f("input", F(ve.value, {
               ref: r,
               key: "input-tag-input",
               class: u.element("input"),
-              style: A,
-              value: n.value,
-              placeholder: y.value.length === 0 ? a.placeholder : void 0,
-              disabled: g.value,
+              style: N,
+              value: o.value,
+              placeholder: I.value.length === 0 ? a.placeholder : void 0,
+              disabled: b.value,
               readonly: a.readonly || a.disabledInput,
-              "aria-invalid": F.value ? !0 : ((t = a.inputAttrs) == null ? void 0 : t["aria-invalid"]) ?? L.value["aria-invalid"],
-              onInput: te,
+              "aria-invalid": R.value ? !0 : ((t = a.inputAttrs) == null ? void 0 : t["aria-invalid"]) ?? O.value["aria-invalid"],
+              onInput: le,
               onKeydown: se,
               onFocus: oe,
               onBlur: re,
-              onCompositionstart: E,
-              onCompositionupdate: E,
-              onCompositionend: E
+              onCompositionstart: A,
+              onCompositionupdate: A,
+              onCompositionend: A
             }), null)];
           }
-        }), O.value && d(we, {
+        }), $.value && f(we, {
           as: "button",
-          "aria-label": R("common.clearTarget", {
-            target: R("common.tag")
+          "aria-label": w("common.clearTarget", {
+            target: w("common.tag")
           }),
           class: u.element("clear-btn"),
           onClick: ue,
-          onMousedown: (t) => t.stopPropagation()
+          onMousedown: (t) => {
+            t.preventDefault(), t.stopPropagation();
+          }
         }, {
-          default: () => [d(xe, null, null)]
-        }), (i.suffix || !!w.value) && d("span", {
+          default: () => [f(Be, null, null)]
+        }), (c.suffix || !!x.value) && f("span", {
           class: u.element("suffix")
-        }, [(e = i.suffix) == null ? void 0 : e.call(i), !!w.value && d(Te, {
-          type: w.value
+        }, [(e = c.suffix) == null ? void 0 : e.call(c), !!x.value && f(ke, {
+          type: x.value
         }, null)])]);
       }
     };
@@ -470,5 +491,5 @@ const Pe = {
   }
 });
 export {
-  aa as default
+  la as default
 };

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

@@ -1,32 +1,34 @@
-import { isObject as u, isUndefined as s, isNull as a } from "../../_utils/is.js";
-const i = (r, e) => {
-  const o = [];
-  for (const t of r)
-    if (u(t)) {
-      const l = t[e.value];
-      if (s(l) || a(l))
+import { isObject as i, isUndefined as a, isNull as r } from "../../_utils/is.js";
+const f = (c, t) => {
+  const n = [];
+  for (const [s, e] of c.entries())
+    if (i(e)) {
+      const l = e[t.value];
+      if (a(l) || r(l))
         continue;
-      const n = t[e.closable];
-      o.push({
-        raw: t,
+      const o = e[t.tagProps], u = (e[t.closable] ?? !0) && (o == null ? void 0 : o.closable) !== !1;
+      n.push({
+        raw: e,
+        originalIndex: s,
         value: l,
-        label: t[e.label] ?? String(l),
-        closable: n ?? !0,
-        tagProps: t[e.tagProps]
+        label: e[t.label] ?? String(l),
+        closable: u,
+        tagProps: o
       });
-    } else if (!s(t) && !a(t)) {
+    } else if (!a(e) && !r(e)) {
       const l = {
-        value: t,
-        label: String(t),
+        value: e,
+        label: String(e),
         closable: !0
       };
-      o.push({
+      n.push({
         raw: l,
+        originalIndex: s,
         ...l
       });
     }
-  return o;
+  return n;
 };
 export {
-  i as getValueData
+  f as getValueData
 };

package/dist/es/components/form-textarea/Textarea.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as de, toRefs as he, ref as s, computed as r, watch as
 import Se from "../../_container/resize-observer.js";
 import { useLocale as we } from "../../locale/index.js";
 import ye from "../_components/icon-hover/index.vue.js";
-import xe from "../../icons/default/close-circle-fill.js";
+import xe from "../../icons/default/close.js";
 import { getSizeStyles as ze } from "./utils.js";
 import { isUndefined as be, isNull as Ce, isObject as b, isFunction as pe } from "../../_utils/is.js";
 import { omit as W } from "../../_utils/omit.js";

package/dist/es/components/link/Link.vue2.js

@@ -15,7 +15,7 @@ const C = g({
     /**
      * @zh 链接的状态
      * @en Link status
-     * @values 'normal','warning','success','danger'
+     * @values 'normal','warning','success','danger','strong'
      */
     status: {
       type: String,