st-comp 0.0.279 → 0.0.280

package/es/el-input-number-68ee0d65.js

@@ -0,0 +1,390 @@
+import { B as J, b as be, c as R, s as b, l as g, u as Ne, i as F, v as K, t as ve, a as he, N as Q, w as Ee } from "./base-dd156b8e.js";
+import { u as ye, C as ae, I as T, U as D, g as Ve, h as ge, a as Y } from "./el-popper-852446fd.js";
+import { u as Se } from "./index-a181f161.js";
+import { E as Z, f as Ie, C as we, D as xe, A as Fe } from "./index-60900c6c.js";
+import { h as Ae, d as Ce, e as Pe, g as ke } from "./use-form-item-187cd7db.js";
+import { E as Te } from "./el-input-e66500b7.js";
+import { defineComponent as De, ref as Me, reactive as Be, computed as V, watch as _, onMounted as Le, onUpdated as Oe, openBlock as E, createElementBlock as G, normalizeClass as U, unref as l, withModifiers as $e, withDirectives as ee, withKeys as te, renderSlot as A, createVNode as W, withCtx as C, createBlock as P, createCommentVNode as ne, createSlots as ze } from "vue";
+const k = "_RepeatClick", re = {
+  beforeMount(n, N) {
+    const m = N.value, { interval: r = 100, delay: c = 600 } = J(m) ? {} : m;
+    let v, s;
+    const p = () => J(m) ? m() : m.handler(), i = () => {
+      s && (clearTimeout(s), s = void 0), v && (clearInterval(v), v = void 0);
+    }, d = (S) => {
+      S.button === 0 && (i(), p(), document.addEventListener("mouseup", i, {
+        once: !0,
+        capture: !0
+      }), s = setTimeout(() => {
+        v = setInterval(() => {
+          p();
+        }, r);
+      }, c));
+    };
+    n[k] = {
+      start: d,
+      clear: i
+    }, n.addEventListener("mousedown", d);
+  },
+  unmounted(n) {
+    if (!n[k])
+      return;
+    const { start: N, clear: m } = n[k];
+    N && n.removeEventListener("mousedown", N), m && (m(), document.removeEventListener("mouseup", m, !0)), n[k] = null;
+  }
+}, Re = be({
+  /**
+  * @description same as `id` in native input
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description incremental step
+  */
+  step: {
+    type: Number,
+    default: 1
+  },
+  /**
+  * @description whether input value can only be multiple of step
+  */
+  stepStrictly: Boolean,
+  /**
+  * @description the maximum allowed value
+  */
+  max: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  /**
+  * @description the minimum allowed value
+  */
+  min: {
+    type: Number,
+    default: Number.MIN_SAFE_INTEGER
+  },
+  /**
+  * @description binding value
+  */
+  modelValue: { type: [Number, null] },
+  /**
+  * @description same as `readonly` in native input
+  */
+  readonly: Boolean,
+  /**
+  * @description whether the component is disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description size of the component
+  */
+  size: Ae,
+  /**
+  * @description whether to enable the control buttons
+  */
+  controls: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description position of the control buttons
+  */
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  /**
+  * @description value should be set when input box is cleared
+  */
+  valueOnClear: {
+    type: R([
+      String,
+      Number,
+      null
+    ]),
+    validator: (n) => n === null || b(n) || ["min", "max"].includes(n),
+    default: null
+  },
+  /**
+  * @description same as `name` in native input
+  */
+  name: String,
+  /**
+  * @description same as `placeholder` in native input
+  */
+  placeholder: String,
+  /**
+  * @description precision of input value
+  */
+  precision: {
+    type: Number,
+    validator: (n) => n >= 0 && n === Number.parseInt(`${n}`, 10)
+  },
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ...ye(["ariaLabel"]),
+  /**
+  * @description native input mode for virtual keyboards
+  */
+  inputmode: {
+    type: R(String),
+    default: void 0
+  },
+  /**
+  * @description alignment for the inner input text
+  */
+  align: {
+    type: R(String),
+    default: "center"
+  },
+  /**
+  * @description whether to disable scientific notation input (e.g. 'e', 'E')
+  */
+  disabledScientific: Boolean,
+  /**
+  * @description specifies the format of the value presented in the input
+  */
+  formatter: { type: Function },
+  /**
+  * @description specifies the value extracted from the formatted input
+  */
+  parser: { type: Function },
+  /**
+  * @description same as `tabindex` in native input
+  */
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  }
+}), Ke = {
+  [ae]: (n, N) => N !== n,
+  blur: (n) => n instanceof FocusEvent,
+  focus: (n) => n instanceof FocusEvent,
+  [T]: (n) => b(n) || g(n),
+  [D]: (n) => b(n) || g(n)
+}, Ge = ["aria-label"], Ue = ["aria-label"];
+var We = /* @__PURE__ */ De({
+  name: "ElInputNumber",
+  __name: "input-number",
+  props: Re,
+  emits: Ke,
+  setup(n, { expose: N, emit: m }) {
+    const r = n, c = m, { t: v } = Se(), s = Ne("input-number"), p = Me(), i = Be({
+      currentValue: r.modelValue,
+      userInput: null
+    }), { formItem: d } = Ce(), S = V(() => b(r.modelValue) && r.modelValue <= r.min), X = V(() => b(r.modelValue) && r.modelValue >= r.max), ue = V(() => {
+      const e = j(r.step);
+      return F(r.precision) ? Math.max(j(r.modelValue), e) : (e > r.precision && K("InputNumber", "precision should not be less than the decimal places of step"), r.precision);
+    }), M = V(() => r.controls && r.controlsPosition === "right"), H = Pe(), y = ke(), B = V(() => {
+      if (i.userInput !== null)
+        return i.userInput;
+      let e = i.currentValue;
+      if (g(e))
+        return "";
+      if (b(e)) {
+        if (Number.isNaN(e))
+          return "";
+        F(r.precision) || (e = e.toFixed(r.precision));
+      }
+      return e;
+    }), I = (e, t) => {
+      if (F(t) && (t = ue.value), t === 0)
+        return Math.round(e);
+      let a = String(e);
+      const u = a.indexOf(".");
+      if (u === -1 || !a.replace(".", "").split("")[u + t])
+        return e;
+      const f = a.length;
+      return a.charAt(f - 1) === "5" && (a = `${a.slice(0, Math.max(0, f - 1))}6`), Number.parseFloat(Number(a).toFixed(t));
+    }, j = (e) => {
+      if (g(e))
+        return 0;
+      const t = e.toString(), a = t.indexOf(".");
+      let u = 0;
+      return a !== -1 && (u = t.length - a - 1), u;
+    }, q = (e, t = 1) => b(e) ? e >= Number.MAX_SAFE_INTEGER && t === 1 ? (K("InputNumber", "The value has reached the maximum safe integer limit."), e) : e <= Number.MIN_SAFE_INTEGER && t === -1 ? (K("InputNumber", "The value has reached the minimum safe integer limit."), e) : I(e + r.step * t) : i.currentValue, ie = (e) => {
+      const t = Ve(e), a = ge(e);
+      if (r.disabledScientific && ["e", "E"].includes(a)) {
+        e.preventDefault();
+        return;
+      }
+      switch (t) {
+        case Y.up:
+          e.preventDefault(), L();
+          break;
+        case Y.down:
+          e.preventDefault(), O();
+          break;
+      }
+    }, L = () => {
+      r.readonly || y.value || X.value || (w(q(Number(B.value) || 0)), c(T, i.currentValue), z());
+    }, O = () => {
+      r.readonly || y.value || S.value || (w(q(Number(B.value) || 0, -1)), c(T, i.currentValue), z());
+    }, $ = (e, t) => {
+      const { max: a, min: u, step: f, precision: h, stepStrictly: pe, valueOnClear: x } = r;
+      a < u && ve("InputNumber", "min should not be greater than max.");
+      let o = e ? Number.parseFloat(String(e)) : Number(e);
+      if (g(e) || Number.isNaN(o))
+        return null;
+      if (e === "") {
+        if (x === null)
+          return null;
+        o = he(x) ? {
+          min: u,
+          max: a
+        }[x] : x;
+      }
+      return pe && (o = I(Math.round(I(o / f)) * f, h), o !== e && t && c("update:modelValue", o)), F(h) || (o = I(o, h)), (o > a || o < u) && (o = o > a ? a : u, t && c("update:modelValue", o)), o;
+    }, w = (e, t = !0) => {
+      var f;
+      const a = i.currentValue, u = $(e);
+      if (!t) {
+        c(D, u);
+        return;
+      }
+      i.userInput = null, !(a === u && e) && (c(D, u), a !== u && c(ae, u, a), r.validateEvent && ((f = d == null ? void 0 : d.validate) == null || f.call(d, "change").catch(Q)), i.currentValue = u);
+    }, le = (e) => {
+      i.userInput = e;
+      let t = e === "" ? null : Number.parseFloat(e);
+      Number.isNaN(t) && (t = null), c(T, t), w(t, !1);
+    }, se = (e) => {
+      const t = e !== "" ? Number.parseFloat(e) : "";
+      (b(t) && !Number.isNaN(t) || r.formatter && Number.isNaN(t) || t === "") && w(t), z(), i.userInput = null;
+    }, oe = () => {
+      var e, t;
+      (t = (e = p.value) == null ? void 0 : e.focus) == null || t.call(e);
+    }, ce = () => {
+      var e, t;
+      (t = (e = p.value) == null ? void 0 : e.blur) == null || t.call(e);
+    }, de = (e) => {
+      c("focus", e);
+    }, me = (e) => {
+      var t, a, u;
+      i.userInput = null, i.currentValue === null && ((t = p.value) != null && t.input) && (p.value.input.value = ((a = r.formatter) == null ? void 0 : a.call(r, "")) ?? ""), c("blur", e), r.validateEvent && ((u = d == null ? void 0 : d.validate) == null || u.call(d, "blur").catch(Q));
+    }, z = () => {
+      i.currentValue !== r.modelValue && (i.currentValue = r.modelValue);
+    }, fe = (e) => {
+      document.activeElement === e.target && e.preventDefault();
+    };
+    return _(() => r.modelValue, (e, t) => {
+      const a = $(e, !0);
+      i.userInput === null && a !== t && (i.currentValue = a);
+    }, { immediate: !0 }), _(() => r.precision, () => {
+      i.currentValue = $(r.modelValue);
+    }), Le(() => {
+      var f;
+      const { min: e, max: t, modelValue: a } = r, u = (f = p.value) == null ? void 0 : f.input;
+      if (u.setAttribute("role", "spinbutton"), Number.isFinite(t) ? u.setAttribute("aria-valuemax", String(t)) : u.removeAttribute("aria-valuemax"), Number.isFinite(e) ? u.setAttribute("aria-valuemin", String(e)) : u.removeAttribute("aria-valuemin"), u.setAttribute("aria-valuenow", i.currentValue || i.currentValue === 0 ? String(i.currentValue) : ""), u.setAttribute("aria-disabled", String(y.value)), !b(a) && a != null) {
+        let h = Number(a);
+        Number.isNaN(h) && (h = null), c(D, h);
+      }
+      u.addEventListener("wheel", fe, { passive: !1 });
+    }), Oe(() => {
+      var e, t;
+      (t = (e = p.value) == null ? void 0 : e.input) == null || t.setAttribute("aria-valuenow", `${i.currentValue ?? ""}`);
+    }), N({
+      /** @description get focus the input component */
+      focus: oe,
+      /** @description remove focus the input component */
+      blur: ce
+    }), (e, t) => (E(), G("div", {
+      class: U([
+        l(s).b(),
+        l(s).m(l(H)),
+        l(s).is("disabled", l(y)),
+        l(s).is("without-controls", !n.controls),
+        l(s).is("controls-right", M.value),
+        l(s).is(n.align, !!n.align)
+      ]),
+      onDragstart: t[0] || (t[0] = $e(() => {
+      }, ["prevent"]))
+    }, [
+      n.controls ? ee((E(), G("span", {
+        key: 0,
+        role: "button",
+        "aria-label": l(v)("el.inputNumber.decrease"),
+        class: U([l(s).e("decrease"), l(s).is("disabled", S.value)]),
+        onKeydown: te(O, ["enter"])
+      }, [A(e.$slots, "decrease-icon", {}, () => [W(l(Z), null, {
+        default: C(() => [M.value ? (E(), P(l(Ie), { key: 0 })) : (E(), P(l(we), { key: 1 }))]),
+        _: 1
+      })])], 42, Ge)), [[l(re), O]]) : ne("v-if", !0),
+      n.controls ? ee((E(), G("span", {
+        key: 1,
+        role: "button",
+        "aria-label": l(v)("el.inputNumber.increase"),
+        class: U([l(s).e("increase"), l(s).is("disabled", X.value)]),
+        onKeydown: te(L, ["enter"])
+      }, [A(e.$slots, "increase-icon", {}, () => [W(l(Z), null, {
+        default: C(() => [M.value ? (E(), P(l(xe), { key: 0 })) : (E(), P(l(Fe), { key: 1 }))]),
+        _: 1
+      })])], 42, Ue)), [[l(re), L]]) : ne("v-if", !0),
+      W(l(Te), {
+        id: n.id,
+        ref_key: "input",
+        ref: p,
+        type: n.formatter ? "text" : "number",
+        step: n.step,
+        "model-value": B.value,
+        placeholder: n.placeholder,
+        readonly: n.readonly,
+        disabled: l(y),
+        size: l(H),
+        max: n.max,
+        min: n.min,
+        name: n.name,
+        "aria-label": n.ariaLabel,
+        "validate-event": !1,
+        inputmode: n.inputmode,
+        formatter: n.formatter,
+        parser: n.parser,
+        tabindex: n.tabindex,
+        onKeydown: ie,
+        onBlur: me,
+        onFocus: de,
+        onInput: le,
+        onChange: se
+      }, ze({ _: 2 }, [e.$slots.prefix ? {
+        name: "prefix",
+        fn: C(() => [A(e.$slots, "prefix")]),
+        key: "0"
+      } : void 0, e.$slots.suffix ? {
+        name: "suffix",
+        fn: C(() => [A(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));
+  }
+}), Xe = We;
+const _e = Ee(Xe);
+export {
+  _e as E
+};

package/es/el-input-number-d7a81922.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./base-d987e5c9.cjs"),c=require("./el-popper-f824c63b.cjs"),j=require("./index-d372e68f.cjs"),V=require("./index-3e7d5ffb.cjs"),T=require("./use-form-item-0a831287.cjs"),J=require("./el-input-c8a9bb71.cjs"),t=require("vue"),x="_RepeatClick",L={beforeMount(r,E){const p=E.value,{interval:u=100,delay:m=600}=i.isFunction(p)?{}:p;let v,s;const N=()=>i.isFunction(p)?p():p.handler(),o=()=>{s&&(clearTimeout(s),s=void 0),v&&(clearInterval(v),v=void 0)},f=g=>{g.button===0&&(o(),N(),document.addEventListener("mouseup",o,{once:!0,capture:!0}),s=setTimeout(()=>{v=setInterval(()=>{N()},u)},m))};r[x]={start:f,clear:o},r.addEventListener("mousedown",f)},unmounted(r){if(!r[x])return;const{start:E,clear:p}=r[x];E&&r.removeEventListener("mousedown",E),p&&(p(),document.removeEventListener("mouseup",p,!0)),r[x]=null}},Q=i.buildProps({id:{type:String,default:void 0},step:{type:Number,default:1},stepStrictly:Boolean,max:{type:Number,default:Number.MAX_SAFE_INTEGER},min:{type:Number,default:Number.MIN_SAFE_INTEGER},modelValue:{type:[Number,null]},readonly:Boolean,disabled:{type:Boolean,default:void 0},size:T.useSizeProp,controls:{type:Boolean,default:!0},controlsPosition:{type:String,default:"",values:["","right"]},valueOnClear:{type:i.definePropType([String,Number,null]),validator:r=>r===null||i.isNumber(r)||["min","max"].includes(r),default:null},name:String,placeholder:String,precision:{type:Number,validator:r=>r>=0&&r===Number.parseInt(`${r}`,10)},validateEvent:{type:Boolean,default:!0},...c.useAriaProps(["ariaLabel"]),inputmode:{type:i.definePropType(String),default:void 0},align:{type:i.definePropType(String),default:"center"},disabledScientific:Boolean,formatter:{type:Function},parser:{type:Function},tabindex:{type:[String,Number],default:0}}),Y={[c.CHANGE_EVENT]:(r,E)=>E!==r,blur:r=>r instanceof FocusEvent,focus:r=>r instanceof FocusEvent,[c.INPUT_EVENT]:r=>i.isNumber(r)||i.isNil(r),[c.UPDATE_MODEL_EVENT]:r=>i.isNumber(r)||i.isNil(r)},Z=["aria-label"],ee=["aria-label"];var te=t.defineComponent({name:"ElInputNumber",__name:"input-number",props:Q,emits:Y,setup(r,{expose:E,emit:p}){const u=r,m=p,{t:v}=j.useLocale(),s=i.useNamespace("input-number"),N=t.ref(),o=t.reactive({currentValue:u.modelValue,userInput:null}),{formItem:f}=T.useFormItem(),g=t.computed(()=>i.isNumber(u.modelValue)&&u.modelValue<=u.min),D=t.computed(()=>i.isNumber(u.modelValue)&&u.modelValue>=u.max),_=t.computed(()=>{const e=O(u.step);return i.isUndefined(u.precision)?Math.max(O(u.modelValue),e):(e>u.precision&&i.debugWarn("InputNumber","precision should not be less than the decimal places of step"),u.precision)}),k=t.computed(()=>u.controls&&u.controlsPosition==="right"),M=T.useFormSize(),y=T.useFormDisabled(),P=t.computed(()=>{if(o.userInput!==null)return o.userInput;let e=o.currentValue;if(i.isNil(e))return"";if(i.isNumber(e)){if(Number.isNaN(e))return"";i.isUndefined(u.precision)||(e=e.toFixed(u.precision))}return e}),I=(e,n)=>{if(i.isUndefined(n)&&(n=_.value),n===0)return Math.round(e);let a=String(e);const l=a.indexOf(".");if(l===-1||!a.replace(".","").split("")[l+n])return e;const b=a.length;return a.charAt(b-1)==="5"&&(a=`${a.slice(0,Math.max(0,b-1))}6`),Number.parseFloat(Number(a).toFixed(n))},O=e=>{if(i.isNil(e))return 0;const n=e.toString(),a=n.indexOf(".");let l=0;return a!==-1&&(l=n.length-a-1),l},U=(e,n=1)=>i.isNumber(e)?e>=Number.MAX_SAFE_INTEGER&&n===1?(i.debugWarn("InputNumber","The value has reached the maximum safe integer limit."),e):e<=Number.MIN_SAFE_INTEGER&&n===-1?(i.debugWarn("InputNumber","The value has reached the minimum safe integer limit."),e):I(e+u.step*n):o.currentValue,$=e=>{const n=c.getEventCode(e),a=c.getEventKey(e);if(u.disabledScientific&&["e","E"].includes(a)){e.preventDefault();return}switch(n){case c.EVENT_CODE.up:e.preventDefault(),C();break;case c.EVENT_CODE.down:e.preventDefault(),F();break}},C=()=>{u.readonly||y.value||D.value||(S(U(Number(P.value)||0)),m(c.INPUT_EVENT,o.currentValue),B())},F=()=>{u.readonly||y.value||g.value||(S(U(Number(P.value)||0,-1)),m(c.INPUT_EVENT,o.currentValue),B())},A=(e,n)=>{const{max:a,min:l,step:b,precision:h,stepStrictly:X,valueOnClear:w}=u;a<l&&i.throwError("InputNumber","min should not be greater than max.");let d=e?Number.parseFloat(String(e)):Number(e);if(i.isNil(e)||Number.isNaN(d))return null;if(e===""){if(w===null)return null;d=i.isString(w)?{min:l,max:a}[w]:w}return X&&(d=I(Math.round(I(d/b))*b,h),d!==e&&n&&m("update:modelValue",d)),i.isUndefined(h)||(d=I(d,h)),(d>a||d<l)&&(d=d>a?a:l,n&&m("update:modelValue",d)),d},S=(e,n=!0)=>{var b;const a=o.currentValue,l=A(e);if(!n){m(c.UPDATE_MODEL_EVENT,l);return}o.userInput=null,!(a===l&&e)&&(m(c.UPDATE_MODEL_EVENT,l),a!==l&&m(c.CHANGE_EVENT,l,a),u.validateEvent&&((b=f==null?void 0:f.validate)==null||b.call(f,"change").catch(i.NOOP)),o.currentValue=l)},z=e=>{o.userInput=e;let n=e===""?null:Number.parseFloat(e);Number.isNaN(n)&&(n=null),m(c.INPUT_EVENT,n),S(n,!1)},q=e=>{const n=e!==""?Number.parseFloat(e):"";(i.isNumber(n)&&!Number.isNaN(n)||u.formatter&&Number.isNaN(n)||n==="")&&S(n),B(),o.userInput=null},K=()=>{var e,n;(n=(e=N.value)==null?void 0:e.focus)==null||n.call(e)},R=()=>{var e,n;(n=(e=N.value)==null?void 0:e.blur)==null||n.call(e)},G=e=>{m("focus",e)},W=e=>{var n,a,l;o.userInput=null,o.currentValue===null&&((n=N.value)!=null&&n.input)&&(N.value.input.value=((a=u.formatter)==null?void 0:a.call(u,""))??""),m("blur",e),u.validateEvent&&((l=f==null?void 0:f.validate)==null||l.call(f,"blur").catch(i.NOOP))},B=()=>{o.currentValue!==u.modelValue&&(o.currentValue=u.modelValue)},H=e=>{document.activeElement===e.target&&e.preventDefault()};return t.watch(()=>u.modelValue,(e,n)=>{const a=A(e,!0);o.userInput===null&&a!==n&&(o.currentValue=a)},{immediate:!0}),t.watch(()=>u.precision,()=>{o.currentValue=A(u.modelValue)}),t.onMounted(()=>{var b;const{min:e,max:n,modelValue:a}=u,l=(b=N.value)==null?void 0:b.input;if(l.setAttribute("role","spinbutton"),Number.isFinite(n)?l.setAttribute("aria-valuemax",String(n)):l.removeAttribute("aria-valuemax"),Number.isFinite(e)?l.setAttribute("aria-valuemin",String(e)):l.removeAttribute("aria-valuemin"),l.setAttribute("aria-valuenow",o.currentValue||o.currentValue===0?String(o.currentValue):""),l.setAttribute("aria-disabled",String(y.value)),!i.isNumber(a)&&a!=null){let h=Number(a);Number.isNaN(h)&&(h=null),m(c.UPDATE_MODEL_EVENT,h)}l.addEventListener("wheel",H,{passive:!1})}),t.onUpdated(()=>{var e,n;(n=(e=N.value)==null?void 0:e.input)==null||n.setAttribute("aria-valuenow",`${o.currentValue??""}`)}),E({focus:K,blur:R}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(s).b(),t.unref(s).m(t.unref(M)),t.unref(s).is("disabled",t.unref(y)),t.unref(s).is("without-controls",!r.controls),t.unref(s).is("controls-right",k.value),t.unref(s).is(r.align,!!r.align)]),onDragstart:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"]))},[r.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button","aria-label":t.unref(v)("el.inputNumber.decrease"),class:t.normalizeClass([t.unref(s).e("decrease"),t.unref(s).is("disabled",g.value)]),onKeydown:t.withKeys(F,["enter"])},[t.renderSlot(e.$slots,"decrease-icon",{},()=>[t.createVNode(t.unref(V.ElIcon),null,{default:t.withCtx(()=>[k.value?(t.openBlock(),t.createBlock(t.unref(V.arrow_down_default),{key:0})):(t.openBlock(),t.createBlock(t.unref(V.minus_default),{key:1}))]),_:1})])],42,Z)),[[t.unref(L),F]]):t.createCommentVNode("v-if",!0),r.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button","aria-label":t.unref(v)("el.inputNumber.increase"),class:t.normalizeClass([t.unref(s).e("increase"),t.unref(s).is("disabled",D.value)]),onKeydown:t.withKeys(C,["enter"])},[t.renderSlot(e.$slots,"increase-icon",{},()=>[t.createVNode(t.unref(V.ElIcon),null,{default:t.withCtx(()=>[k.value?(t.openBlock(),t.createBlock(t.unref(V.arrow_up_default),{key:0})):(t.openBlock(),t.createBlock(t.unref(V.plus_default),{key:1}))]),_:1})])],42,ee)),[[t.unref(L),C]]):t.createCommentVNode("v-if",!0),t.createVNode(t.unref(J.ElInput),{id:r.id,ref_key:"input",ref:N,type:r.formatter?"text":"number",step:r.step,"model-value":P.value,placeholder:r.placeholder,readonly:r.readonly,disabled:t.unref(y),size:t.unref(M),max:r.max,min:r.min,name:r.name,"aria-label":r.ariaLabel,"validate-event":!1,inputmode:r.inputmode,formatter:r.formatter,parser:r.parser,tabindex:r.tabindex,onKeydown:$,onBlur:W,onFocus:G,onInput:z,onChange:q},t.createSlots({_:2},[e.$slots.prefix?{name:"prefix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"prefix")]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:t.withCtx(()=>[t.renderSlot(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))}}),ne=te;const re=i.withInstall(ne);exports.ElInputNumber=re;

package/es/el-loading-62132db2.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./base-d987e5c9.cjs"),I=require("./use-global-config-c90c91f7.cjs"),l=require("vue");function T(e,n){let t;const o=l.ref(!1),s=l.reactive({...e,originalPosition:"",originalOverflow:"",visible:!1});function r(i){s.text=i}function d(){const i=s.parent,g=m.ns;if(!i.vLoadingAddClassList){let u=i.getAttribute("loading-number");u=Number.parseInt(u)-1,u?i.setAttribute("loading-number",u.toString()):(a.removeClass(i,g.bm("parent","relative")),i.removeAttribute("loading-number")),a.removeClass(i,g.bm("parent","hidden"))}f(),y.unmount()}function f(){var i,g;(g=(i=m.$el)==null?void 0:i.parentNode)==null||g.removeChild(m.$el)}function x(){var i;e.beforeClose&&!e.beforeClose()||(o.value=!0,clearTimeout(t),t=setTimeout(c,400),s.visible=!1,(i=e.closed)==null||i.call(e))}function c(){if(!o.value)return;const i=s.parent;o.value=!1,i.vLoadingAddClassList=void 0,d()}const y=l.createApp(l.defineComponent({name:"ElLoading",setup(i,{expose:g}){const{ns:u,zIndex:w}=I.useGlobalComponentSettings("loading");return g({ns:u,zIndex:w}),()=>{const C=s.spinner||s.svg,S=l.h("svg",{class:"circular",viewBox:s.svgViewBox?s.svgViewBox:"0 0 50 50",...C?{innerHTML:C}:{}},C?void 0:[l.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),B=s.text?l.h("p",{class:u.b("text")},[s.text]):void 0;return l.h(l.Transition,{name:u.b("fade"),onAfterLeave:c},{default:l.withCtx(()=>[l.withDirectives(l.createVNode("div",{style:{backgroundColor:s.background||""},class:[u.b("mask"),s.customClass,u.is("fullscreen",s.fullscreen)]},[l.h("div",{class:u.b("spinner")},[S,B])]),[[l.vShow,s.visible]])])})}}}));Object.assign(y._context,n??{});const m=y.mount(document.createElement("div"));return{...l.toRefs(s),setText:r,removeElLoadingChild:f,close:x,handleAfterLeave:c,vm:m,get $el(){return m.$el}}}let p;const h=function(e={},n){if(!a.isClient)return;const t=$(e);if(t.fullscreen&&p)return p;const o=T({...t,closed:()=>{var r;(r=t.closed)==null||r.call(t),t.fullscreen&&(p=void 0)}},n??h._context);N(t,t.parent,o),k(t,t.parent,o),t.parent.vLoadingAddClassList=()=>k(t,t.parent,o);let s=t.parent.getAttribute("loading-number");return s?s=`${Number.parseInt(s)+1}`:s="1",t.parent.setAttribute("loading-number",s),t.parent.appendChild(o.$el),l.nextTick(()=>o.visible.value=t.visible),t.fullscreen&&(p=o),o},$=e=>{let n;return a.isString(e.target)?n=document.querySelector(e.target)??document.body:n=e.target||document.body,{parent:n===document.body||e.body?document.body:n,background:e.background||"",svg:e.svg||"",svgViewBox:e.svgViewBox||"",spinner:e.spinner||!1,text:e.text||"",fullscreen:n===document.body&&(e.fullscreen??!0),lock:e.lock??!1,customClass:e.customClass||"",visible:e.visible??!0,beforeClose:e.beforeClose,closed:e.closed,target:n}},N=async(e,n,t)=>{const{nextZIndex:o}=t.vm.zIndex||t.vm._.exposed.zIndex,s={};if(e.fullscreen)t.originalPosition.value=a.getStyle(document.body,"position"),t.originalOverflow.value=a.getStyle(document.body,"overflow"),s.zIndex=o();else if(e.parent===document.body){t.originalPosition.value=a.getStyle(document.body,"position"),await l.nextTick();for(const r of["top","left"]){const d=r==="top"?"scrollTop":"scrollLeft";s[r]=`${e.target.getBoundingClientRect()[r]+document.body[d]+document.documentElement[d]-Number.parseInt(a.getStyle(document.body,`margin-${r}`),10)}px`}for(const r of["height","width"])s[r]=`${e.target.getBoundingClientRect()[r]}px`}else t.originalPosition.value=a.getStyle(n,"position");for(const[r,d]of Object.entries(s))t.$el.style[r]=d},k=(e,n,t)=>{const o=t.vm.ns||t.vm._.exposed.ns;["absolute","fixed","sticky"].includes(t.originalPosition.value)?a.removeClass(n,o.bm("parent","relative")):a.addClass(n,o.bm("parent","relative")),e.fullscreen&&e.lock?a.addClass(n,o.bm("parent","hidden")):a.removeClass(n,o.bm("parent","hidden"))};h._context=null;const b=Symbol("ElLoading"),v=e=>`element-loading-${a.hyphenate(e)}`,A=(e,n)=>{const t=n.instance,o=c=>a.isObject(n.value)?n.value[c]:void 0,s=c=>l.ref(a.isString(c)&&(t==null?void 0:t[c])||c),r=c=>s(o(c)||e.getAttribute(v(c))),d=o("fullscreen")??n.modifiers.fullscreen,f={text:r("text"),svg:r("svg"),svgViewBox:r("svgViewBox"),spinner:r("spinner"),background:r("background"),customClass:r("customClass"),fullscreen:d,target:o("target")??(d?void 0:e),body:o("body")??n.modifiers.body,lock:o("lock")??n.modifiers.lock},x=h(f);x._context=L._context,e[b]={options:f,instance:x}},_=(e,n)=>{for(const t of Object.keys(e))l.isRef(e[t])&&(e[t].value=n[t])},L={mounted(e,n){n.value&&A(e,n)},updated(e,n){const t=e[b];if(!n.value){t==null||t.instance.close(),e[b]=null;return}t?_(t.options,a.isObject(n.value)?n.value:{text:e.getAttribute(v("text")),svg:e.getAttribute(v("svg")),svgViewBox:e.getAttribute(v("svgViewBox")),spinner:e.getAttribute(v("spinner")),background:e.getAttribute(v("background")),customClass:e.getAttribute(v("customClass"))}):A(e,n)},unmounted(e){var n;(n=e[b])==null||n.instance.close(),e[b]=null}};L._context=null;exports.vLoading=L;

package/es/el-loading-db4c6d13.js

@@ -0,0 +1,190 @@
+import { r as y, y as E, a as B, z as g, h as L, k as I, A as P } from "./base-dd156b8e.js";
+import { u as O } from "./use-global-config-17dafd40.js";
+import { ref as S, reactive as z, createApp as j, defineComponent as R, h as m, Transition as q, withCtx as D, withDirectives as F, createVNode as G, vShow as H, toRefs as K, nextTick as $, isRef as M } from "vue";
+function Y(e, n) {
+  let t;
+  const s = S(!1), o = z({
+    ...e,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: !1
+  });
+  function r(l) {
+    o.text = l;
+  }
+  function c() {
+    const l = o.parent, u = v.ns;
+    if (!l.vLoadingAddClassList) {
+      let i = l.getAttribute("loading-number");
+      i = Number.parseInt(i) - 1, i ? l.setAttribute("loading-number", i.toString()) : (y(l, u.bm("parent", "relative")), l.removeAttribute("loading-number")), y(l, u.bm("parent", "hidden"));
+    }
+    f(), C.unmount();
+  }
+  function f() {
+    var l, u;
+    (u = (l = v.$el) == null ? void 0 : l.parentNode) == null || u.removeChild(v.$el);
+  }
+  function x() {
+    var l;
+    e.beforeClose && !e.beforeClose() || (s.value = !0, clearTimeout(t), t = setTimeout(a, 400), o.visible = !1, (l = e.closed) == null || l.call(e));
+  }
+  function a() {
+    if (!s.value)
+      return;
+    const l = o.parent;
+    s.value = !1, l.vLoadingAddClassList = void 0, c();
+  }
+  const C = j(R({
+    name: "ElLoading",
+    setup(l, { expose: u }) {
+      const { ns: i, zIndex: T } = O("loading");
+      return u({
+        ns: i,
+        zIndex: T
+      }), () => {
+        const A = o.spinner || o.svg, _ = m("svg", {
+          class: "circular",
+          viewBox: o.svgViewBox ? o.svgViewBox : "0 0 50 50",
+          ...A ? { innerHTML: A } : {}
+        }, A ? void 0 : [m("circle", {
+          class: "path",
+          cx: "25",
+          cy: "25",
+          r: "20",
+          fill: "none"
+        })]), V = o.text ? m("p", { class: i.b("text") }, [o.text]) : void 0;
+        return m(q, {
+          name: i.b("fade"),
+          onAfterLeave: a
+        }, { default: D(() => [F(G("div", {
+          style: { backgroundColor: o.background || "" },
+          class: [
+            i.b("mask"),
+            o.customClass,
+            i.is("fullscreen", o.fullscreen)
+          ]
+        }, [m("div", { class: i.b("spinner") }, [_, V])]), [[H, o.visible]])]) });
+      };
+    }
+  }));
+  Object.assign(C._context, n ?? {});
+  const v = C.mount(document.createElement("div"));
+  return {
+    ...K(o),
+    setText: r,
+    removeElLoadingChild: f,
+    close: x,
+    handleAfterLeave: a,
+    vm: v,
+    get $el() {
+      return v.$el;
+    }
+  };
+}
+let p;
+const k = function(e = {}, n) {
+  if (!E)
+    return;
+  const t = Z(e);
+  if (t.fullscreen && p)
+    return p;
+  const s = Y({
+    ...t,
+    closed: () => {
+      var r;
+      (r = t.closed) == null || r.call(t), t.fullscreen && (p = void 0);
+    }
+  }, n ?? k._context);
+  J(t, t.parent, s), h(t, t.parent, s), t.parent.vLoadingAddClassList = () => h(t, t.parent, s);
+  let o = t.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", t.parent.setAttribute("loading-number", o), t.parent.appendChild(s.$el), $(() => s.visible.value = t.visible), t.fullscreen && (p = s), s;
+}, Z = (e) => {
+  let n;
+  return B(e.target) ? n = document.querySelector(e.target) ?? document.body : n = e.target || document.body, {
+    parent: n === document.body || e.body ? document.body : n,
+    background: e.background || "",
+    svg: e.svg || "",
+    svgViewBox: e.svgViewBox || "",
+    spinner: e.spinner || !1,
+    text: e.text || "",
+    fullscreen: n === document.body && (e.fullscreen ?? !0),
+    lock: e.lock ?? !1,
+    customClass: e.customClass || "",
+    visible: e.visible ?? !0,
+    beforeClose: e.beforeClose,
+    closed: e.closed,
+    target: n
+  };
+}, J = async (e, n, t) => {
+  const { nextZIndex: s } = t.vm.zIndex || t.vm._.exposed.zIndex, o = {};
+  if (e.fullscreen)
+    t.originalPosition.value = g(document.body, "position"), t.originalOverflow.value = g(document.body, "overflow"), o.zIndex = s();
+  else if (e.parent === document.body) {
+    t.originalPosition.value = g(document.body, "position"), await $();
+    for (const r of ["top", "left"]) {
+      const c = r === "top" ? "scrollTop" : "scrollLeft";
+      o[r] = `${e.target.getBoundingClientRect()[r] + document.body[c] + document.documentElement[c] - Number.parseInt(g(document.body, `margin-${r}`), 10)}px`;
+    }
+    for (const r of ["height", "width"])
+      o[r] = `${e.target.getBoundingClientRect()[r]}px`;
+  } else
+    t.originalPosition.value = g(n, "position");
+  for (const [r, c] of Object.entries(o))
+    t.$el.style[r] = c;
+}, h = (e, n, t) => {
+  const s = t.vm.ns || t.vm._.exposed.ns;
+  [
+    "absolute",
+    "fixed",
+    "sticky"
+  ].includes(t.originalPosition.value) ? y(n, s.bm("parent", "relative")) : L(n, s.bm("parent", "relative")), e.fullscreen && e.lock ? L(n, s.bm("parent", "hidden")) : y(n, s.bm("parent", "hidden"));
+};
+k._context = null;
+const b = Symbol("ElLoading"), d = (e) => `element-loading-${P(e)}`, w = (e, n) => {
+  const t = n.instance, s = (a) => I(n.value) ? n.value[a] : void 0, o = (a) => S(B(a) && (t == null ? void 0 : t[a]) || a), r = (a) => o(s(a) || e.getAttribute(d(a))), c = s("fullscreen") ?? n.modifiers.fullscreen, f = {
+    text: r("text"),
+    svg: r("svg"),
+    svgViewBox: r("svgViewBox"),
+    spinner: r("spinner"),
+    background: r("background"),
+    customClass: r("customClass"),
+    fullscreen: c,
+    target: s("target") ?? (c ? void 0 : e),
+    body: s("body") ?? n.modifiers.body,
+    lock: s("lock") ?? n.modifiers.lock
+  }, x = k(f);
+  x._context = N._context, e[b] = {
+    options: f,
+    instance: x
+  };
+}, Q = (e, n) => {
+  for (const t of Object.keys(e))
+    M(e[t]) && (e[t].value = n[t]);
+}, N = {
+  mounted(e, n) {
+    n.value && w(e, n);
+  },
+  updated(e, n) {
+    const t = e[b];
+    if (!n.value) {
+      t == null || t.instance.close(), e[b] = null;
+      return;
+    }
+    t ? Q(t.options, I(n.value) ? n.value : {
+      text: e.getAttribute(d("text")),
+      svg: e.getAttribute(d("svg")),
+      svgViewBox: e.getAttribute(d("svgViewBox")),
+      spinner: e.getAttribute(d("spinner")),
+      background: e.getAttribute(d("background")),
+      customClass: e.getAttribute(d("customClass"))
+    }) : w(e, n);
+  },
+  unmounted(e) {
+    var n;
+    (n = e[b]) == null || n.instance.close(), e[b] = null;
+  }
+};
+N._context = null;
+export {
+  N as v
+};

package/es/el-menu-item-4b8e7794.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./base-d987e5c9.cjs"),P=require("./use-form-item-0a831287.cjs"),H=require("./index-3e7d5ffb.cjs"),E=require("./el-popper-f824c63b.cjs"),e=require("vue"),se=require("./index-71ba4c28.cjs"),le=require("./vnode-6f7b84f0.cjs"),re=require("./typescript-b63f8e83.cjs"),ue=require("./el-select-d2958ae8.cjs");var ie=e.defineComponent({name:"ElCollapseTransition",__name:"collapse-transition",setup(t){const a=s.useNamespace("collapse-transition"),i=n=>{n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom},o={beforeEnter(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.style.height&&(n.dataset.elExistsHeight=n.style.height),n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0},enter(n){requestAnimationFrame(()=>{n.dataset.oldOverflow=n.style.overflow,n.dataset.elExistsHeight?n.style.maxHeight=n.dataset.elExistsHeight:n.scrollHeight!==0?n.style.maxHeight=`${n.scrollHeight}px`:n.style.maxHeight=0,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom,n.style.overflow="hidden"})},afterEnter(n){n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow},enterCancelled(n){i(n)},beforeLeave(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.dataset.oldOverflow=n.style.overflow,n.style.maxHeight=`${n.scrollHeight}px`,n.style.overflow="hidden"},leave(n){n.scrollHeight!==0&&(n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0)},afterLeave(n){i(n)},leaveCancelled(n){i(n)}};return(n,S)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(a).b()},e.toHandlers(o)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["name"]))}}),ce=ie;const de=s.withInstall(ce),Q="rootMenu",R="subMenu:";function te(t,a){const i=e.computed(()=>{let o=t.parent;const n=[a.value];for(;o.type.name!=="ElMenu";)o.props.index&&n.unshift(o.props.index),o=o.parent;return n});return{parentMenu:e.computed(()=>{let o=t.parent;for(;o&&!["ElMenu","ElSubMenu"].includes(o.type.name);)o=o.parent;return o}),indexPath:i}}function pe(t){return e.computed(()=>{const a=t.backgroundColor;return a?new se.TinyColor(a).shade(20).toString():""})}const ne=(t,a)=>{const i=s.useNamespace("menu");return e.computed(()=>i.cssVarBlock({"text-color":t.textColor||"","hover-text-color":t.textColor||"","bg-color":t.backgroundColor||"","hover-bg-color":pe(t).value||"","active-color":t.activeTextColor||"",level:`${a}`}))},me=s.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:{type:s.definePropType([String,Array,Object,Boolean]),default:void 0},popperStyle:{type:s.definePropType([String,Array,Object,Boolean]),default:void 0},disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:P.iconPropType},expandOpenIcon:{type:P.iconPropType},collapseCloseIcon:{type:P.iconPropType},collapseOpenIcon:{type:P.iconPropType}}),K="ElSubMenu";var X=e.defineComponent({name:K,props:me,setup(t,{slots:a,expose:i}){const o=e.getCurrentInstance(),{indexPath:n,parentMenu:S}=te(o,e.computed(()=>t.index)),p=s.useNamespace("menu"),I=s.useNamespace("sub-menu"),u=e.inject(Q);u||s.throwError(K,"can not inject root menu");const v=e.inject(`${R}${S.value.uid}`);v||s.throwError(K,"can not inject sub menu");const k=e.ref({}),M=e.ref({});let m;const g=e.ref(!1),_=e.ref(),C=e.ref(),O=e.computed(()=>v.level===0),V=e.computed(()=>w.value==="horizontal"&&O.value?"bottom-start":"right-start"),N=e.computed(()=>w.value==="horizontal"&&O.value||w.value==="vertical"&&!u.props.collapse?t.expandCloseIcon&&t.expandOpenIcon?x.value?t.expandOpenIcon:t.expandCloseIcon:H.arrow_down_default:t.collapseCloseIcon&&t.collapseOpenIcon?x.value?t.collapseOpenIcon:t.collapseCloseIcon:H.arrow_right_default),B=e.computed(()=>{const c=t.teleported;return s.isUndefined(c)?O.value:c}),j=e.computed(()=>u.props.collapse?`${p.namespace.value}-zoom-in-left`:`${p.namespace.value}-zoom-in-top`),U=e.computed(()=>w.value==="horizontal"&&O.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","right","right-end","left-start","bottom-start","bottom-end","top-start","top-end"]),x=e.computed(()=>u.openedMenus.includes(t.index)),$=e.computed(()=>[...Object.values(k.value),...Object.values(M.value)].some(({active:c})=>c)),w=e.computed(()=>u.props.mode),q=e.computed(()=>u.props.persistent),D=e.reactive({index:t.index,indexPath:n,active:$}),L=ne(u.props,v.level+1),F=e.computed(()=>t.popperOffset??u.props.popperOffset),z=e.computed(()=>t.popperClass??u.props.popperClass),A=e.computed(()=>t.popperStyle??u.props.popperStyle),W=e.computed(()=>t.showTimeout??u.props.showTimeout),G=e.computed(()=>t.hideTimeout??u.props.hideTimeout),l=()=>{var c,b,f;return(f=(b=(c=C.value)==null?void 0:c.popperRef)==null?void 0:b.popperInstanceRef)==null?void 0:f.destroy()},r=c=>{c||l()},d=()=>{u.props.menuTrigger==="hover"&&u.props.mode==="horizontal"||u.props.collapse&&u.props.mode==="vertical"||t.disabled||u.handleSubMenuClick({index:t.index,indexPath:n.value,active:$.value})},y=(c,b=W.value)=>{var f;if(c.type!=="focus"){if(u.props.menuTrigger==="click"&&u.props.mode==="horizontal"||!u.props.collapse&&u.props.mode==="vertical"||t.disabled){v.mouseInChild.value=!0;return}v.mouseInChild.value=!0,m==null||m(),{stop:m}=s.useTimeoutFn(()=>{u.openMenu(t.index,n.value)},b),B.value&&((f=S.value.vnode.el)==null||f.dispatchEvent(new MouseEvent("mouseenter"))),c.type==="mouseenter"&&c.target&&e.nextTick(()=>{s.focusElement(c.target,{preventScroll:!0})})}},h=(c=!1)=>{var b;if(u.props.menuTrigger==="click"&&u.props.mode==="horizontal"||!u.props.collapse&&u.props.mode==="vertical"){v.mouseInChild.value=!1;return}m==null||m(),v.mouseInChild.value=!1,{stop:m}=s.useTimeoutFn(()=>!g.value&&u.closeMenu(t.index,n.value),G.value),B.value&&c&&((b=v.handleMouseleave)==null||b.call(v,!0))};e.watch(()=>u.props.collapse,c=>r(!!c));{const c=f=>{M.value[f.index]=f},b=f=>{delete M.value[f.index]};e.provide(`${R}${o.uid}`,{addSubMenu:c,removeSubMenu:b,handleMouseleave:h,mouseInChild:g,level:v.level+1})}return i({opened:x}),e.onMounted(()=>{u.addSubMenu(D),v.addSubMenu(D)}),e.onBeforeUnmount(()=>{v.removeSubMenu(D),u.removeSubMenu(D)}),()=>{var f;const c=[(f=a.title)==null?void 0:f.call(a),e.h(H.ElIcon,{class:I.e("icon-arrow"),style:{transform:x.value?t.expandCloseIcon&&t.expandOpenIcon||t.collapseCloseIcon&&t.collapseOpenIcon&&u.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>s.isString(N.value)?e.h(o.appContext.components[N.value]):e.h(N.value)})],b=u.isMenuPopup?e.h(E.ElTooltip,{ref:C,visible:x.value,effect:"light",pure:!0,offset:F.value,showArrow:!1,persistent:q.value,popperClass:z.value,popperStyle:A.value,placement:V.value,teleported:B.value,fallbackPlacements:U.value,transition:j.value,gpuAcceleration:!1},{content:()=>{var T;return e.h("div",{class:[p.m(w.value),p.m("popup-container"),z.value],onMouseenter:J=>y(J,100),onMouseleave:()=>h(!0),onFocus:J=>y(J,100)},[e.h("ul",{class:[p.b(),p.m("popup"),p.m(`popup-${V.value}`)],style:L.value},[(T=a.default)==null?void 0:T.call(a)])])},default:()=>e.h("div",{class:I.e("title"),onClick:d},c)}):e.h(e.Fragment,{},[e.h("div",{class:I.e("title"),ref:_,onClick:d},c),e.h(de,{},{default:()=>{var T;return e.withDirectives(e.h("ul",{role:"menu",class:[p.b(),p.m("inline")],style:L.value},[(T=a.default)==null?void 0:T.call(a)]),[[e.vShow,x.value]])}})]);return e.h("li",{class:[I.b(),I.is("active",$.value),I.is("opened",x.value),I.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:x.value,onMouseenter:y,onMouseleave:()=>h(),onFocus:y},[b])}}}),fe=class{constructor(t,a){this.parent=t,this.domNode=a,this.subIndex=0,this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(t){t===this.subMenuItems.length?t=0:t<0&&(t=this.subMenuItems.length-1),this.subMenuItems[t].focus(),this.subIndex=t}addListeners(){const t=this.parent.domNode;this.subMenuItems.forEach(a=>{a.addEventListener("keydown",i=>{const o=E.getEventCode(i);let n=!1;switch(o){case E.EVENT_CODE.down:this.gotoSubIndex(this.subIndex+1),n=!0;break;case E.EVENT_CODE.up:this.gotoSubIndex(this.subIndex-1),n=!0;break;case E.EVENT_CODE.tab:s.triggerEvent(t,"mouseleave");break;case E.EVENT_CODE.enter:case E.EVENT_CODE.numpadEnter:case E.EVENT_CODE.space:n=!0,i.currentTarget.click();break}return n&&(i.preventDefault(),i.stopPropagation()),!1})})}},ve=class{constructor(t,a){this.domNode=t,this.submenu=null,this.init(a)}init(t){this.domNode.setAttribute("tabindex","0");const a=this.domNode.querySelector(`.${t}-menu`);a&&(this.submenu=new fe(this,a)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",t=>{var o,n;const a=E.getEventCode(t);let i=!1;switch(a){case E.EVENT_CODE.down:s.triggerEvent(t.currentTarget,"mouseenter"),(o=this.submenu)==null||o.gotoSubIndex(0),i=!0;break;case E.EVENT_CODE.up:s.triggerEvent(t.currentTarget,"mouseenter"),(n=this.submenu)==null||n.gotoSubIndex(this.submenu.subMenuItems.length-1),i=!0;break;case E.EVENT_CODE.tab:s.triggerEvent(t.currentTarget,"mouseleave");break;case E.EVENT_CODE.enter:case E.EVENT_CODE.numpadEnter:case E.EVENT_CODE.space:i=!0,t.currentTarget.click();break}i&&t.preventDefault()})}},he=class{constructor(t,a){this.domNode=t,this.init(a)}init(t){const a=this.domNode.childNodes;Array.from(a).forEach(i=>{i.nodeType===1&&new ve(i,t)})}},ge=e.defineComponent({name:"ElMenuCollapseTransition",__name:"menu-collapse-transition",setup(t){const a=s.useNamespace("menu"),i={onBeforeEnter:o=>o.style.opacity="0.2",onEnter(o,n){s.addClass(o,`${a.namespace.value}-opacity-transition`),o.style.opacity="1",n()},onAfterEnter(o){s.removeClass(o,`${a.namespace.value}-opacity-transition`),o.style.opacity=""},onBeforeLeave(o){o.dataset||(o.dataset={}),s.hasClass(o,a.m("collapse"))?(s.removeClass(o,a.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),s.addClass(o,a.m("collapse"))):(s.addClass(o,a.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),s.removeClass(o,a.m("collapse"))),o.style.width=`${o.scrollWidth}px`,o.style.overflow="hidden"},onLeave(o){s.addClass(o,"horizontal-collapse-transition"),o.style.width=`${o.dataset.scrollWidth}px`}};return(o,n)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},i),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16))}}),ye=ge;const be=s.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:s.definePropType(Array),default:()=>re.mutable([])},uniqueOpened:Boolean,router:Boolean,menuTrigger:{type:String,values:["hover","click"],default:"hover"},collapse:Boolean,backgroundColor:String,textColor:String,activeTextColor:String,closeOnClickOutside:Boolean,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},popperOffset:{type:Number,default:6},ellipsisIcon:{type:P.iconPropType,default:()=>H.more_default},popperEffect:{type:s.definePropType(String),default:"dark"},popperClass:{type:s.definePropType([String,Array,Object,Boolean]),default:void 0},popperStyle:{type:s.definePropType([String,Array,Object,Boolean]),default:void 0},showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300},persistent:{type:Boolean,default:!0}}),Y=t=>s.isArray(t)&&t.every(a=>s.isString(a)),Ee={close:(t,a)=>s.isString(t)&&Y(a),open:(t,a)=>s.isString(t)&&Y(a),select:(t,a,i,o)=>s.isString(t)&&Y(a)&&s.isObject(i)&&(s.isUndefined(o)||o instanceof Promise)},ee=64;var Me=e.defineComponent({name:"ElMenu",props:be,emits:Ee,setup(t,{emit:a,slots:i,expose:o}){const n=e.getCurrentInstance(),S=n.appContext.config.globalProperties.$router,p=e.ref(),I=e.ref(),u=s.useNamespace("menu"),v=s.useNamespace("sub-menu");let k=ee;const M=e.ref(-1),m=e.ref(t.defaultOpeneds&&!t.collapse?t.defaultOpeneds.slice(0):[]),g=e.ref(t.defaultActive),_=e.ref({}),C=e.ref({}),O=e.computed(()=>t.mode==="horizontal"||t.mode==="vertical"&&t.collapse),V=()=>{const l=g.value&&_.value[g.value];!l||t.mode==="horizontal"||t.collapse||l.indexPath.forEach(r=>{const d=C.value[r];d&&N(r,d.indexPath)})},N=(l,r)=>{m.value.includes(l)||(t.uniqueOpened&&(m.value=m.value.filter(d=>r.includes(d))),m.value.push(l),a("open",l,r))},B=l=>{const r=m.value.indexOf(l);r!==-1&&m.value.splice(r,1)},j=(l,r)=>{B(l),a("close",l,r)},U=({index:l,indexPath:r})=>{m.value.includes(l)?j(l,r):N(l,r)},x=l=>{(t.mode==="horizontal"||t.collapse)&&(m.value=[]);const{index:r,indexPath:d}=l;if(!(s.isNil(r)||s.isNil(d)))if(t.router&&S){const y=l.route||r,h=S.push(y).then(c=>(c||(g.value=r),c));a("select",r,d,{index:r,indexPath:d,route:y},h)}else g.value=r,a("select",r,d,{index:r,indexPath:d})},$=l=>{var d;const r=_.value;g.value=((d=r[l]||g.value&&r[g.value]||r[t.defaultActive])==null?void 0:d.index)??l},w=l=>{const r=getComputedStyle(l),d=Number.parseInt(r.marginLeft,10),y=Number.parseInt(r.marginRight,10);return l.offsetWidth+d+y||0},q=()=>{if(!p.value)return-1;const l=Array.from(p.value.childNodes).filter(f=>f.nodeName!=="#comment"&&(f.nodeName!=="#text"||f.nodeValue)),r=getComputedStyle(p.value),d=Number.parseInt(r.paddingLeft,10),y=Number.parseInt(r.paddingRight,10),h=p.value.clientWidth-d-y;let c=0,b=0;return l.forEach((f,T)=>{c+=w(f),c<=h-k&&(b=T+1)}),b===l.length?-1:b},D=l=>C.value[l].indexPath,L=(l,r=33.34)=>{let d;return()=>{d&&clearTimeout(d),d=setTimeout(()=>{l()},r)}};let F=!0;const z=()=>{const l=P.unrefElement(I);if(l&&(k=w(l)||ee),M.value===q())return;const r=()=>{M.value=-1,e.nextTick(()=>{M.value=q()})};F?r():L(r)(),F=!1};e.watch(()=>t.defaultActive,l=>{_.value[l]||(g.value=""),$(l)}),e.watch(()=>t.collapse,l=>{l&&(m.value=[])}),e.watch(_.value,V);let A;e.watchEffect(()=>{t.mode==="horizontal"&&t.ellipsis?A=P.useResizeObserver(p,z).stop:A==null||A()});const W=e.ref(!1);{const l=h=>{C.value[h.index]=h},r=h=>{delete C.value[h.index]},d=h=>{_.value[h.index]=h},y=h=>{delete _.value[h.index]};e.provide(Q,e.reactive({props:t,openedMenus:m,items:_,subMenus:C,activeIndex:g,isMenuPopup:O,addMenuItem:d,removeMenuItem:y,addSubMenu:l,removeSubMenu:r,openMenu:N,closeMenu:j,handleMenuItemClick:x,handleSubMenuClick:U})),e.provide(`${R}${n.uid}`,{addSubMenu:l,removeSubMenu:r,mouseInChild:W,level:0})}e.onMounted(()=>{t.mode==="horizontal"&&new he(n.vnode.el,u.namespace.value)}),o({open:r=>{const{indexPath:d}=C.value[r];d.forEach(y=>N(y,d))},close:B,updateActiveIndex:$,handleResize:z});const G=ne(t,0);return()=>{var h;let l=((h=i.default)==null?void 0:h.call(i))??[];const r=[];if(t.mode==="horizontal"&&p.value){const c=le.flattedChildren(l).filter(T=>(T==null?void 0:T.shapeFlag)!==8),b=M.value===-1?c:c.slice(0,M.value),f=M.value===-1?[]:c.slice(M.value);f!=null&&f.length&&t.ellipsis&&(l=b,r.push(e.h(X,{ref:I,index:"sub-menu-more",class:v.e("hide-arrow"),popperOffset:t.popperOffset},{title:()=>e.h(H.ElIcon,{class:v.e("icon-more")},{default:()=>e.h(t.ellipsisIcon)}),default:()=>f})))}const d=t.closeOnClickOutside?[[ue.ClickOutside,()=>{m.value.length&&(W.value||(m.value.forEach(c=>a("close",c,D(c))),m.value=[]))}]]:[],y=e.withDirectives(e.h("ul",{key:String(t.collapse),role:"menubar",ref:p,style:G.value,class:{[u.b()]:!0,[u.m(t.mode)]:!0,[u.m("collapse")]:t.collapse}},[...l,...r]),d);return t.collapseTransition&&t.mode==="vertical"?e.h(ye,()=>y):y}}});const Ce=s.buildProps({index:{type:String,required:!0},route:{type:s.definePropType([String,Object])},disabled:Boolean}),Ie={click:t=>s.isString(t.index)&&s.isArray(t.indexPath)},_e={title:String},Z="ElMenuItem";var Te=e.defineComponent({name:Z,__name:"menu-item",props:Ce,emits:Ie,setup(t,{expose:a,emit:i}){const o=t,n=i,S=e.getCurrentInstance(),p=e.inject(Q),I=s.useNamespace("menu"),u=s.useNamespace("menu-item");p||s.throwError(Z,"can not inject root menu");const{parentMenu:v,indexPath:k}=te(S,e.toRef(o,"index")),M=e.inject(`${R}${v.value.uid}`);M||s.throwError(Z,"can not inject sub menu");const m=e.computed(()=>o.index===p.activeIndex),g=e.reactive({index:o.index,indexPath:k,active:m}),_=()=>{o.disabled||(p.handleMenuItemClick({index:o.index,indexPath:k.value,route:o.route}),n("click",g))};return e.onMounted(()=>{M.addSubMenu(g),p.addMenuItem(g)}),e.onBeforeUnmount(()=>{M.removeSubMenu(g),p.removeMenuItem(g)}),a({parentMenu:v,rootMenu:p,active:m,nsMenu:I,nsMenuItem:u,handleClick:_}),(C,O)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(u).b(),e.unref(u).is("active",m.value),e.unref(u).is("disabled",t.disabled)]),role:"menuitem",tabindex:"-1",onClick:_},[e.unref(v).type.name==="ElMenu"&&e.unref(p).props.collapse&&C.$slots.title?(e.openBlock(),e.createBlock(e.unref(E.ElTooltip),{key:0,effect:e.unref(p).props.popperEffect,placement:"right","fallback-placements":["left"],"popper-class":e.unref(p).props.popperClass,"popper-style":e.unref(p).props.popperStyle,persistent:e.unref(p).props.persistent,"focus-on-target":""},{content:e.withCtx(()=>[e.renderSlot(C.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(I).be("tooltip","trigger"))},[e.renderSlot(C.$slots,"default")],2)]),_:3},8,["effect","popper-class","popper-style","persistent"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(C.$slots,"default"),e.renderSlot(C.$slots,"title")],64))],2))}}),oe=Te,xe=e.defineComponent({name:"ElMenuItemGroup",__name:"menu-item-group",props:_e,setup(t){const a=s.useNamespace("menu-item-group");return(i,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(a).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[i.$slots.title?e.renderSlot(i.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(i.$slots,"default")])],2))}}),ae=xe;const Se=s.withInstall(Me,{MenuItem:oe,MenuItemGroup:ae,SubMenu:X}),Ne=s.withNoopInstall(oe);s.withNoopInstall(ae);s.withNoopInstall(X);exports.ElMenu=Se;exports.ElMenuItem=Ne;