@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2240.js

@@ -0,0 +1,217 @@
+import { EVENT_CODE as H } from "./chunk-1697.js";
+import { UPDATE_MODEL_EVENT as C, INPUT_EVENT as P, CHANGE_EVENT as ce } from "./chunk-1699.js";
+import { getEventCode as de, getEventKey as fe } from "./chunk-1731.js";
+import { isNumber as p, isUndefined as E } from "./chunk-1703.js";
+import { debugWarn as M, throwError as pe } from "./chunk-1706.js";
+import { isString as be, NOOP as X } from "./chunk-1721.js";
+import { useLocale as Ne } from "./chunk-1714.js";
+import { useNamespace as he } from "./chunk-1717.js";
+import { ElIcon as j } from "./chunk-1754.js";
+import { useFormSize as ve, useFormDisabled as Ve } from "./chunk-1769.js";
+import { useFormItem as Ee } from "./chunk-1770.js";
+import { ElInput as ge } from "./chunk-1787.js";
+import { vRepeatClick as q } from "./chunk-1835.js";
+import { inputNumberEmits as we, inputNumberProps as ye } from "./chunk-1968.js";
+import { ArrowDown as xe, Minus as Ie, ArrowUp as Ae, Plus as Se } from "./chunk-1786.js";
+import { defineComponent as ke, ref as Fe, reactive as De, computed as N, watch as J, onMounted as Ce, onUpdated as Pe, openBlock as f, createElementBlock as T, withModifiers as Me, normalizeClass as $, unref as u, withDirectives as Q, withKeys as Y, renderSlot as g, createVNode as O, withCtx as w, createBlock as y, createCommentVNode as Z, createSlots as Te } from "vue";
+import K from "./chunk-1819.js";
+const $e = ["aria-label"], Oe = ["aria-label"];
+var et = /* @__PURE__ */ ke({
+  name: "ElInputNumber",
+  __name: "input-number",
+  props: ye,
+  emits: we,
+  setup(l, { expose: _, emit: ee }) {
+    const r = l, s = ee, { t: z } = Ne(), m = he("input-number"), d = Fe(), a = De({
+      currentValue: r.modelValue,
+      userInput: null
+    }), { formItem: B } = Ee(), U = N(() => p(r.modelValue) && r.modelValue <= r.min), L = N(() => p(r.modelValue) && r.modelValue >= r.max), te = N(() => {
+      const e = G(r.step);
+      return E(r.precision) ? Math.max(G(r.modelValue), e) : (e > r.precision && M("InputNumber", "precision should not be less than the decimal places of step"), r.precision);
+    }), x = N(() => r.controls && r.controlsPosition === "right"), R = ve(), b = Ve(), I = N(() => {
+      if (a.userInput !== null) return a.userInput;
+      let e = a.currentValue;
+      if (K(e)) return "";
+      if (p(e)) {
+        if (Number.isNaN(e)) return "";
+        E(r.precision) || (e = e.toFixed(r.precision));
+      }
+      return e;
+    }), h = (e, t) => {
+      if (E(t) && (t = te.value), t === 0) return Math.round(e);
+      let n = String(e);
+      const i = n.indexOf(".");
+      if (i === -1 || !n.replace(".", "").split("")[i + t]) return e;
+      const c = n.length;
+      return n.charAt(c - 1) === "5" && (n = `${n.slice(0, Math.max(0, c - 1))}6`), Number.parseFloat(Number(n).toFixed(t));
+    }, G = (e) => {
+      if (K(e)) return 0;
+      const t = e.toString(), n = t.indexOf(".");
+      let i = 0;
+      return n !== -1 && (i = t.length - n - 1), i;
+    }, W = (e, t = 1) => p(e) ? e >= Number.MAX_SAFE_INTEGER && t === 1 ? (M("InputNumber", "The value has reached the maximum safe integer limit."), e) : e <= Number.MIN_SAFE_INTEGER && t === -1 ? (M("InputNumber", "The value has reached the minimum safe integer limit."), e) : h(e + r.step * t) : a.currentValue, re = (e) => {
+      const t = de(e), n = fe(e);
+      if (r.disabledScientific && ["e", "E"].includes(n)) {
+        e.preventDefault();
+        return;
+      }
+      switch (t) {
+        case H.up:
+          e.preventDefault(), A();
+          break;
+        case H.down:
+          e.preventDefault(), S();
+          break;
+      }
+    }, A = () => {
+      r.readonly || b.value || L.value || (v(W(Number(I.value) || 0)), s(P, a.currentValue), F());
+    }, S = () => {
+      r.readonly || b.value || U.value || (v(W(Number(I.value) || 0, -1)), s(P, a.currentValue), F());
+    }, k = (e, t) => {
+      const { max: n, min: i, step: c, precision: D, stepStrictly: me, valueOnClear: V } = r;
+      n < i && pe("InputNumber", "min should not be greater than max.");
+      let o = e ? Number.parseFloat(String(e)) : Number(e);
+      if (K(e) || Number.isNaN(o)) return null;
+      if (e === "") {
+        if (V === null) return null;
+        o = be(V) ? {
+          min: i,
+          max: n
+        }[V] : V;
+      }
+      return me && (o = h(Math.round(h(o / c)) * c, D), o !== e && t && s("update:modelValue", o)), E(D) || (o = h(o, D)), (o > n || o < i) && (o = o > n ? n : i, t && s("update:modelValue", o)), o;
+    }, v = (e, t = !0) => {
+      const n = a.currentValue, i = k(e);
+      if (!t) {
+        s(C, i);
+        return;
+      }
+      a.userInput = null, !(n === i && e) && (s(C, i), n !== i && s(ce, i, n), r.validateEvent && B?.validate?.("change").catch(X), a.currentValue = i);
+    }, ne = (e) => {
+      a.userInput = e;
+      let t = e === "" ? null : Number.parseFloat(e);
+      Number.isNaN(t) && (t = null), s(P, t), v(t, !1);
+    }, ie = (e) => {
+      const t = e !== "" ? Number.parseFloat(e) : "";
+      (p(t) && !Number.isNaN(t) || r.formatter && Number.isNaN(t) || t === "") && v(t), F(), a.userInput = null;
+    }, ue = () => {
+      d.value?.focus?.();
+    }, ae = () => {
+      d.value?.blur?.();
+    }, le = (e) => {
+      s("focus", e);
+    }, oe = (e) => {
+      a.userInput = null, a.currentValue === null && d.value?.input && (d.value.input.value = r.formatter?.("") ?? ""), s("blur", e), r.validateEvent && B?.validate?.("blur").catch(X);
+    }, F = () => {
+      a.currentValue !== r.modelValue && (a.currentValue = r.modelValue);
+    }, se = (e) => {
+      document.activeElement === e.target && e.preventDefault();
+    };
+    return J(() => r.modelValue, (e, t) => {
+      const n = k(e, !0);
+      a.userInput === null && n !== t && (a.currentValue = n);
+    }, { immediate: !0 }), J(() => r.precision, () => {
+      a.currentValue = k(r.modelValue);
+    }), Ce(() => {
+      const { min: e, max: t, modelValue: n } = r, i = d.value?.input;
+      if (i.setAttribute("role", "spinbutton"), Number.isFinite(t) ? i.setAttribute("aria-valuemax", String(t)) : i.removeAttribute("aria-valuemax"), Number.isFinite(e) ? i.setAttribute("aria-valuemin", String(e)) : i.removeAttribute("aria-valuemin"), i.setAttribute("aria-valuenow", a.currentValue || a.currentValue === 0 ? String(a.currentValue) : ""), i.setAttribute("aria-disabled", String(b.value)), !p(n) && n != null) {
+        let c = Number(n);
+        Number.isNaN(c) && (c = null), s(C, c);
+      }
+      i.addEventListener("wheel", se, { passive: !1 });
+    }), Pe(() => {
+      d.value?.input?.setAttribute("aria-valuenow", `${a.currentValue ?? ""}`);
+    }), _({
+      /** @description get focus the input component */
+      focus: ue,
+      /** @description remove focus the input component */
+      blur: ae
+    }), (e, t) => (f(), T("div", {
+      class: $([
+        u(m).b(),
+        u(m).m(u(R)),
+        u(m).is("disabled", u(b)),
+        u(m).is("without-controls", !l.controls),
+        u(m).is("controls-right", x.value),
+        u(m).is(l.align, !!l.align)
+      ]),
+      onDragstart: t[0] || (t[0] = Me(() => {
+      }, ["prevent"]))
+    }, [
+      l.controls ? Q((f(), T("span", {
+        key: 0,
+        role: "button",
+        "aria-label": u(z)("el.inputNumber.decrease"),
+        class: $([u(m).e("decrease"), u(m).is("disabled", U.value)]),
+        onKeydown: Y(S, ["enter"])
+      }, [g(e.$slots, "decrease-icon", {}, () => [O(u(j), null, {
+        default: w(() => [x.value ? (f(), y(u(xe), { key: 0 })) : (f(), y(u(Ie), { key: 1 }))]),
+        _: 1
+      })])], 42, $e)), [[u(q), S]]) : Z("v-if", !0),
+      l.controls ? Q((f(), T("span", {
+        key: 1,
+        role: "button",
+        "aria-label": u(z)("el.inputNumber.increase"),
+        class: $([u(m).e("increase"), u(m).is("disabled", L.value)]),
+        onKeydown: Y(A, ["enter"])
+      }, [g(e.$slots, "increase-icon", {}, () => [O(u(j), null, {
+        default: w(() => [x.value ? (f(), y(u(Ae), { key: 0 })) : (f(), y(u(Se), { key: 1 }))]),
+        _: 1
+      })])], 42, Oe)), [[u(q), A]]) : Z("v-if", !0),
+      O(u(ge), {
+        id: l.id,
+        ref_key: "input",
+        ref: d,
+        type: l.formatter ? "text" : "number",
+        step: l.step,
+        "model-value": I.value,
+        placeholder: l.placeholder,
+        readonly: l.readonly,
+        disabled: u(b),
+        size: u(R),
+        max: l.max,
+        min: l.min,
+        name: l.name,
+        "aria-label": l.ariaLabel,
+        "validate-event": !1,
+        inputmode: l.inputmode,
+        formatter: l.formatter,
+        parser: l.parser,
+        tabindex: l.tabindex,
+        onKeydown: re,
+        onBlur: oe,
+        onFocus: le,
+        onInput: ne,
+        onChange: ie
+      }, Te({ _: 2 }, [e.$slots.prefix ? {
+        name: "prefix",
+        fn: w(() => [g(e.$slots, "prefix")]),
+        key: "0"
+      } : void 0, e.$slots.suffix ? {
+        name: "suffix",
+        fn: w(() => [g(e.$slots, "suffix")]),
+        key: "1"
+      } : void 0]), 1032, [
+        "id",
+        "type",
+        "step",
+        "model-value",
+        "placeholder",
+        "readonly",
+        "disabled",
+        "size",
+        "max",
+        "min",
+        "name",
+        "aria-label",
+        "inputmode",
+        "formatter",
+        "parser",
+        "tabindex"
+      ])
+    ], 34));
+  }
+});
+export {
+  et as default
+};

package/dist/chunks/chunk-2241.cjs

@@ -0,0 +1 @@
+"use strict";const me=require("./chunk-1752.cjs"),ge=require("./chunk-1721.cjs"),pe=require("./chunk-1705.cjs"),ve=require("./chunk-1708.cjs"),z=require("./chunk-1754.cjs"),N=require("./chunk-1770.cjs"),Ce=require("./chunk-1671.cjs"),v=require("./chunk-1843.cjs"),R=require("./chunk-1971.cjs"),ye=require("./chunk-2395.cjs"),ke=require("./chunk-2396.cjs"),Te=require("./chunk-2397.cjs"),xe=require("./chunk-2398.cjs"),e=require("vue"),he=["id","minlength","maxlength","disabled","readonly","autocomplete","tabindex","placeholder","autofocus","ariaLabel"],Ie=["textContent"];var be=e.defineComponent({name:"ElInputTag",inheritAttrs:!1,__name:"input-tag",props:R.inputTagProps,emits:R.inputTagEmits,setup(t,{expose:q,emit:M}){const f=t,$=M,L=pe.useAttrs(),F=e.useSlots(),{form:K,formItem:d}=N.useFormItem(),{inputId:P}=N.useFormItemInputId(f,{formItemContext:d}),C=e.computed(()=>K?.statusIcon??!1),r=e.computed(()=>d?.validateState||""),c=e.computed(()=>r.value&&me.ValidateComponentsMap[r.value]),{inputRef:O,wrapperRef:y,tagTooltipRef:A,isFocused:H,inputValue:s,size:U,tagSize:m,placeholder:W,closable:g,disabled:k,showTagList:j,collapseTagList:G,handleDragged:J,handlePaste:T,handleInput:x,handleKeydown:h,handleKeyup:I,handleRemoveTag:b,handleClear:Q,handleCompositionStart:E,handleCompositionUpdate:B,handleCompositionEnd:D,focus:w,blur:X}=Te.useInputTag({props:f,emit:$,formItem:d}),{hovering:Y,handleMouseEnter:S,handleMouseLeave:V}=ke.useHovering(),{calculatorRef:Z,inputStyle:_}=ve.useCalcInputWidth(),{dropIndicatorRef:ee,showDropIndicator:te,handleDragStart:ne,handleDragOver:oe,handleDragEnd:ae}=ye.useDragTag({wrapperRef:y,handleDragged:J,afterDragged:w}),{ns:a,nsInput:p,containerKls:le,containerStyle:re,innerKls:se,showClear:ue,showSuffix:ie,tagStyle:fe,collapseItemRef:de,innerRef:ce}=xe.useInputTagDom({props:f,hovering:Y,isFocused:H,inputValue:s,disabled:k,size:U,validateState:r,validateIcon:c,needStatusIcon:C});return q({focus:w,blur:X}),(i,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:y,class:e.normalizeClass(e.unref(le)),style:e.normalizeStyle(e.unref(re)),onMouseenter:o[9]||(o[9]=(...n)=>e.unref(S)&&e.unref(S)(...n)),onMouseleave:o[10]||(o[10]=(...n)=>e.unref(V)&&e.unref(V)(...n))},[e.unref(F).prefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("prefix"))},[e.renderSlot(i.$slots,"prefix")],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"innerRef",ref:ce,class:e.normalizeClass(e.unref(se))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),(n,l)=>(e.openBlock(),e.createBlock(e.unref(v.ElTag),{key:l,size:e.unref(m),closable:e.unref(g),type:t.tagType,effect:t.tagEffect,draggable:e.unref(g)&&t.draggable,style:e.normalizeStyle(e.unref(fe)),"disable-transitions":"",onClose:u=>e.unref(b)(l),onDragstart:u=>e.unref(ne)(u,l),onDragover:u=>e.unref(oe)(u,l),onDragend:e.unref(ae),onDrop:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"tag",{value:n,index:l},()=>[e.createTextVNode(e.toDisplayString(n),1)])]),_:2},1032,["size","closable","type","effect","draggable","style","onClose","onDragstart","onDragover","onDragend"]))),128)),t.collapseTags&&t.modelValue&&t.modelValue.length>t.maxCollapseTags?(e.openBlock(),e.createBlock(e.unref(Ce.ElTooltip),{key:0,ref_key:"tagTooltipRef",ref:A,disabled:!t.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],effect:t.effect,placement:"bottom"},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"collapseItemRef",ref:de,class:e.normalizeClass(e.unref(a).e("collapse-tag"))},[e.createVNode(e.unref(v.ElTag),{closable:!1,size:e.unref(m),type:t.tagType,effect:t.tagEffect,"disable-transitions":""},{default:e.withCtx(()=>[e.createTextVNode(" + "+e.toDisplayString(t.modelValue.length-t.maxCollapseTags),1)]),_:1},8,["size","type","effect"])],2)]),content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("input-tag-list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(G),(n,l)=>(e.openBlock(),e.createBlock(e.unref(v.ElTag),{key:l,size:e.unref(m),closable:e.unref(g),type:t.tagType,effect:t.tagEffect,"disable-transitions":"",onClose:u=>e.unref(b)(l+t.maxCollapseTags)},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"tag",{value:n,index:l+t.maxCollapseTags},()=>[e.createTextVNode(e.toDisplayString(n),1)])]),_:2},1032,["size","closable","type","effect","onClose"]))),128))],2)]),_:3},8,["disabled","effect"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("input-wrapper"))},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(P),ref_key:"inputRef",ref:O,"onUpdate:modelValue":o[1]||(o[1]=n=>e.isRef(s)?s.value=n:null)},e.unref(L),{type:"text",minlength:t.minlength,maxlength:t.maxlength,disabled:e.unref(k),readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,placeholder:e.unref(W),autofocus:t.autofocus,ariaLabel:t.ariaLabel,class:e.unref(a).e("input"),style:e.unref(_),onCompositionstart:o[2]||(o[2]=(...n)=>e.unref(E)&&e.unref(E)(...n)),onCompositionupdate:o[3]||(o[3]=(...n)=>e.unref(B)&&e.unref(B)(...n)),onCompositionend:o[4]||(o[4]=(...n)=>e.unref(D)&&e.unref(D)(...n)),onPaste:o[5]||(o[5]=(...n)=>e.unref(T)&&e.unref(T)(...n)),onInput:o[6]||(o[6]=(...n)=>e.unref(x)&&e.unref(x)(...n)),onKeydown:o[7]||(o[7]=(...n)=>e.unref(h)&&e.unref(h)(...n)),onKeyup:o[8]||(o[8]=(...n)=>e.unref(I)&&e.unref(I)(...n))}),null,16,he),[[e.vModelText,e.unref(s)]]),e.createElementVNode("span",{ref_key:"calculatorRef",ref:Z,"aria-hidden":"true",class:e.normalizeClass(e.unref(a).e("input-calculator")),textContent:e.toDisplayString(e.unref(s))},null,10,Ie)],2),e.withDirectives(e.createElementVNode("div",{ref_key:"dropIndicatorRef",ref:ee,class:e.normalizeClass(e.unref(a).e("drop-indicator"))},null,2),[[e.vShow,e.unref(te)]])],2),e.unref(ie)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("suffix"))},[e.renderSlot(i.$slots,"suffix"),e.unref(ue)?(e.openBlock(),e.createBlock(e.unref(z.ElIcon),{key:0,class:e.normalizeClass([e.unref(a).e("icon"),e.unref(a).e("clear")]),onMousedown:e.withModifiers(e.unref(ge.NOOP),["prevent"]),onClick:e.unref(Q)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clearIcon)))]),_:1},8,["class","onMousedown","onClick"])):e.createCommentVNode("v-if",!0),r.value&&c.value&&C.value?(e.openBlock(),e.createBlock(e.unref(z.ElIcon),{key:1,class:e.normalizeClass([e.unref(p).e("icon"),e.unref(p).e("validateIcon"),e.unref(p).is("loading",r.value==="validating")])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value)))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0)],38))}});module.exports=be;

package/dist/chunks/chunk-2241.js

@@ -0,0 +1,234 @@
+import { ValidateComponentsMap as Se } from "./chunk-1752.js";
+import { NOOP as Ee } from "./chunk-1721.js";
+import { useAttrs as ze } from "./chunk-1705.js";
+import { useCalcInputWidth as Ve } from "./chunk-1708.js";
+import { ElIcon as U } from "./chunk-1754.js";
+import { useFormItem as Me, useFormItemInputId as Le } from "./chunk-1770.js";
+import { ElTooltip as Ke } from "./chunk-1671.js";
+import { ElTag as x } from "./chunk-1843.js";
+import { inputTagEmits as $e, inputTagProps as Ne } from "./chunk-1971.js";
+import { useDragTag as Pe } from "./chunk-2395.js";
+import { useHovering as Fe } from "./chunk-2396.js";
+import { useInputTag as Be } from "./chunk-2397.js";
+import { useInputTagDom as Oe } from "./chunk-2398.js";
+import { defineComponent as Ae, useSlots as Ue, computed as R, openBlock as l, createElementBlock as p, unref as e, normalizeStyle as H, normalizeClass as n, renderSlot as y, createCommentVNode as c, createElementVNode as r, Fragment as W, renderList as j, createBlock as u, withModifiers as q, withCtx as f, createTextVNode as w, toDisplayString as C, createVNode as He, withDirectives as G, mergeProps as We, isRef as je, vModelText as qe, vShow as Ge, resolveDynamicComponent as J } from "vue";
+const Je = [
+  "id",
+  "minlength",
+  "maxlength",
+  "disabled",
+  "readonly",
+  "autocomplete",
+  "tabindex",
+  "placeholder",
+  "autofocus",
+  "ariaLabel"
+], Qe = ["textContent"];
+var ft = /* @__PURE__ */ Ae({
+  name: "ElInputTag",
+  inheritAttrs: !1,
+  __name: "input-tag",
+  props: Ne,
+  emits: $e,
+  setup(t, { expose: Q, emit: X }) {
+    const b = t, Y = X, Z = ze(), _ = Ue(), { form: ee, formItem: I } = Me(), { inputId: te } = Le(b, { formItemContext: I }), S = R(() => ee?.statusIcon ?? !1), d = R(() => I?.validateState || ""), T = R(() => d.value && Se[d.value]), { inputRef: ae, wrapperRef: E, tagTooltipRef: oe, isFocused: le, inputValue: m, size: ne, tagSize: h, placeholder: se, closable: k, disabled: z, showTagList: ie, collapseTagList: re, handleDragged: ue, handlePaste: V, handleInput: M, handleKeydown: L, handleKeyup: K, handleRemoveTag: $, handleClear: fe, handleCompositionStart: N, handleCompositionUpdate: P, handleCompositionEnd: F, focus: B, blur: de } = Be({
+      props: b,
+      emit: Y,
+      formItem: I
+    }), { hovering: me, handleMouseEnter: O, handleMouseLeave: A } = Fe(), { calculatorRef: ge, inputStyle: pe } = Ve(), { dropIndicatorRef: ce, showDropIndicator: ve, handleDragStart: ye, handleDragOver: Ce, handleDragEnd: be } = Pe({
+      wrapperRef: E,
+      handleDragged: ue,
+      afterDragged: B
+    }), { ns: s, nsInput: D, containerKls: Ie, containerStyle: Te, innerKls: he, showClear: ke, showSuffix: De, tagStyle: xe, collapseItemRef: Re, innerRef: we } = Oe({
+      props: b,
+      hovering: me,
+      isFocused: le,
+      inputValue: m,
+      disabled: z,
+      size: ne,
+      validateState: d,
+      validateIcon: T,
+      needStatusIcon: S
+    });
+    return Q({
+      focus: B,
+      blur: de
+    }), (v, o) => (l(), p("div", {
+      ref_key: "wrapperRef",
+      ref: E,
+      class: n(e(Ie)),
+      style: H(e(Te)),
+      onMouseenter: o[9] || (o[9] = (...a) => e(O) && e(O)(...a)),
+      onMouseleave: o[10] || (o[10] = (...a) => e(A) && e(A)(...a))
+    }, [
+      e(_).prefix ? (l(), p("div", {
+        key: 0,
+        class: n(e(s).e("prefix"))
+      }, [y(v.$slots, "prefix")], 2)) : c("v-if", !0),
+      r("div", {
+        ref_key: "innerRef",
+        ref: we,
+        class: n(e(he))
+      }, [
+        (l(!0), p(W, null, j(e(ie), (a, i) => (l(), u(e(x), {
+          key: i,
+          size: e(h),
+          closable: e(k),
+          type: t.tagType,
+          effect: t.tagEffect,
+          draggable: e(k) && t.draggable,
+          style: H(e(xe)),
+          "disable-transitions": "",
+          onClose: (g) => e($)(i),
+          onDragstart: (g) => e(ye)(g, i),
+          onDragover: (g) => e(Ce)(g, i),
+          onDragend: e(be),
+          onDrop: o[0] || (o[0] = q(() => {
+          }, ["stop"]))
+        }, {
+          default: f(() => [y(v.$slots, "tag", {
+            value: a,
+            index: i
+          }, () => [w(C(a), 1)])]),
+          _: 2
+        }, 1032, [
+          "size",
+          "closable",
+          "type",
+          "effect",
+          "draggable",
+          "style",
+          "onClose",
+          "onDragstart",
+          "onDragover",
+          "onDragend"
+        ]))), 128)),
+        t.collapseTags && t.modelValue && t.modelValue.length > t.maxCollapseTags ? (l(), u(e(Ke), {
+          key: 0,
+          ref_key: "tagTooltipRef",
+          ref: oe,
+          disabled: !t.collapseTagsTooltip,
+          "fallback-placements": [
+            "bottom",
+            "top",
+            "right",
+            "left"
+          ],
+          effect: t.effect,
+          placement: "bottom"
+        }, {
+          default: f(() => [r("div", {
+            ref_key: "collapseItemRef",
+            ref: Re,
+            class: n(e(s).e("collapse-tag"))
+          }, [He(e(x), {
+            closable: !1,
+            size: e(h),
+            type: t.tagType,
+            effect: t.tagEffect,
+            "disable-transitions": ""
+          }, {
+            default: f(() => [w(" + " + C(t.modelValue.length - t.maxCollapseTags), 1)]),
+            _: 1
+          }, 8, [
+            "size",
+            "type",
+            "effect"
+          ])], 2)]),
+          content: f(() => [r("div", { class: n(e(s).e("input-tag-list")) }, [(l(!0), p(W, null, j(e(re), (a, i) => (l(), u(e(x), {
+            key: i,
+            size: e(h),
+            closable: e(k),
+            type: t.tagType,
+            effect: t.tagEffect,
+            "disable-transitions": "",
+            onClose: (g) => e($)(i + t.maxCollapseTags)
+          }, {
+            default: f(() => [y(v.$slots, "tag", {
+              value: a,
+              index: i + t.maxCollapseTags
+            }, () => [w(C(a), 1)])]),
+            _: 2
+          }, 1032, [
+            "size",
+            "closable",
+            "type",
+            "effect",
+            "onClose"
+          ]))), 128))], 2)]),
+          _: 3
+        }, 8, ["disabled", "effect"])) : c("v-if", !0),
+        r("div", { class: n(e(s).e("input-wrapper")) }, [G(r("input", We({
+          id: e(te),
+          ref_key: "inputRef",
+          ref: ae,
+          "onUpdate:modelValue": o[1] || (o[1] = (a) => je(m) ? m.value = a : null)
+        }, e(Z), {
+          type: "text",
+          minlength: t.minlength,
+          maxlength: t.maxlength,
+          disabled: e(z),
+          readonly: t.readonly,
+          autocomplete: t.autocomplete,
+          tabindex: t.tabindex,
+          placeholder: e(se),
+          autofocus: t.autofocus,
+          ariaLabel: t.ariaLabel,
+          class: e(s).e("input"),
+          style: e(pe),
+          onCompositionstart: o[2] || (o[2] = (...a) => e(N) && e(N)(...a)),
+          onCompositionupdate: o[3] || (o[3] = (...a) => e(P) && e(P)(...a)),
+          onCompositionend: o[4] || (o[4] = (...a) => e(F) && e(F)(...a)),
+          onPaste: o[5] || (o[5] = (...a) => e(V) && e(V)(...a)),
+          onInput: o[6] || (o[6] = (...a) => e(M) && e(M)(...a)),
+          onKeydown: o[7] || (o[7] = (...a) => e(L) && e(L)(...a)),
+          onKeyup: o[8] || (o[8] = (...a) => e(K) && e(K)(...a))
+        }), null, 16, Je), [[qe, e(m)]]), r("span", {
+          ref_key: "calculatorRef",
+          ref: ge,
+          "aria-hidden": "true",
+          class: n(e(s).e("input-calculator")),
+          textContent: C(e(m))
+        }, null, 10, Qe)], 2),
+        G(r("div", {
+          ref_key: "dropIndicatorRef",
+          ref: ce,
+          class: n(e(s).e("drop-indicator"))
+        }, null, 2), [[Ge, e(ve)]])
+      ], 2),
+      e(De) ? (l(), p("div", {
+        key: 1,
+        class: n(e(s).e("suffix"))
+      }, [
+        y(v.$slots, "suffix"),
+        e(ke) ? (l(), u(e(U), {
+          key: 0,
+          class: n([e(s).e("icon"), e(s).e("clear")]),
+          onMousedown: q(e(Ee), ["prevent"]),
+          onClick: e(fe)
+        }, {
+          default: f(() => [(l(), u(J(t.clearIcon)))]),
+          _: 1
+        }, 8, [
+          "class",
+          "onMousedown",
+          "onClick"
+        ])) : c("v-if", !0),
+        d.value && T.value && S.value ? (l(), u(e(U), {
+          key: 1,
+          class: n([
+            e(D).e("icon"),
+            e(D).e("validateIcon"),
+            e(D).is("loading", d.value === "validating")
+          ])
+        }, {
+          default: f(() => [(l(), u(J(T.value)))]),
+          _: 1
+        }, 8, ["class"])) : c("v-if", !0)
+      ], 2)) : c("v-if", !0)
+    ], 38));
+  }
+});
+export {
+  ft as default
+};

package/dist/chunks/chunk-2242.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("./chunk-1697.cjs"),O=require("./chunk-1699.cjs"),K=require("./chunk-1731.cjs"),b=require("./chunk-1721.cjs"),j=require("./chunk-2070.cjs"),M=require("./chunk-1714.cjs"),R=require("./chunk-1717.cjs"),G=require("./chunk-1769.cjs"),F=require("./chunk-1770.cjs"),H=require("./chunk-1974.cjs"),e=require("vue"),U=require("./chunk-1722.cjs"),J=["id","aria-label","aria-labelledby"],Q=["value","type","disabled","readonly","inputmode","aria-label","onClick","onKeydown","onInput"];var W=e.defineComponent({name:"ElInputOtp",__name:"input-otp",props:{modelValue:{type:[String,Number],required:!1},length:{type:Number,required:!1,default:6},validator:{type:Function,required:!1,default:()=>!0},inputmode:{type:null,required:!1},type:{type:String,required:!1,default:"outlined"},size:{type:null,required:!1,default:"default"},mask:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1,default:void 0},readonly:{type:Boolean,required:!1},id:{type:String,required:!1},validateEvent:{type:Boolean,required:!1,default:!0},separator:{type:[String,Object,Function],required:!1},ariaLabel:{type:String,required:!1}},emits:H.inputOtpEmits,setup(s,{expose:I,emit:B}){const r=s,m=B,E=e.computed(()=>{const t=String(r.modelValue??"");return Array.from({length:r.length},(l,n)=>t.charAt(n))}),y=e.computed(()=>{const{separator:t}=r,l=b.isFunction(t)?t:()=>t;return Array.from({length:r.length-1},(n,a)=>l(a))}),u=e.ref(E.value),g=e.ref(!1),c=e.ref([]),d=R.useNamespace("input-otp"),{t:q}=M.useLocale(),{formItem:h}=F.useFormItem(),{inputId:_,isLabeledByFormItem:V}=F.useFormItemInputId(r,{formItemContext:h}),k=G.useFormDisabled();let C=r.modelValue;const T=t=>{const l=u.value.findIndex((n,a)=>!n&&a<=t);return l===-1?t:l},D=t=>{c.value?.includes(t.relatedTarget)||(g.value=!0,m("focus",t))},w=t=>{c.value?.includes(t.relatedTarget)||(g.value=!1,m("blur",t),r.validateEvent&&h?.validate?.("blur").catch(b.NOOP))},p=(t=!0)=>{const l=u.value.join("").slice(0,r.length);l!==r.modelValue&&(m(O.UPDATE_MODEL_EVENT,l),t&&l.length===r.length&&m("finish",l))},L=(t,l)=>{const n=K.getEventCode(t);let a=!0;switch(n){case f.EVENT_CODE.backspace:if(r.readonly)break;u.value[l]="",i(l-1),p();break;case f.EVENT_CODE.delete:if(r.readonly)break;u.value[l]="",i(l),p();break;case f.EVENT_CODE.up:case f.EVENT_CODE.left:i(l-1);break;case f.EVENT_CODE.down:case f.EVENT_CODE.right:i(l+1);break;default:a=!1}a&&t.preventDefault()},S=(t,l)=>{const n=t.target,a=T(l);let o=a+1,v=n.value;if(v.length>1){const N=$(v,a);n.value=u.value[l]??"",N.forEach((P,z)=>u.value[a+z]=P),i(a+N.length),p();return}r.validator(v,a)||(n.value=u.value[l]??"",v=n.value,o=a),u.value[a]=v,a!==l&&(n.value=u.value[l]??""),i(o),p()},$=(t,l=0)=>{const n=`${t??""}`.split(""),a=[];for(const o of n){if(a.length+l>=r.length)break;r.validator(o,a.length+l)&&a.push(o)}return a},i=(t=0)=>{const l=U.clamp(t,0,r.length-1),n=c.value?.[l];document.activeElement!==n&&n?.focus(),j.rAF(()=>{!r.readonly&&document.activeElement===n&&n?.select()})},A=()=>{c.value?.find(t=>document.activeElement===t)?.blur()};return e.watch(()=>r.modelValue,()=>{u.value=E.value,r.validateEvent&&h?.validate?.("change").catch(b.NOOP)}),e.watch(()=>r.length,()=>{u.value=E.value,p(!1)}),e.watch(g,t=>{if(t){C=r.modelValue;return}C!==r.modelValue&&m(O.CHANGE_EVENT,r.modelValue)}),I({inputRefs:c,focus:i,blur:A}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(_),class:e.normalizeClass([e.unref(d).b(),e.unref(d).m(s.size),e.unref(d).m(s.type),e.unref(d).is("disabled",e.unref(k))]),role:"group","aria-label":e.unref(V)?void 0:s.ariaLabel||e.unref(q)("el.inputOTP.groupLabel"),"aria-labelledby":e.unref(V)?e.unref(h)?.labelId:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.length,(n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[e.createElementVNode("label",{class:e.normalizeClass(e.unref(d).e("input-field"))},[e.createElementVNode("input",{ref_for:!0,ref_key:"inputRefs",ref:c,value:u.value[a],class:e.normalizeClass(e.unref(d).e("input")),type:s.mask?"password":"text",disabled:e.unref(k),readonly:s.readonly,inputmode:s.inputmode,autocomplete:"one-time-code","aria-label":e.unref(q)("el.inputOTP.defaultLabel",{index:a+1}),onFocus:D,onBlur:w,onClick:o=>i(a),onKeydown:o=>L(o,a),onInput:o=>S(o,a)},null,42,Q)],2),(t.$slots.separator||y.value[a])&&a<s.length-1?e.renderSlot(t.$slots,"separator",{key:0,index:a},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(()=>y.value[a])))]):e.createCommentVNode("v-if",!0)],64))),128))],10,J))}});module.exports=W;